From d082ff4174c8007b26e0d284e0c87652561044e6 Mon Sep 17 00:00:00 2001
From: "alexander.pace@ligo.org" <alexander.pace@ligo.org>
Date: Mon, 2 Dec 2019 20:54:05 -0600
Subject: [PATCH] Phase one of visual refresh:
upload new images, rework the base page and navbar to be cleaner
and more mobile-friendly.
---
bower.json | 3 +-
gracedb/static/css/materialize.css | 9067 +++++++++++++++++
gracedb/static/css/materialize.min.css | 13 +
gracedb/static/images/kagra.png | Bin 0 -> 14199 bytes
gracedb/static/images/logo.svg | 139 +
gracedb/static/js/materialize.js | 12374 +++++++++++++++++++++++
gracedb/static/js/materialize.min.js | 6 +
gracedb/templates/base.html | 99 +-
gracedb/templates/gracedb/index.html | 46 +-
gracedb/templates/navbar_frag.html | 84 +-
10 files changed, 21749 insertions(+), 82 deletions(-)
create mode 100644 gracedb/static/css/materialize.css
create mode 100644 gracedb/static/css/materialize.min.css
create mode 100644 gracedb/static/images/kagra.png
create mode 100644 gracedb/static/images/logo.svg
create mode 100644 gracedb/static/js/materialize.js
create mode 100644 gracedb/static/js/materialize.min.js
diff --git a/bower.json b/bower.json
index fadd41e51..3c8d15e96 100644
--- a/bower.json
+++ b/bower.json
@@ -8,7 +8,8 @@
"jquery-ui": "1.12.1",
"moment-timezone": "0.5.0",
"moment": "2.11.1",
- "tablesaw": "3.1.2"
+ "tablesaw": "3.1.2",
+ "materialize": "1.0.0"
},
"resolutions": {
"webcomponentsjs": "^0.6.0"
diff --git a/gracedb/static/css/materialize.css b/gracedb/static/css/materialize.css
new file mode 100644
index 000000000..bc6c1fe4a
--- /dev/null
+++ b/gracedb/static/css/materialize.css
@@ -0,0 +1,9067 @@
+/*!
+ * Materialize v1.0.0 (http://materializecss.com)
+ * Copyright 2014-2017 Materialize
+ * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
+ */
+.materialize-red {
+ background-color: #e51c23 !important;
+}
+
+.materialize-red-text {
+ color: #e51c23 !important;
+}
+
+.materialize-red.lighten-5 {
+ background-color: #fdeaeb !important;
+}
+
+.materialize-red-text.text-lighten-5 {
+ color: #fdeaeb !important;
+}
+
+.materialize-red.lighten-4 {
+ background-color: #f8c1c3 !important;
+}
+
+.materialize-red-text.text-lighten-4 {
+ color: #f8c1c3 !important;
+}
+
+.materialize-red.lighten-3 {
+ background-color: #f3989b !important;
+}
+
+.materialize-red-text.text-lighten-3 {
+ color: #f3989b !important;
+}
+
+.materialize-red.lighten-2 {
+ background-color: #ee6e73 !important;
+}
+
+.materialize-red-text.text-lighten-2 {
+ color: #ee6e73 !important;
+}
+
+.materialize-red.lighten-1 {
+ background-color: #ea454b !important;
+}
+
+.materialize-red-text.text-lighten-1 {
+ color: #ea454b !important;
+}
+
+.materialize-red.darken-1 {
+ background-color: #d0181e !important;
+}
+
+.materialize-red-text.text-darken-1 {
+ color: #d0181e !important;
+}
+
+.materialize-red.darken-2 {
+ background-color: #b9151b !important;
+}
+
+.materialize-red-text.text-darken-2 {
+ color: #b9151b !important;
+}
+
+.materialize-red.darken-3 {
+ background-color: #a21318 !important;
+}
+
+.materialize-red-text.text-darken-3 {
+ color: #a21318 !important;
+}
+
+.materialize-red.darken-4 {
+ background-color: #8b1014 !important;
+}
+
+.materialize-red-text.text-darken-4 {
+ color: #8b1014 !important;
+}
+
+.red {
+ background-color: #F44336 !important;
+}
+
+.red-text {
+ color: #F44336 !important;
+}
+
+.red.lighten-5 {
+ background-color: #FFEBEE !important;
+}
+
+.red-text.text-lighten-5 {
+ color: #FFEBEE !important;
+}
+
+.red.lighten-4 {
+ background-color: #FFCDD2 !important;
+}
+
+.red-text.text-lighten-4 {
+ color: #FFCDD2 !important;
+}
+
+.red.lighten-3 {
+ background-color: #EF9A9A !important;
+}
+
+.red-text.text-lighten-3 {
+ color: #EF9A9A !important;
+}
+
+.red.lighten-2 {
+ background-color: #E57373 !important;
+}
+
+.red-text.text-lighten-2 {
+ color: #E57373 !important;
+}
+
+.red.lighten-1 {
+ background-color: #EF5350 !important;
+}
+
+.red-text.text-lighten-1 {
+ color: #EF5350 !important;
+}
+
+.red.darken-1 {
+ background-color: #E53935 !important;
+}
+
+.red-text.text-darken-1 {
+ color: #E53935 !important;
+}
+
+.red.darken-2 {
+ background-color: #D32F2F !important;
+}
+
+.red-text.text-darken-2 {
+ color: #D32F2F !important;
+}
+
+.red.darken-3 {
+ background-color: #C62828 !important;
+}
+
+.red-text.text-darken-3 {
+ color: #C62828 !important;
+}
+
+.red.darken-4 {
+ background-color: #B71C1C !important;
+}
+
+.red-text.text-darken-4 {
+ color: #B71C1C !important;
+}
+
+.red.accent-1 {
+ background-color: #FF8A80 !important;
+}
+
+.red-text.text-accent-1 {
+ color: #FF8A80 !important;
+}
+
+.red.accent-2 {
+ background-color: #FF5252 !important;
+}
+
+.red-text.text-accent-2 {
+ color: #FF5252 !important;
+}
+
+.red.accent-3 {
+ background-color: #FF1744 !important;
+}
+
+.red-text.text-accent-3 {
+ color: #FF1744 !important;
+}
+
+.red.accent-4 {
+ background-color: #D50000 !important;
+}
+
+.red-text.text-accent-4 {
+ color: #D50000 !important;
+}
+
+.pink {
+ background-color: #e91e63 !important;
+}
+
+.pink-text {
+ color: #e91e63 !important;
+}
+
+.pink.lighten-5 {
+ background-color: #fce4ec !important;
+}
+
+.pink-text.text-lighten-5 {
+ color: #fce4ec !important;
+}
+
+.pink.lighten-4 {
+ background-color: #f8bbd0 !important;
+}
+
+.pink-text.text-lighten-4 {
+ color: #f8bbd0 !important;
+}
+
+.pink.lighten-3 {
+ background-color: #f48fb1 !important;
+}
+
+.pink-text.text-lighten-3 {
+ color: #f48fb1 !important;
+}
+
+.pink.lighten-2 {
+ background-color: #f06292 !important;
+}
+
+.pink-text.text-lighten-2 {
+ color: #f06292 !important;
+}
+
+.pink.lighten-1 {
+ background-color: #ec407a !important;
+}
+
+.pink-text.text-lighten-1 {
+ color: #ec407a !important;
+}
+
+.pink.darken-1 {
+ background-color: #d81b60 !important;
+}
+
+.pink-text.text-darken-1 {
+ color: #d81b60 !important;
+}
+
+.pink.darken-2 {
+ background-color: #c2185b !important;
+}
+
+.pink-text.text-darken-2 {
+ color: #c2185b !important;
+}
+
+.pink.darken-3 {
+ background-color: #ad1457 !important;
+}
+
+.pink-text.text-darken-3 {
+ color: #ad1457 !important;
+}
+
+.pink.darken-4 {
+ background-color: #880e4f !important;
+}
+
+.pink-text.text-darken-4 {
+ color: #880e4f !important;
+}
+
+.pink.accent-1 {
+ background-color: #ff80ab !important;
+}
+
+.pink-text.text-accent-1 {
+ color: #ff80ab !important;
+}
+
+.pink.accent-2 {
+ background-color: #ff4081 !important;
+}
+
+.pink-text.text-accent-2 {
+ color: #ff4081 !important;
+}
+
+.pink.accent-3 {
+ background-color: #f50057 !important;
+}
+
+.pink-text.text-accent-3 {
+ color: #f50057 !important;
+}
+
+.pink.accent-4 {
+ background-color: #c51162 !important;
+}
+
+.pink-text.text-accent-4 {
+ color: #c51162 !important;
+}
+
+.purple {
+ background-color: #9c27b0 !important;
+}
+
+.purple-text {
+ color: #9c27b0 !important;
+}
+
+.purple.lighten-5 {
+ background-color: #f3e5f5 !important;
+}
+
+.purple-text.text-lighten-5 {
+ color: #f3e5f5 !important;
+}
+
+.purple.lighten-4 {
+ background-color: #e1bee7 !important;
+}
+
+.purple-text.text-lighten-4 {
+ color: #e1bee7 !important;
+}
+
+.purple.lighten-3 {
+ background-color: #ce93d8 !important;
+}
+
+.purple-text.text-lighten-3 {
+ color: #ce93d8 !important;
+}
+
+.purple.lighten-2 {
+ background-color: #ba68c8 !important;
+}
+
+.purple-text.text-lighten-2 {
+ color: #ba68c8 !important;
+}
+
+.purple.lighten-1 {
+ background-color: #ab47bc !important;
+}
+
+.purple-text.text-lighten-1 {
+ color: #ab47bc !important;
+}
+
+.purple.darken-1 {
+ background-color: #8e24aa !important;
+}
+
+.purple-text.text-darken-1 {
+ color: #8e24aa !important;
+}
+
+.purple.darken-2 {
+ background-color: #7b1fa2 !important;
+}
+
+.purple-text.text-darken-2 {
+ color: #7b1fa2 !important;
+}
+
+.purple.darken-3 {
+ background-color: #6a1b9a !important;
+}
+
+.purple-text.text-darken-3 {
+ color: #6a1b9a !important;
+}
+
+.purple.darken-4 {
+ background-color: #4a148c !important;
+}
+
+.purple-text.text-darken-4 {
+ color: #4a148c !important;
+}
+
+.purple.accent-1 {
+ background-color: #ea80fc !important;
+}
+
+.purple-text.text-accent-1 {
+ color: #ea80fc !important;
+}
+
+.purple.accent-2 {
+ background-color: #e040fb !important;
+}
+
+.purple-text.text-accent-2 {
+ color: #e040fb !important;
+}
+
+.purple.accent-3 {
+ background-color: #d500f9 !important;
+}
+
+.purple-text.text-accent-3 {
+ color: #d500f9 !important;
+}
+
+.purple.accent-4 {
+ background-color: #aa00ff !important;
+}
+
+.purple-text.text-accent-4 {
+ color: #aa00ff !important;
+}
+
+.deep-purple {
+ background-color: #673ab7 !important;
+}
+
+.deep-purple-text {
+ color: #673ab7 !important;
+}
+
+.deep-purple.lighten-5 {
+ background-color: #ede7f6 !important;
+}
+
+.deep-purple-text.text-lighten-5 {
+ color: #ede7f6 !important;
+}
+
+.deep-purple.lighten-4 {
+ background-color: #d1c4e9 !important;
+}
+
+.deep-purple-text.text-lighten-4 {
+ color: #d1c4e9 !important;
+}
+
+.deep-purple.lighten-3 {
+ background-color: #b39ddb !important;
+}
+
+.deep-purple-text.text-lighten-3 {
+ color: #b39ddb !important;
+}
+
+.deep-purple.lighten-2 {
+ background-color: #9575cd !important;
+}
+
+.deep-purple-text.text-lighten-2 {
+ color: #9575cd !important;
+}
+
+.deep-purple.lighten-1 {
+ background-color: #7e57c2 !important;
+}
+
+.deep-purple-text.text-lighten-1 {
+ color: #7e57c2 !important;
+}
+
+.deep-purple.darken-1 {
+ background-color: #5e35b1 !important;
+}
+
+.deep-purple-text.text-darken-1 {
+ color: #5e35b1 !important;
+}
+
+.deep-purple.darken-2 {
+ background-color: #512da8 !important;
+}
+
+.deep-purple-text.text-darken-2 {
+ color: #512da8 !important;
+}
+
+.deep-purple.darken-3 {
+ background-color: #4527a0 !important;
+}
+
+.deep-purple-text.text-darken-3 {
+ color: #4527a0 !important;
+}
+
+.deep-purple.darken-4 {
+ background-color: #311b92 !important;
+}
+
+.deep-purple-text.text-darken-4 {
+ color: #311b92 !important;
+}
+
+.deep-purple.accent-1 {
+ background-color: #b388ff !important;
+}
+
+.deep-purple-text.text-accent-1 {
+ color: #b388ff !important;
+}
+
+.deep-purple.accent-2 {
+ background-color: #7c4dff !important;
+}
+
+.deep-purple-text.text-accent-2 {
+ color: #7c4dff !important;
+}
+
+.deep-purple.accent-3 {
+ background-color: #651fff !important;
+}
+
+.deep-purple-text.text-accent-3 {
+ color: #651fff !important;
+}
+
+.deep-purple.accent-4 {
+ background-color: #6200ea !important;
+}
+
+.deep-purple-text.text-accent-4 {
+ color: #6200ea !important;
+}
+
+.indigo {
+ background-color: #3f51b5 !important;
+}
+
+.indigo-text {
+ color: #3f51b5 !important;
+}
+
+.indigo.lighten-5 {
+ background-color: #e8eaf6 !important;
+}
+
+.indigo-text.text-lighten-5 {
+ color: #e8eaf6 !important;
+}
+
+.indigo.lighten-4 {
+ background-color: #c5cae9 !important;
+}
+
+.indigo-text.text-lighten-4 {
+ color: #c5cae9 !important;
+}
+
+.indigo.lighten-3 {
+ background-color: #9fa8da !important;
+}
+
+.indigo-text.text-lighten-3 {
+ color: #9fa8da !important;
+}
+
+.indigo.lighten-2 {
+ background-color: #7986cb !important;
+}
+
+.indigo-text.text-lighten-2 {
+ color: #7986cb !important;
+}
+
+.indigo.lighten-1 {
+ background-color: #5c6bc0 !important;
+}
+
+.indigo-text.text-lighten-1 {
+ color: #5c6bc0 !important;
+}
+
+.indigo.darken-1 {
+ background-color: #3949ab !important;
+}
+
+.indigo-text.text-darken-1 {
+ color: #3949ab !important;
+}
+
+.indigo.darken-2 {
+ background-color: #303f9f !important;
+}
+
+.indigo-text.text-darken-2 {
+ color: #303f9f !important;
+}
+
+.indigo.darken-3 {
+ background-color: #283593 !important;
+}
+
+.indigo-text.text-darken-3 {
+ color: #283593 !important;
+}
+
+.indigo.darken-4 {
+ background-color: #1a237e !important;
+}
+
+.indigo-text.text-darken-4 {
+ color: #1a237e !important;
+}
+
+.indigo.accent-1 {
+ background-color: #8c9eff !important;
+}
+
+.indigo-text.text-accent-1 {
+ color: #8c9eff !important;
+}
+
+.indigo.accent-2 {
+ background-color: #536dfe !important;
+}
+
+.indigo-text.text-accent-2 {
+ color: #536dfe !important;
+}
+
+.indigo.accent-3 {
+ background-color: #3d5afe !important;
+}
+
+.indigo-text.text-accent-3 {
+ color: #3d5afe !important;
+}
+
+.indigo.accent-4 {
+ background-color: #304ffe !important;
+}
+
+.indigo-text.text-accent-4 {
+ color: #304ffe !important;
+}
+
+.blue {
+ background-color: #2196F3 !important;
+}
+
+.blue-text {
+ color: #2196F3 !important;
+}
+
+.blue.lighten-5 {
+ background-color: #E3F2FD !important;
+}
+
+.blue-text.text-lighten-5 {
+ color: #E3F2FD !important;
+}
+
+.blue.lighten-4 {
+ background-color: #BBDEFB !important;
+}
+
+.blue-text.text-lighten-4 {
+ color: #BBDEFB !important;
+}
+
+.blue.lighten-3 {
+ background-color: #90CAF9 !important;
+}
+
+.blue-text.text-lighten-3 {
+ color: #90CAF9 !important;
+}
+
+.blue.lighten-2 {
+ background-color: #64B5F6 !important;
+}
+
+.blue-text.text-lighten-2 {
+ color: #64B5F6 !important;
+}
+
+.blue.lighten-1 {
+ background-color: #42A5F5 !important;
+}
+
+.blue-text.text-lighten-1 {
+ color: #42A5F5 !important;
+}
+
+.blue.darken-1 {
+ background-color: #1E88E5 !important;
+}
+
+.blue-text.text-darken-1 {
+ color: #1E88E5 !important;
+}
+
+.blue.darken-2 {
+ background-color: #1976D2 !important;
+}
+
+.blue-text.text-darken-2 {
+ color: #1976D2 !important;
+}
+
+.blue.darken-3 {
+ background-color: #1565C0 !important;
+}
+
+.blue-text.text-darken-3 {
+ color: #1565C0 !important;
+}
+
+.blue.darken-4 {
+ background-color: #0D47A1 !important;
+}
+
+.blue-text.text-darken-4 {
+ color: #0D47A1 !important;
+}
+
+.blue.accent-1 {
+ background-color: #82B1FF !important;
+}
+
+.blue-text.text-accent-1 {
+ color: #82B1FF !important;
+}
+
+.blue.accent-2 {
+ background-color: #448AFF !important;
+}
+
+.blue-text.text-accent-2 {
+ color: #448AFF !important;
+}
+
+.blue.accent-3 {
+ background-color: #2979FF !important;
+}
+
+.blue-text.text-accent-3 {
+ color: #2979FF !important;
+}
+
+.blue.accent-4 {
+ background-color: #2962FF !important;
+}
+
+.blue-text.text-accent-4 {
+ color: #2962FF !important;
+}
+
+.light-blue {
+ background-color: #03a9f4 !important;
+}
+
+.light-blue-text {
+ color: #03a9f4 !important;
+}
+
+.light-blue.lighten-5 {
+ background-color: #e1f5fe !important;
+}
+
+.light-blue-text.text-lighten-5 {
+ color: #e1f5fe !important;
+}
+
+.light-blue.lighten-4 {
+ background-color: #b3e5fc !important;
+}
+
+.light-blue-text.text-lighten-4 {
+ color: #b3e5fc !important;
+}
+
+.light-blue.lighten-3 {
+ background-color: #81d4fa !important;
+}
+
+.light-blue-text.text-lighten-3 {
+ color: #81d4fa !important;
+}
+
+.light-blue.lighten-2 {
+ background-color: #4fc3f7 !important;
+}
+
+.light-blue-text.text-lighten-2 {
+ color: #4fc3f7 !important;
+}
+
+.light-blue.lighten-1 {
+ background-color: #29b6f6 !important;
+}
+
+.light-blue-text.text-lighten-1 {
+ color: #29b6f6 !important;
+}
+
+.light-blue.darken-1 {
+ background-color: #039be5 !important;
+}
+
+.light-blue-text.text-darken-1 {
+ color: #039be5 !important;
+}
+
+.light-blue.darken-2 {
+ background-color: #0288d1 !important;
+}
+
+.light-blue-text.text-darken-2 {
+ color: #0288d1 !important;
+}
+
+.light-blue.darken-3 {
+ background-color: #0277bd !important;
+}
+
+.light-blue-text.text-darken-3 {
+ color: #0277bd !important;
+}
+
+.light-blue.darken-4 {
+ background-color: #01579b !important;
+}
+
+.light-blue-text.text-darken-4 {
+ color: #01579b !important;
+}
+
+.light-blue.accent-1 {
+ background-color: #80d8ff !important;
+}
+
+.light-blue-text.text-accent-1 {
+ color: #80d8ff !important;
+}
+
+.light-blue.accent-2 {
+ background-color: #40c4ff !important;
+}
+
+.light-blue-text.text-accent-2 {
+ color: #40c4ff !important;
+}
+
+.light-blue.accent-3 {
+ background-color: #00b0ff !important;
+}
+
+.light-blue-text.text-accent-3 {
+ color: #00b0ff !important;
+}
+
+.light-blue.accent-4 {
+ background-color: #0091ea !important;
+}
+
+.light-blue-text.text-accent-4 {
+ color: #0091ea !important;
+}
+
+.cyan {
+ background-color: #00bcd4 !important;
+}
+
+.cyan-text {
+ color: #00bcd4 !important;
+}
+
+.cyan.lighten-5 {
+ background-color: #e0f7fa !important;
+}
+
+.cyan-text.text-lighten-5 {
+ color: #e0f7fa !important;
+}
+
+.cyan.lighten-4 {
+ background-color: #b2ebf2 !important;
+}
+
+.cyan-text.text-lighten-4 {
+ color: #b2ebf2 !important;
+}
+
+.cyan.lighten-3 {
+ background-color: #80deea !important;
+}
+
+.cyan-text.text-lighten-3 {
+ color: #80deea !important;
+}
+
+.cyan.lighten-2 {
+ background-color: #4dd0e1 !important;
+}
+
+.cyan-text.text-lighten-2 {
+ color: #4dd0e1 !important;
+}
+
+.cyan.lighten-1 {
+ background-color: #26c6da !important;
+}
+
+.cyan-text.text-lighten-1 {
+ color: #26c6da !important;
+}
+
+.cyan.darken-1 {
+ background-color: #00acc1 !important;
+}
+
+.cyan-text.text-darken-1 {
+ color: #00acc1 !important;
+}
+
+.cyan.darken-2 {
+ background-color: #0097a7 !important;
+}
+
+.cyan-text.text-darken-2 {
+ color: #0097a7 !important;
+}
+
+.cyan.darken-3 {
+ background-color: #00838f !important;
+}
+
+.cyan-text.text-darken-3 {
+ color: #00838f !important;
+}
+
+.cyan.darken-4 {
+ background-color: #006064 !important;
+}
+
+.cyan-text.text-darken-4 {
+ color: #006064 !important;
+}
+
+.cyan.accent-1 {
+ background-color: #84ffff !important;
+}
+
+.cyan-text.text-accent-1 {
+ color: #84ffff !important;
+}
+
+.cyan.accent-2 {
+ background-color: #18ffff !important;
+}
+
+.cyan-text.text-accent-2 {
+ color: #18ffff !important;
+}
+
+.cyan.accent-3 {
+ background-color: #00e5ff !important;
+}
+
+.cyan-text.text-accent-3 {
+ color: #00e5ff !important;
+}
+
+.cyan.accent-4 {
+ background-color: #00b8d4 !important;
+}
+
+.cyan-text.text-accent-4 {
+ color: #00b8d4 !important;
+}
+
+.teal {
+ background-color: #009688 !important;
+}
+
+.teal-text {
+ color: #009688 !important;
+}
+
+.teal.lighten-5 {
+ background-color: #e0f2f1 !important;
+}
+
+.teal-text.text-lighten-5 {
+ color: #e0f2f1 !important;
+}
+
+.teal.lighten-4 {
+ background-color: #b2dfdb !important;
+}
+
+.teal-text.text-lighten-4 {
+ color: #b2dfdb !important;
+}
+
+.teal.lighten-3 {
+ background-color: #80cbc4 !important;
+}
+
+.teal-text.text-lighten-3 {
+ color: #80cbc4 !important;
+}
+
+.teal.lighten-2 {
+ background-color: #4db6ac !important;
+}
+
+.teal-text.text-lighten-2 {
+ color: #4db6ac !important;
+}
+
+.teal.lighten-1 {
+ background-color: #26a69a !important;
+}
+
+.teal-text.text-lighten-1 {
+ color: #26a69a !important;
+}
+
+.teal.darken-1 {
+ background-color: #00897b !important;
+}
+
+.teal-text.text-darken-1 {
+ color: #00897b !important;
+}
+
+.teal.darken-2 {
+ background-color: #00796b !important;
+}
+
+.teal-text.text-darken-2 {
+ color: #00796b !important;
+}
+
+.teal.darken-3 {
+ background-color: #00695c !important;
+}
+
+.teal-text.text-darken-3 {
+ color: #00695c !important;
+}
+
+.teal.darken-4 {
+ background-color: #004d40 !important;
+}
+
+.teal-text.text-darken-4 {
+ color: #004d40 !important;
+}
+
+.teal.accent-1 {
+ background-color: #a7ffeb !important;
+}
+
+.teal-text.text-accent-1 {
+ color: #a7ffeb !important;
+}
+
+.teal.accent-2 {
+ background-color: #64ffda !important;
+}
+
+.teal-text.text-accent-2 {
+ color: #64ffda !important;
+}
+
+.teal.accent-3 {
+ background-color: #1de9b6 !important;
+}
+
+.teal-text.text-accent-3 {
+ color: #1de9b6 !important;
+}
+
+.teal.accent-4 {
+ background-color: #00bfa5 !important;
+}
+
+.teal-text.text-accent-4 {
+ color: #00bfa5 !important;
+}
+
+.green {
+ background-color: #4CAF50 !important;
+}
+
+.green-text {
+ color: #4CAF50 !important;
+}
+
+.green.lighten-5 {
+ background-color: #E8F5E9 !important;
+}
+
+.green-text.text-lighten-5 {
+ color: #E8F5E9 !important;
+}
+
+.green.lighten-4 {
+ background-color: #C8E6C9 !important;
+}
+
+.green-text.text-lighten-4 {
+ color: #C8E6C9 !important;
+}
+
+.green.lighten-3 {
+ background-color: #A5D6A7 !important;
+}
+
+.green-text.text-lighten-3 {
+ color: #A5D6A7 !important;
+}
+
+.green.lighten-2 {
+ background-color: #81C784 !important;
+}
+
+.green-text.text-lighten-2 {
+ color: #81C784 !important;
+}
+
+.green.lighten-1 {
+ background-color: #66BB6A !important;
+}
+
+.green-text.text-lighten-1 {
+ color: #66BB6A !important;
+}
+
+.green.darken-1 {
+ background-color: #43A047 !important;
+}
+
+.green-text.text-darken-1 {
+ color: #43A047 !important;
+}
+
+.green.darken-2 {
+ background-color: #388E3C !important;
+}
+
+.green-text.text-darken-2 {
+ color: #388E3C !important;
+}
+
+.green.darken-3 {
+ background-color: #2E7D32 !important;
+}
+
+.green-text.text-darken-3 {
+ color: #2E7D32 !important;
+}
+
+.green.darken-4 {
+ background-color: #1B5E20 !important;
+}
+
+.green-text.text-darken-4 {
+ color: #1B5E20 !important;
+}
+
+.green.accent-1 {
+ background-color: #B9F6CA !important;
+}
+
+.green-text.text-accent-1 {
+ color: #B9F6CA !important;
+}
+
+.green.accent-2 {
+ background-color: #69F0AE !important;
+}
+
+.green-text.text-accent-2 {
+ color: #69F0AE !important;
+}
+
+.green.accent-3 {
+ background-color: #00E676 !important;
+}
+
+.green-text.text-accent-3 {
+ color: #00E676 !important;
+}
+
+.green.accent-4 {
+ background-color: #00C853 !important;
+}
+
+.green-text.text-accent-4 {
+ color: #00C853 !important;
+}
+
+.light-green {
+ background-color: #8bc34a !important;
+}
+
+.light-green-text {
+ color: #8bc34a !important;
+}
+
+.light-green.lighten-5 {
+ background-color: #f1f8e9 !important;
+}
+
+.light-green-text.text-lighten-5 {
+ color: #f1f8e9 !important;
+}
+
+.light-green.lighten-4 {
+ background-color: #dcedc8 !important;
+}
+
+.light-green-text.text-lighten-4 {
+ color: #dcedc8 !important;
+}
+
+.light-green.lighten-3 {
+ background-color: #c5e1a5 !important;
+}
+
+.light-green-text.text-lighten-3 {
+ color: #c5e1a5 !important;
+}
+
+.light-green.lighten-2 {
+ background-color: #aed581 !important;
+}
+
+.light-green-text.text-lighten-2 {
+ color: #aed581 !important;
+}
+
+.light-green.lighten-1 {
+ background-color: #9ccc65 !important;
+}
+
+.light-green-text.text-lighten-1 {
+ color: #9ccc65 !important;
+}
+
+.light-green.darken-1 {
+ background-color: #7cb342 !important;
+}
+
+.light-green-text.text-darken-1 {
+ color: #7cb342 !important;
+}
+
+.light-green.darken-2 {
+ background-color: #689f38 !important;
+}
+
+.light-green-text.text-darken-2 {
+ color: #689f38 !important;
+}
+
+.light-green.darken-3 {
+ background-color: #558b2f !important;
+}
+
+.light-green-text.text-darken-3 {
+ color: #558b2f !important;
+}
+
+.light-green.darken-4 {
+ background-color: #33691e !important;
+}
+
+.light-green-text.text-darken-4 {
+ color: #33691e !important;
+}
+
+.light-green.accent-1 {
+ background-color: #ccff90 !important;
+}
+
+.light-green-text.text-accent-1 {
+ color: #ccff90 !important;
+}
+
+.light-green.accent-2 {
+ background-color: #b2ff59 !important;
+}
+
+.light-green-text.text-accent-2 {
+ color: #b2ff59 !important;
+}
+
+.light-green.accent-3 {
+ background-color: #76ff03 !important;
+}
+
+.light-green-text.text-accent-3 {
+ color: #76ff03 !important;
+}
+
+.light-green.accent-4 {
+ background-color: #64dd17 !important;
+}
+
+.light-green-text.text-accent-4 {
+ color: #64dd17 !important;
+}
+
+.lime {
+ background-color: #cddc39 !important;
+}
+
+.lime-text {
+ color: #cddc39 !important;
+}
+
+.lime.lighten-5 {
+ background-color: #f9fbe7 !important;
+}
+
+.lime-text.text-lighten-5 {
+ color: #f9fbe7 !important;
+}
+
+.lime.lighten-4 {
+ background-color: #f0f4c3 !important;
+}
+
+.lime-text.text-lighten-4 {
+ color: #f0f4c3 !important;
+}
+
+.lime.lighten-3 {
+ background-color: #e6ee9c !important;
+}
+
+.lime-text.text-lighten-3 {
+ color: #e6ee9c !important;
+}
+
+.lime.lighten-2 {
+ background-color: #dce775 !important;
+}
+
+.lime-text.text-lighten-2 {
+ color: #dce775 !important;
+}
+
+.lime.lighten-1 {
+ background-color: #d4e157 !important;
+}
+
+.lime-text.text-lighten-1 {
+ color: #d4e157 !important;
+}
+
+.lime.darken-1 {
+ background-color: #c0ca33 !important;
+}
+
+.lime-text.text-darken-1 {
+ color: #c0ca33 !important;
+}
+
+.lime.darken-2 {
+ background-color: #afb42b !important;
+}
+
+.lime-text.text-darken-2 {
+ color: #afb42b !important;
+}
+
+.lime.darken-3 {
+ background-color: #9e9d24 !important;
+}
+
+.lime-text.text-darken-3 {
+ color: #9e9d24 !important;
+}
+
+.lime.darken-4 {
+ background-color: #827717 !important;
+}
+
+.lime-text.text-darken-4 {
+ color: #827717 !important;
+}
+
+.lime.accent-1 {
+ background-color: #f4ff81 !important;
+}
+
+.lime-text.text-accent-1 {
+ color: #f4ff81 !important;
+}
+
+.lime.accent-2 {
+ background-color: #eeff41 !important;
+}
+
+.lime-text.text-accent-2 {
+ color: #eeff41 !important;
+}
+
+.lime.accent-3 {
+ background-color: #c6ff00 !important;
+}
+
+.lime-text.text-accent-3 {
+ color: #c6ff00 !important;
+}
+
+.lime.accent-4 {
+ background-color: #aeea00 !important;
+}
+
+.lime-text.text-accent-4 {
+ color: #aeea00 !important;
+}
+
+.yellow {
+ background-color: #ffeb3b !important;
+}
+
+.yellow-text {
+ color: #ffeb3b !important;
+}
+
+.yellow.lighten-5 {
+ background-color: #fffde7 !important;
+}
+
+.yellow-text.text-lighten-5 {
+ color: #fffde7 !important;
+}
+
+.yellow.lighten-4 {
+ background-color: #fff9c4 !important;
+}
+
+.yellow-text.text-lighten-4 {
+ color: #fff9c4 !important;
+}
+
+.yellow.lighten-3 {
+ background-color: #fff59d !important;
+}
+
+.yellow-text.text-lighten-3 {
+ color: #fff59d !important;
+}
+
+.yellow.lighten-2 {
+ background-color: #fff176 !important;
+}
+
+.yellow-text.text-lighten-2 {
+ color: #fff176 !important;
+}
+
+.yellow.lighten-1 {
+ background-color: #ffee58 !important;
+}
+
+.yellow-text.text-lighten-1 {
+ color: #ffee58 !important;
+}
+
+.yellow.darken-1 {
+ background-color: #fdd835 !important;
+}
+
+.yellow-text.text-darken-1 {
+ color: #fdd835 !important;
+}
+
+.yellow.darken-2 {
+ background-color: #fbc02d !important;
+}
+
+.yellow-text.text-darken-2 {
+ color: #fbc02d !important;
+}
+
+.yellow.darken-3 {
+ background-color: #f9a825 !important;
+}
+
+.yellow-text.text-darken-3 {
+ color: #f9a825 !important;
+}
+
+.yellow.darken-4 {
+ background-color: #f57f17 !important;
+}
+
+.yellow-text.text-darken-4 {
+ color: #f57f17 !important;
+}
+
+.yellow.accent-1 {
+ background-color: #ffff8d !important;
+}
+
+.yellow-text.text-accent-1 {
+ color: #ffff8d !important;
+}
+
+.yellow.accent-2 {
+ background-color: #ffff00 !important;
+}
+
+.yellow-text.text-accent-2 {
+ color: #ffff00 !important;
+}
+
+.yellow.accent-3 {
+ background-color: #ffea00 !important;
+}
+
+.yellow-text.text-accent-3 {
+ color: #ffea00 !important;
+}
+
+.yellow.accent-4 {
+ background-color: #ffd600 !important;
+}
+
+.yellow-text.text-accent-4 {
+ color: #ffd600 !important;
+}
+
+.amber {
+ background-color: #ffc107 !important;
+}
+
+.amber-text {
+ color: #ffc107 !important;
+}
+
+.amber.lighten-5 {
+ background-color: #fff8e1 !important;
+}
+
+.amber-text.text-lighten-5 {
+ color: #fff8e1 !important;
+}
+
+.amber.lighten-4 {
+ background-color: #ffecb3 !important;
+}
+
+.amber-text.text-lighten-4 {
+ color: #ffecb3 !important;
+}
+
+.amber.lighten-3 {
+ background-color: #ffe082 !important;
+}
+
+.amber-text.text-lighten-3 {
+ color: #ffe082 !important;
+}
+
+.amber.lighten-2 {
+ background-color: #ffd54f !important;
+}
+
+.amber-text.text-lighten-2 {
+ color: #ffd54f !important;
+}
+
+.amber.lighten-1 {
+ background-color: #ffca28 !important;
+}
+
+.amber-text.text-lighten-1 {
+ color: #ffca28 !important;
+}
+
+.amber.darken-1 {
+ background-color: #ffb300 !important;
+}
+
+.amber-text.text-darken-1 {
+ color: #ffb300 !important;
+}
+
+.amber.darken-2 {
+ background-color: #ffa000 !important;
+}
+
+.amber-text.text-darken-2 {
+ color: #ffa000 !important;
+}
+
+.amber.darken-3 {
+ background-color: #ff8f00 !important;
+}
+
+.amber-text.text-darken-3 {
+ color: #ff8f00 !important;
+}
+
+.amber.darken-4 {
+ background-color: #ff6f00 !important;
+}
+
+.amber-text.text-darken-4 {
+ color: #ff6f00 !important;
+}
+
+.amber.accent-1 {
+ background-color: #ffe57f !important;
+}
+
+.amber-text.text-accent-1 {
+ color: #ffe57f !important;
+}
+
+.amber.accent-2 {
+ background-color: #ffd740 !important;
+}
+
+.amber-text.text-accent-2 {
+ color: #ffd740 !important;
+}
+
+.amber.accent-3 {
+ background-color: #ffc400 !important;
+}
+
+.amber-text.text-accent-3 {
+ color: #ffc400 !important;
+}
+
+.amber.accent-4 {
+ background-color: #ffab00 !important;
+}
+
+.amber-text.text-accent-4 {
+ color: #ffab00 !important;
+}
+
+.orange {
+ background-color: #ff9800 !important;
+}
+
+.orange-text {
+ color: #ff9800 !important;
+}
+
+.orange.lighten-5 {
+ background-color: #fff3e0 !important;
+}
+
+.orange-text.text-lighten-5 {
+ color: #fff3e0 !important;
+}
+
+.orange.lighten-4 {
+ background-color: #ffe0b2 !important;
+}
+
+.orange-text.text-lighten-4 {
+ color: #ffe0b2 !important;
+}
+
+.orange.lighten-3 {
+ background-color: #ffcc80 !important;
+}
+
+.orange-text.text-lighten-3 {
+ color: #ffcc80 !important;
+}
+
+.orange.lighten-2 {
+ background-color: #ffb74d !important;
+}
+
+.orange-text.text-lighten-2 {
+ color: #ffb74d !important;
+}
+
+.orange.lighten-1 {
+ background-color: #ffa726 !important;
+}
+
+.orange-text.text-lighten-1 {
+ color: #ffa726 !important;
+}
+
+.orange.darken-1 {
+ background-color: #fb8c00 !important;
+}
+
+.orange-text.text-darken-1 {
+ color: #fb8c00 !important;
+}
+
+.orange.darken-2 {
+ background-color: #f57c00 !important;
+}
+
+.orange-text.text-darken-2 {
+ color: #f57c00 !important;
+}
+
+.orange.darken-3 {
+ background-color: #ef6c00 !important;
+}
+
+.orange-text.text-darken-3 {
+ color: #ef6c00 !important;
+}
+
+.orange.darken-4 {
+ background-color: #e65100 !important;
+}
+
+.orange-text.text-darken-4 {
+ color: #e65100 !important;
+}
+
+.orange.accent-1 {
+ background-color: #ffd180 !important;
+}
+
+.orange-text.text-accent-1 {
+ color: #ffd180 !important;
+}
+
+.orange.accent-2 {
+ background-color: #ffab40 !important;
+}
+
+.orange-text.text-accent-2 {
+ color: #ffab40 !important;
+}
+
+.orange.accent-3 {
+ background-color: #ff9100 !important;
+}
+
+.orange-text.text-accent-3 {
+ color: #ff9100 !important;
+}
+
+.orange.accent-4 {
+ background-color: #ff6d00 !important;
+}
+
+.orange-text.text-accent-4 {
+ color: #ff6d00 !important;
+}
+
+.deep-orange {
+ background-color: #ff5722 !important;
+}
+
+.deep-orange-text {
+ color: #ff5722 !important;
+}
+
+.deep-orange.lighten-5 {
+ background-color: #fbe9e7 !important;
+}
+
+.deep-orange-text.text-lighten-5 {
+ color: #fbe9e7 !important;
+}
+
+.deep-orange.lighten-4 {
+ background-color: #ffccbc !important;
+}
+
+.deep-orange-text.text-lighten-4 {
+ color: #ffccbc !important;
+}
+
+.deep-orange.lighten-3 {
+ background-color: #ffab91 !important;
+}
+
+.deep-orange-text.text-lighten-3 {
+ color: #ffab91 !important;
+}
+
+.deep-orange.lighten-2 {
+ background-color: #ff8a65 !important;
+}
+
+.deep-orange-text.text-lighten-2 {
+ color: #ff8a65 !important;
+}
+
+.deep-orange.lighten-1 {
+ background-color: #ff7043 !important;
+}
+
+.deep-orange-text.text-lighten-1 {
+ color: #ff7043 !important;
+}
+
+.deep-orange.darken-1 {
+ background-color: #f4511e !important;
+}
+
+.deep-orange-text.text-darken-1 {
+ color: #f4511e !important;
+}
+
+.deep-orange.darken-2 {
+ background-color: #e64a19 !important;
+}
+
+.deep-orange-text.text-darken-2 {
+ color: #e64a19 !important;
+}
+
+.deep-orange.darken-3 {
+ background-color: #d84315 !important;
+}
+
+.deep-orange-text.text-darken-3 {
+ color: #d84315 !important;
+}
+
+.deep-orange.darken-4 {
+ background-color: #bf360c !important;
+}
+
+.deep-orange-text.text-darken-4 {
+ color: #bf360c !important;
+}
+
+.deep-orange.accent-1 {
+ background-color: #ff9e80 !important;
+}
+
+.deep-orange-text.text-accent-1 {
+ color: #ff9e80 !important;
+}
+
+.deep-orange.accent-2 {
+ background-color: #ff6e40 !important;
+}
+
+.deep-orange-text.text-accent-2 {
+ color: #ff6e40 !important;
+}
+
+.deep-orange.accent-3 {
+ background-color: #ff3d00 !important;
+}
+
+.deep-orange-text.text-accent-3 {
+ color: #ff3d00 !important;
+}
+
+.deep-orange.accent-4 {
+ background-color: #dd2c00 !important;
+}
+
+.deep-orange-text.text-accent-4 {
+ color: #dd2c00 !important;
+}
+
+.brown {
+ background-color: #795548 !important;
+}
+
+.brown-text {
+ color: #795548 !important;
+}
+
+.brown.lighten-5 {
+ background-color: #efebe9 !important;
+}
+
+.brown-text.text-lighten-5 {
+ color: #efebe9 !important;
+}
+
+.brown.lighten-4 {
+ background-color: #d7ccc8 !important;
+}
+
+.brown-text.text-lighten-4 {
+ color: #d7ccc8 !important;
+}
+
+.brown.lighten-3 {
+ background-color: #bcaaa4 !important;
+}
+
+.brown-text.text-lighten-3 {
+ color: #bcaaa4 !important;
+}
+
+.brown.lighten-2 {
+ background-color: #a1887f !important;
+}
+
+.brown-text.text-lighten-2 {
+ color: #a1887f !important;
+}
+
+.brown.lighten-1 {
+ background-color: #8d6e63 !important;
+}
+
+.brown-text.text-lighten-1 {
+ color: #8d6e63 !important;
+}
+
+.brown.darken-1 {
+ background-color: #6d4c41 !important;
+}
+
+.brown-text.text-darken-1 {
+ color: #6d4c41 !important;
+}
+
+.brown.darken-2 {
+ background-color: #5d4037 !important;
+}
+
+.brown-text.text-darken-2 {
+ color: #5d4037 !important;
+}
+
+.brown.darken-3 {
+ background-color: #4e342e !important;
+}
+
+.brown-text.text-darken-3 {
+ color: #4e342e !important;
+}
+
+.brown.darken-4 {
+ background-color: #3e2723 !important;
+}
+
+.brown-text.text-darken-4 {
+ color: #3e2723 !important;
+}
+
+.blue-grey {
+ background-color: #607d8b !important;
+}
+
+.blue-grey-text {
+ color: #607d8b !important;
+}
+
+.blue-grey.lighten-5 {
+ background-color: #eceff1 !important;
+}
+
+.blue-grey-text.text-lighten-5 {
+ color: #eceff1 !important;
+}
+
+.blue-grey.lighten-4 {
+ background-color: #cfd8dc !important;
+}
+
+.blue-grey-text.text-lighten-4 {
+ color: #cfd8dc !important;
+}
+
+.blue-grey.lighten-3 {
+ background-color: #b0bec5 !important;
+}
+
+.blue-grey-text.text-lighten-3 {
+ color: #b0bec5 !important;
+}
+
+.blue-grey.lighten-2 {
+ background-color: #90a4ae !important;
+}
+
+.blue-grey-text.text-lighten-2 {
+ color: #90a4ae !important;
+}
+
+.blue-grey.lighten-1 {
+ background-color: #78909c !important;
+}
+
+.blue-grey-text.text-lighten-1 {
+ color: #78909c !important;
+}
+
+.blue-grey.darken-1 {
+ background-color: #546e7a !important;
+}
+
+.blue-grey-text.text-darken-1 {
+ color: #546e7a !important;
+}
+
+.blue-grey.darken-2 {
+ background-color: #455a64 !important;
+}
+
+.blue-grey-text.text-darken-2 {
+ color: #455a64 !important;
+}
+
+.blue-grey.darken-3 {
+ background-color: #37474f !important;
+}
+
+.blue-grey-text.text-darken-3 {
+ color: #37474f !important;
+}
+
+.blue-grey.darken-4 {
+ background-color: #263238 !important;
+}
+
+.blue-grey-text.text-darken-4 {
+ color: #263238 !important;
+}
+
+.grey {
+ background-color: #9e9e9e !important;
+}
+
+.grey-text {
+ color: #9e9e9e !important;
+}
+
+.grey.lighten-5 {
+ background-color: #fafafa !important;
+}
+
+.grey-text.text-lighten-5 {
+ color: #fafafa !important;
+}
+
+.grey.lighten-4 {
+ background-color: #f5f5f5 !important;
+}
+
+.grey-text.text-lighten-4 {
+ color: #f5f5f5 !important;
+}
+
+.grey.lighten-3 {
+ background-color: #eeeeee !important;
+}
+
+.grey-text.text-lighten-3 {
+ color: #eeeeee !important;
+}
+
+.grey.lighten-2 {
+ background-color: #e0e0e0 !important;
+}
+
+.grey-text.text-lighten-2 {
+ color: #e0e0e0 !important;
+}
+
+.grey.lighten-1 {
+ background-color: #bdbdbd !important;
+}
+
+.grey-text.text-lighten-1 {
+ color: #bdbdbd !important;
+}
+
+.grey.darken-1 {
+ background-color: #757575 !important;
+}
+
+.grey-text.text-darken-1 {
+ color: #757575 !important;
+}
+
+.grey.darken-2 {
+ background-color: #616161 !important;
+}
+
+.grey-text.text-darken-2 {
+ color: #616161 !important;
+}
+
+.grey.darken-3 {
+ background-color: #424242 !important;
+}
+
+.grey-text.text-darken-3 {
+ color: #424242 !important;
+}
+
+.grey.darken-4 {
+ background-color: #212121 !important;
+}
+
+.grey-text.text-darken-4 {
+ color: #212121 !important;
+}
+
+.black {
+ background-color: #000000 !important;
+}
+
+.black-text {
+ color: #000000 !important;
+}
+
+.white {
+ background-color: #FFFFFF !important;
+}
+
+.white-text {
+ color: #FFFFFF !important;
+}
+
+.transparent {
+ background-color: transparent !important;
+}
+
+.transparent-text {
+ color: transparent !important;
+}
+
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+/* Document
+ ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+html {
+ line-height: 1.15;
+ /* 1 */
+ -ms-text-size-adjust: 100%;
+ /* 2 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+body {
+ margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+figcaption,
+figure,
+main {
+ /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ /* 1 */
+ height: 0;
+ /* 1 */
+ overflow: visible;
+ /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+a {
+ background-color: transparent;
+ /* 1 */
+ -webkit-text-decoration-skip: objects;
+ /* 2 */
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+ border-bottom: none;
+ /* 1 */
+ text-decoration: underline;
+ /* 2 */
+ -webkit-text-decoration: underline dotted;
+ -moz-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ */
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ line-height: 1.15;
+ /* 1 */
+ margin: 0;
+ /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+ /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+ /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+ /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+legend {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ display: table;
+ /* 1 */
+ max-width: 100%;
+ /* 1 */
+ padding: 0;
+ /* 3 */
+ white-space: normal;
+ /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+ display: inline-block;
+ /* 1 */
+ vertical-align: baseline;
+ /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+[type="checkbox"],
+[type="radio"] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+details,
+menu {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ ========================================================================== */
+/**
+ * Add the correct display in IE 9-.
+ */
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+template {
+ display: none;
+}
+
+/* Hidden
+ ========================================================================== */
+/**
+ * Add the correct display in IE 10-.
+ */
+[hidden] {
+ display: none;
+}
+
+html {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+*, *:before, *:after {
+ -webkit-box-sizing: inherit;
+ box-sizing: inherit;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+ul:not(.browser-default) {
+ padding-left: 0;
+ list-style-type: none;
+}
+
+ul:not(.browser-default) > li {
+ list-style-type: none;
+}
+
+a {
+ color: #039be5;
+ text-decoration: none;
+ -webkit-tap-highlight-color: transparent;
+}
+
+.valign-wrapper {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.clearfix {
+ clear: both;
+}
+
+.z-depth-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+
+/* 2dp elevation modified*/
+.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
+ -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+}
+
+.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
+ -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
+}
+
+/* 6dp elevation modified*/
+.z-depth-2 {
+ -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
+}
+
+/* 12dp elevation modified*/
+.z-depth-3 {
+ -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+}
+
+/* 16dp elevation */
+.z-depth-4 {
+ -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
+}
+
+/* 24dp elevation */
+.z-depth-5, .modal {
+ -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
+}
+
+.hoverable {
+ -webkit-transition: -webkit-box-shadow .25s;
+ transition: -webkit-box-shadow .25s;
+ transition: box-shadow .25s;
+ transition: box-shadow .25s, -webkit-box-shadow .25s;
+}
+
+.hoverable:hover {
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+.divider {
+ height: 1px;
+ overflow: hidden;
+ background-color: #e0e0e0;
+}
+
+blockquote {
+ margin: 20px 0;
+ padding-left: 1.5rem;
+ border-left: 5px solid #ee6e73;
+}
+
+i {
+ line-height: inherit;
+}
+
+i.left {
+ float: left;
+ margin-right: 15px;
+}
+
+i.right {
+ float: right;
+ margin-left: 15px;
+}
+
+i.tiny {
+ font-size: 1rem;
+}
+
+i.small {
+ font-size: 2rem;
+}
+
+i.medium {
+ font-size: 4rem;
+}
+
+i.large {
+ font-size: 6rem;
+}
+
+img.responsive-img,
+video.responsive-video {
+ max-width: 100%;
+ height: auto;
+}
+
+.pagination li {
+ display: inline-block;
+ border-radius: 2px;
+ text-align: center;
+ vertical-align: top;
+ height: 30px;
+}
+
+.pagination li a {
+ color: #444;
+ display: inline-block;
+ font-size: 1.2rem;
+ padding: 0 10px;
+ line-height: 30px;
+}
+
+.pagination li.active a {
+ color: #fff;
+}
+
+.pagination li.active {
+ background-color: #ee6e73;
+}
+
+.pagination li.disabled a {
+ cursor: default;
+ color: #999;
+}
+
+.pagination li i {
+ font-size: 2rem;
+}
+
+.pagination li.pages ul li {
+ display: inline-block;
+ float: none;
+}
+
+@media only screen and (max-width: 992px) {
+ .pagination {
+ width: 100%;
+ }
+ .pagination li.prev,
+ .pagination li.next {
+ width: 10%;
+ }
+ .pagination li.pages {
+ width: 80%;
+ overflow: hidden;
+ white-space: nowrap;
+ }
+}
+
+.breadcrumb {
+ font-size: 18px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.breadcrumb i,
+.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
+.breadcrumb i.material-icons {
+ display: inline-block;
+ float: left;
+ font-size: 24px;
+}
+
+.breadcrumb:before {
+ content: '\E5CC';
+ color: rgba(255, 255, 255, 0.7);
+ vertical-align: top;
+ display: inline-block;
+ font-family: 'Material Icons';
+ font-weight: normal;
+ font-style: normal;
+ font-size: 25px;
+ margin: 0 10px 0 8px;
+ -webkit-font-smoothing: antialiased;
+}
+
+.breadcrumb:first-child:before {
+ display: none;
+}
+
+.breadcrumb:last-child {
+ color: #fff;
+}
+
+.parallax-container {
+ position: relative;
+ overflow: hidden;
+ height: 500px;
+}
+
+.parallax-container .parallax {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: -1;
+}
+
+.parallax-container .parallax img {
+ opacity: 0;
+ position: absolute;
+ left: 50%;
+ bottom: 0;
+ min-width: 100%;
+ min-height: 100%;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+.pin-top, .pin-bottom {
+ position: relative;
+}
+
+.pinned {
+ position: fixed !important;
+}
+
+/*********************
+ Transition Classes
+**********************/
+ul.staggered-list li {
+ opacity: 0;
+}
+
+.fade-in {
+ opacity: 0;
+ -webkit-transform-origin: 0 50%;
+ transform-origin: 0 50%;
+}
+
+/*********************
+ Media Query Classes
+**********************/
+@media only screen and (max-width: 600px) {
+ .hide-on-small-only, .hide-on-small-and-down {
+ display: none !important;
+ }
+}
+
+@media only screen and (max-width: 992px) {
+ .hide-on-med-and-down {
+ display: none !important;
+ }
+}
+
+@media only screen and (min-width: 601px) {
+ .hide-on-med-and-up {
+ display: none !important;
+ }
+}
+
+@media only screen and (min-width: 600px) and (max-width: 992px) {
+ .hide-on-med-only {
+ display: none !important;
+ }
+}
+
+@media only screen and (min-width: 993px) {
+ .hide-on-large-only {
+ display: none !important;
+ }
+}
+
+@media only screen and (min-width: 1201px) {
+ .hide-on-extra-large-only {
+ display: none !important;
+ }
+}
+
+@media only screen and (min-width: 1201px) {
+ .show-on-extra-large {
+ display: block !important;
+ }
+}
+
+@media only screen and (min-width: 993px) {
+ .show-on-large {
+ display: block !important;
+ }
+}
+
+@media only screen and (min-width: 600px) and (max-width: 992px) {
+ .show-on-medium {
+ display: block !important;
+ }
+}
+
+@media only screen and (max-width: 600px) {
+ .show-on-small {
+ display: block !important;
+ }
+}
+
+@media only screen and (min-width: 601px) {
+ .show-on-medium-and-up {
+ display: block !important;
+ }
+}
+
+@media only screen and (max-width: 992px) {
+ .show-on-medium-and-down {
+ display: block !important;
+ }
+}
+
+@media only screen and (max-width: 600px) {
+ .center-on-small-only {
+ text-align: center;
+ }
+}
+
+.page-footer {
+ padding-top: 20px;
+ color: #fff;
+ background-color: #ee6e73;
+}
+
+.page-footer .footer-copyright {
+ overflow: hidden;
+ min-height: 50px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 10px 0px;
+ color: rgba(255, 255, 255, 0.8);
+ background-color: rgba(51, 51, 51, 0.08);
+}
+
+table, th, td {
+ border: none;
+}
+
+table {
+ width: 100%;
+ display: table;
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+table.striped tr {
+ border-bottom: none;
+}
+
+table.striped > tbody > tr:nth-child(odd) {
+ background-color: rgba(242, 242, 242, 0.5);
+}
+
+table.striped > tbody > tr > td {
+ border-radius: 0;
+}
+
+table.highlight > tbody > tr {
+ -webkit-transition: background-color .25s ease;
+ transition: background-color .25s ease;
+}
+
+table.highlight > tbody > tr:hover {
+ background-color: rgba(242, 242, 242, 0.5);
+}
+
+table.centered thead tr th, table.centered tbody tr td {
+ text-align: center;
+}
+
+tr {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+td, th {
+ padding: 15px 5px;
+ display: table-cell;
+ text-align: left;
+ vertical-align: middle;
+ border-radius: 2px;
+}
+
+@media only screen and (max-width: 992px) {
+ table.responsive-table {
+ width: 100%;
+ border-collapse: collapse;
+ border-spacing: 0;
+ display: block;
+ position: relative;
+ /* sort out borders */
+ }
+ table.responsive-table td:empty:before {
+ content: '\00a0';
+ }
+ table.responsive-table th,
+ table.responsive-table td {
+ margin: 0;
+ vertical-align: top;
+ }
+ table.responsive-table th {
+ text-align: left;
+ }
+ table.responsive-table thead {
+ display: block;
+ float: left;
+ }
+ table.responsive-table thead tr {
+ display: block;
+ padding: 0 10px 0 0;
+ }
+ table.responsive-table thead tr th::before {
+ content: "\00a0";
+ }
+ table.responsive-table tbody {
+ display: block;
+ width: auto;
+ position: relative;
+ overflow-x: auto;
+ white-space: nowrap;
+ }
+ table.responsive-table tbody tr {
+ display: inline-block;
+ vertical-align: top;
+ }
+ table.responsive-table th {
+ display: block;
+ text-align: right;
+ }
+ table.responsive-table td {
+ display: block;
+ min-height: 1.25em;
+ text-align: left;
+ }
+ table.responsive-table tr {
+ border-bottom: none;
+ padding: 0 10px;
+ }
+ table.responsive-table thead {
+ border: 0;
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
+ }
+}
+
+.collection {
+ margin: 0.5rem 0 1rem 0;
+ border: 1px solid #e0e0e0;
+ border-radius: 2px;
+ overflow: hidden;
+ position: relative;
+}
+
+.collection .collection-item {
+ background-color: #fff;
+ line-height: 1.5rem;
+ padding: 10px 20px;
+ margin: 0;
+ border-bottom: 1px solid #e0e0e0;
+}
+
+.collection .collection-item.avatar {
+ min-height: 84px;
+ padding-left: 72px;
+ position: relative;
+}
+
+.collection .collection-item.avatar:not(.circle-clipper) > .circle,
+.collection .collection-item.avatar :not(.circle-clipper) > .circle {
+ position: absolute;
+ width: 42px;
+ height: 42px;
+ overflow: hidden;
+ left: 15px;
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.collection .collection-item.avatar i.circle {
+ font-size: 18px;
+ line-height: 42px;
+ color: #fff;
+ background-color: #999;
+ text-align: center;
+}
+
+.collection .collection-item.avatar .title {
+ font-size: 16px;
+}
+
+.collection .collection-item.avatar p {
+ margin: 0;
+}
+
+.collection .collection-item.avatar .secondary-content {
+ position: absolute;
+ top: 16px;
+ right: 16px;
+}
+
+.collection .collection-item:last-child {
+ border-bottom: none;
+}
+
+.collection .collection-item.active {
+ background-color: #26a69a;
+ color: #eafaf9;
+}
+
+.collection .collection-item.active .secondary-content {
+ color: #fff;
+}
+
+.collection a.collection-item {
+ display: block;
+ -webkit-transition: .25s;
+ transition: .25s;
+ color: #26a69a;
+}
+
+.collection a.collection-item:not(.active):hover {
+ background-color: #ddd;
+}
+
+.collection.with-header .collection-header {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ padding: 10px 20px;
+}
+
+.collection.with-header .collection-item {
+ padding-left: 30px;
+}
+
+.collection.with-header .collection-item.avatar {
+ padding-left: 72px;
+}
+
+.secondary-content {
+ float: right;
+ color: #26a69a;
+}
+
+.collapsible .collection {
+ margin: 0;
+ border: none;
+}
+
+.video-container {
+ position: relative;
+ padding-bottom: 56.25%;
+ height: 0;
+ overflow: hidden;
+}
+
+.video-container iframe, .video-container object, .video-container embed {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.progress {
+ position: relative;
+ height: 4px;
+ display: block;
+ width: 100%;
+ background-color: #acece6;
+ border-radius: 2px;
+ margin: 0.5rem 0 1rem 0;
+ overflow: hidden;
+}
+
+.progress .determinate {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ background-color: #26a69a;
+ -webkit-transition: width .3s linear;
+ transition: width .3s linear;
+}
+
+.progress .indeterminate {
+ background-color: #26a69a;
+}
+
+.progress .indeterminate:before {
+ content: '';
+ position: absolute;
+ background-color: inherit;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ will-change: left, right;
+ -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+ animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+}
+
+.progress .indeterminate:after {
+ content: '';
+ position: absolute;
+ background-color: inherit;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ will-change: left, right;
+ -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+ animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+ -webkit-animation-delay: 1.15s;
+ animation-delay: 1.15s;
+}
+
+@-webkit-keyframes indeterminate {
+ 0% {
+ left: -35%;
+ right: 100%;
+ }
+ 60% {
+ left: 100%;
+ right: -90%;
+ }
+ 100% {
+ left: 100%;
+ right: -90%;
+ }
+}
+
+@keyframes indeterminate {
+ 0% {
+ left: -35%;
+ right: 100%;
+ }
+ 60% {
+ left: 100%;
+ right: -90%;
+ }
+ 100% {
+ left: 100%;
+ right: -90%;
+ }
+}
+
+@-webkit-keyframes indeterminate-short {
+ 0% {
+ left: -200%;
+ right: 100%;
+ }
+ 60% {
+ left: 107%;
+ right: -8%;
+ }
+ 100% {
+ left: 107%;
+ right: -8%;
+ }
+}
+
+@keyframes indeterminate-short {
+ 0% {
+ left: -200%;
+ right: 100%;
+ }
+ 60% {
+ left: 107%;
+ right: -8%;
+ }
+ 100% {
+ left: 107%;
+ right: -8%;
+ }
+}
+
+/*******************
+ Utility Classes
+*******************/
+.hide {
+ display: none !important;
+}
+
+.left-align {
+ text-align: left;
+}
+
+.right-align {
+ text-align: right;
+}
+
+.center, .center-align {
+ text-align: center;
+}
+
+.left {
+ float: left !important;
+}
+
+.right {
+ float: right !important;
+}
+
+.no-select, input[type=range],
+input[type=range] + .thumb {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.circle {
+ border-radius: 50%;
+}
+
+.center-block {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.truncate {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.no-padding {
+ padding: 0 !important;
+}
+
+span.badge {
+ min-width: 3rem;
+ padding: 0 6px;
+ margin-left: 14px;
+ text-align: center;
+ font-size: 1rem;
+ line-height: 22px;
+ height: 22px;
+ color: #757575;
+ float: right;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+span.badge.new {
+ font-weight: 300;
+ font-size: 0.8rem;
+ color: #fff;
+ background-color: #26a69a;
+ border-radius: 2px;
+}
+
+span.badge.new:after {
+ content: " new";
+}
+
+span.badge[data-badge-caption]::after {
+ content: " " attr(data-badge-caption);
+}
+
+nav ul a span.badge {
+ display: inline-block;
+ float: none;
+ margin-left: 4px;
+ line-height: 22px;
+ height: 22px;
+ -webkit-font-smoothing: auto;
+}
+
+.collection-item span.badge {
+ margin-top: calc(0.75rem - 11px);
+}
+
+.collapsible span.badge {
+ margin-left: auto;
+}
+
+.sidenav span.badge {
+ margin-top: calc(24px - 11px);
+}
+
+table span.badge {
+ display: inline-block;
+ float: none;
+ margin-left: auto;
+}
+
+/* This is needed for some mobile phones to display the Google Icon font properly */
+.material-icons {
+ text-rendering: optimizeLegibility;
+ -webkit-font-feature-settings: 'liga';
+ -moz-font-feature-settings: 'liga';
+ font-feature-settings: 'liga';
+}
+
+.container {
+ margin: 0 auto;
+ max-width: 1280px;
+ width: 90%;
+}
+
+@media only screen and (min-width: 601px) {
+ .container {
+ width: 85%;
+ }
+}
+
+@media only screen and (min-width: 993px) {
+ .container {
+ width: 70%;
+ }
+}
+
+.col .row {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+}
+
+.section {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.section.no-pad {
+ padding: 0;
+}
+
+.section.no-pad-bot {
+ padding-bottom: 0;
+}
+
+.section.no-pad-top {
+ padding-top: 0;
+}
+
+.row {
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 20px;
+}
+
+.row:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.row .col {
+ float: left;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0 0.75rem;
+ min-height: 1px;
+}
+
+.row .col[class*="push-"], .row .col[class*="pull-"] {
+ position: relative;
+}
+
+.row .col.s1 {
+ width: 8.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s2 {
+ width: 16.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s3 {
+ width: 25%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s4 {
+ width: 33.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s5 {
+ width: 41.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s6 {
+ width: 50%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s7 {
+ width: 58.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s8 {
+ width: 66.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s9 {
+ width: 75%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s10 {
+ width: 83.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s11 {
+ width: 91.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.s12 {
+ width: 100%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+}
+
+.row .col.offset-s1 {
+ margin-left: 8.3333333333%;
+}
+
+.row .col.pull-s1 {
+ right: 8.3333333333%;
+}
+
+.row .col.push-s1 {
+ left: 8.3333333333%;
+}
+
+.row .col.offset-s2 {
+ margin-left: 16.6666666667%;
+}
+
+.row .col.pull-s2 {
+ right: 16.6666666667%;
+}
+
+.row .col.push-s2 {
+ left: 16.6666666667%;
+}
+
+.row .col.offset-s3 {
+ margin-left: 25%;
+}
+
+.row .col.pull-s3 {
+ right: 25%;
+}
+
+.row .col.push-s3 {
+ left: 25%;
+}
+
+.row .col.offset-s4 {
+ margin-left: 33.3333333333%;
+}
+
+.row .col.pull-s4 {
+ right: 33.3333333333%;
+}
+
+.row .col.push-s4 {
+ left: 33.3333333333%;
+}
+
+.row .col.offset-s5 {
+ margin-left: 41.6666666667%;
+}
+
+.row .col.pull-s5 {
+ right: 41.6666666667%;
+}
+
+.row .col.push-s5 {
+ left: 41.6666666667%;
+}
+
+.row .col.offset-s6 {
+ margin-left: 50%;
+}
+
+.row .col.pull-s6 {
+ right: 50%;
+}
+
+.row .col.push-s6 {
+ left: 50%;
+}
+
+.row .col.offset-s7 {
+ margin-left: 58.3333333333%;
+}
+
+.row .col.pull-s7 {
+ right: 58.3333333333%;
+}
+
+.row .col.push-s7 {
+ left: 58.3333333333%;
+}
+
+.row .col.offset-s8 {
+ margin-left: 66.6666666667%;
+}
+
+.row .col.pull-s8 {
+ right: 66.6666666667%;
+}
+
+.row .col.push-s8 {
+ left: 66.6666666667%;
+}
+
+.row .col.offset-s9 {
+ margin-left: 75%;
+}
+
+.row .col.pull-s9 {
+ right: 75%;
+}
+
+.row .col.push-s9 {
+ left: 75%;
+}
+
+.row .col.offset-s10 {
+ margin-left: 83.3333333333%;
+}
+
+.row .col.pull-s10 {
+ right: 83.3333333333%;
+}
+
+.row .col.push-s10 {
+ left: 83.3333333333%;
+}
+
+.row .col.offset-s11 {
+ margin-left: 91.6666666667%;
+}
+
+.row .col.pull-s11 {
+ right: 91.6666666667%;
+}
+
+.row .col.push-s11 {
+ left: 91.6666666667%;
+}
+
+.row .col.offset-s12 {
+ margin-left: 100%;
+}
+
+.row .col.pull-s12 {
+ right: 100%;
+}
+
+.row .col.push-s12 {
+ left: 100%;
+}
+
+@media only screen and (min-width: 601px) {
+ .row .col.m1 {
+ width: 8.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m2 {
+ width: 16.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m3 {
+ width: 25%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m4 {
+ width: 33.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m5 {
+ width: 41.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m6 {
+ width: 50%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m7 {
+ width: 58.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m8 {
+ width: 66.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m9 {
+ width: 75%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m10 {
+ width: 83.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m11 {
+ width: 91.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.m12 {
+ width: 100%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.offset-m1 {
+ margin-left: 8.3333333333%;
+ }
+ .row .col.pull-m1 {
+ right: 8.3333333333%;
+ }
+ .row .col.push-m1 {
+ left: 8.3333333333%;
+ }
+ .row .col.offset-m2 {
+ margin-left: 16.6666666667%;
+ }
+ .row .col.pull-m2 {
+ right: 16.6666666667%;
+ }
+ .row .col.push-m2 {
+ left: 16.6666666667%;
+ }
+ .row .col.offset-m3 {
+ margin-left: 25%;
+ }
+ .row .col.pull-m3 {
+ right: 25%;
+ }
+ .row .col.push-m3 {
+ left: 25%;
+ }
+ .row .col.offset-m4 {
+ margin-left: 33.3333333333%;
+ }
+ .row .col.pull-m4 {
+ right: 33.3333333333%;
+ }
+ .row .col.push-m4 {
+ left: 33.3333333333%;
+ }
+ .row .col.offset-m5 {
+ margin-left: 41.6666666667%;
+ }
+ .row .col.pull-m5 {
+ right: 41.6666666667%;
+ }
+ .row .col.push-m5 {
+ left: 41.6666666667%;
+ }
+ .row .col.offset-m6 {
+ margin-left: 50%;
+ }
+ .row .col.pull-m6 {
+ right: 50%;
+ }
+ .row .col.push-m6 {
+ left: 50%;
+ }
+ .row .col.offset-m7 {
+ margin-left: 58.3333333333%;
+ }
+ .row .col.pull-m7 {
+ right: 58.3333333333%;
+ }
+ .row .col.push-m7 {
+ left: 58.3333333333%;
+ }
+ .row .col.offset-m8 {
+ margin-left: 66.6666666667%;
+ }
+ .row .col.pull-m8 {
+ right: 66.6666666667%;
+ }
+ .row .col.push-m8 {
+ left: 66.6666666667%;
+ }
+ .row .col.offset-m9 {
+ margin-left: 75%;
+ }
+ .row .col.pull-m9 {
+ right: 75%;
+ }
+ .row .col.push-m9 {
+ left: 75%;
+ }
+ .row .col.offset-m10 {
+ margin-left: 83.3333333333%;
+ }
+ .row .col.pull-m10 {
+ right: 83.3333333333%;
+ }
+ .row .col.push-m10 {
+ left: 83.3333333333%;
+ }
+ .row .col.offset-m11 {
+ margin-left: 91.6666666667%;
+ }
+ .row .col.pull-m11 {
+ right: 91.6666666667%;
+ }
+ .row .col.push-m11 {
+ left: 91.6666666667%;
+ }
+ .row .col.offset-m12 {
+ margin-left: 100%;
+ }
+ .row .col.pull-m12 {
+ right: 100%;
+ }
+ .row .col.push-m12 {
+ left: 100%;
+ }
+}
+
+@media only screen and (min-width: 993px) {
+ .row .col.l1 {
+ width: 8.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l2 {
+ width: 16.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l3 {
+ width: 25%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l4 {
+ width: 33.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l5 {
+ width: 41.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l6 {
+ width: 50%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l7 {
+ width: 58.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l8 {
+ width: 66.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l9 {
+ width: 75%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l10 {
+ width: 83.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l11 {
+ width: 91.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.l12 {
+ width: 100%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.offset-l1 {
+ margin-left: 8.3333333333%;
+ }
+ .row .col.pull-l1 {
+ right: 8.3333333333%;
+ }
+ .row .col.push-l1 {
+ left: 8.3333333333%;
+ }
+ .row .col.offset-l2 {
+ margin-left: 16.6666666667%;
+ }
+ .row .col.pull-l2 {
+ right: 16.6666666667%;
+ }
+ .row .col.push-l2 {
+ left: 16.6666666667%;
+ }
+ .row .col.offset-l3 {
+ margin-left: 25%;
+ }
+ .row .col.pull-l3 {
+ right: 25%;
+ }
+ .row .col.push-l3 {
+ left: 25%;
+ }
+ .row .col.offset-l4 {
+ margin-left: 33.3333333333%;
+ }
+ .row .col.pull-l4 {
+ right: 33.3333333333%;
+ }
+ .row .col.push-l4 {
+ left: 33.3333333333%;
+ }
+ .row .col.offset-l5 {
+ margin-left: 41.6666666667%;
+ }
+ .row .col.pull-l5 {
+ right: 41.6666666667%;
+ }
+ .row .col.push-l5 {
+ left: 41.6666666667%;
+ }
+ .row .col.offset-l6 {
+ margin-left: 50%;
+ }
+ .row .col.pull-l6 {
+ right: 50%;
+ }
+ .row .col.push-l6 {
+ left: 50%;
+ }
+ .row .col.offset-l7 {
+ margin-left: 58.3333333333%;
+ }
+ .row .col.pull-l7 {
+ right: 58.3333333333%;
+ }
+ .row .col.push-l7 {
+ left: 58.3333333333%;
+ }
+ .row .col.offset-l8 {
+ margin-left: 66.6666666667%;
+ }
+ .row .col.pull-l8 {
+ right: 66.6666666667%;
+ }
+ .row .col.push-l8 {
+ left: 66.6666666667%;
+ }
+ .row .col.offset-l9 {
+ margin-left: 75%;
+ }
+ .row .col.pull-l9 {
+ right: 75%;
+ }
+ .row .col.push-l9 {
+ left: 75%;
+ }
+ .row .col.offset-l10 {
+ margin-left: 83.3333333333%;
+ }
+ .row .col.pull-l10 {
+ right: 83.3333333333%;
+ }
+ .row .col.push-l10 {
+ left: 83.3333333333%;
+ }
+ .row .col.offset-l11 {
+ margin-left: 91.6666666667%;
+ }
+ .row .col.pull-l11 {
+ right: 91.6666666667%;
+ }
+ .row .col.push-l11 {
+ left: 91.6666666667%;
+ }
+ .row .col.offset-l12 {
+ margin-left: 100%;
+ }
+ .row .col.pull-l12 {
+ right: 100%;
+ }
+ .row .col.push-l12 {
+ left: 100%;
+ }
+}
+
+@media only screen and (min-width: 1201px) {
+ .row .col.xl1 {
+ width: 8.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl2 {
+ width: 16.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl3 {
+ width: 25%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl4 {
+ width: 33.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl5 {
+ width: 41.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl6 {
+ width: 50%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl7 {
+ width: 58.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl8 {
+ width: 66.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl9 {
+ width: 75%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl10 {
+ width: 83.3333333333%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl11 {
+ width: 91.6666666667%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.xl12 {
+ width: 100%;
+ margin-left: auto;
+ left: auto;
+ right: auto;
+ }
+ .row .col.offset-xl1 {
+ margin-left: 8.3333333333%;
+ }
+ .row .col.pull-xl1 {
+ right: 8.3333333333%;
+ }
+ .row .col.push-xl1 {
+ left: 8.3333333333%;
+ }
+ .row .col.offset-xl2 {
+ margin-left: 16.6666666667%;
+ }
+ .row .col.pull-xl2 {
+ right: 16.6666666667%;
+ }
+ .row .col.push-xl2 {
+ left: 16.6666666667%;
+ }
+ .row .col.offset-xl3 {
+ margin-left: 25%;
+ }
+ .row .col.pull-xl3 {
+ right: 25%;
+ }
+ .row .col.push-xl3 {
+ left: 25%;
+ }
+ .row .col.offset-xl4 {
+ margin-left: 33.3333333333%;
+ }
+ .row .col.pull-xl4 {
+ right: 33.3333333333%;
+ }
+ .row .col.push-xl4 {
+ left: 33.3333333333%;
+ }
+ .row .col.offset-xl5 {
+ margin-left: 41.6666666667%;
+ }
+ .row .col.pull-xl5 {
+ right: 41.6666666667%;
+ }
+ .row .col.push-xl5 {
+ left: 41.6666666667%;
+ }
+ .row .col.offset-xl6 {
+ margin-left: 50%;
+ }
+ .row .col.pull-xl6 {
+ right: 50%;
+ }
+ .row .col.push-xl6 {
+ left: 50%;
+ }
+ .row .col.offset-xl7 {
+ margin-left: 58.3333333333%;
+ }
+ .row .col.pull-xl7 {
+ right: 58.3333333333%;
+ }
+ .row .col.push-xl7 {
+ left: 58.3333333333%;
+ }
+ .row .col.offset-xl8 {
+ margin-left: 66.6666666667%;
+ }
+ .row .col.pull-xl8 {
+ right: 66.6666666667%;
+ }
+ .row .col.push-xl8 {
+ left: 66.6666666667%;
+ }
+ .row .col.offset-xl9 {
+ margin-left: 75%;
+ }
+ .row .col.pull-xl9 {
+ right: 75%;
+ }
+ .row .col.push-xl9 {
+ left: 75%;
+ }
+ .row .col.offset-xl10 {
+ margin-left: 83.3333333333%;
+ }
+ .row .col.pull-xl10 {
+ right: 83.3333333333%;
+ }
+ .row .col.push-xl10 {
+ left: 83.3333333333%;
+ }
+ .row .col.offset-xl11 {
+ margin-left: 91.6666666667%;
+ }
+ .row .col.pull-xl11 {
+ right: 91.6666666667%;
+ }
+ .row .col.push-xl11 {
+ left: 91.6666666667%;
+ }
+ .row .col.offset-xl12 {
+ margin-left: 100%;
+ }
+ .row .col.pull-xl12 {
+ right: 100%;
+ }
+ .row .col.push-xl12 {
+ left: 100%;
+ }
+}
+
+nav {
+ color: #fff;
+ background-color: #ee6e73;
+ width: 100%;
+ height: 56px;
+ line-height: 56px;
+}
+
+nav.nav-extended {
+ height: auto;
+}
+
+nav.nav-extended .nav-wrapper {
+ min-height: 56px;
+ height: auto;
+}
+
+nav.nav-extended .nav-content {
+ position: relative;
+ line-height: normal;
+}
+
+nav a {
+ color: #fff;
+}
+
+nav i,
+nav [class^="mdi-"], nav [class*="mdi-"],
+nav i.material-icons {
+ display: block;
+ font-size: 24px;
+ height: 56px;
+ line-height: 56px;
+}
+
+nav .nav-wrapper {
+ position: relative;
+ height: 100%;
+}
+
+@media only screen and (min-width: 993px) {
+ nav a.sidenav-trigger {
+ display: none;
+ }
+}
+
+nav .sidenav-trigger {
+ float: left;
+ position: relative;
+ z-index: 1;
+ height: 56px;
+ margin: 0 18px;
+}
+
+nav .sidenav-trigger i {
+ height: 56px;
+ line-height: 56px;
+}
+
+nav .brand-logo {
+ position: absolute;
+ color: #fff;
+ display: inline-block;
+ font-size: 2.1rem;
+ padding: 0;
+}
+
+nav .brand-logo.center {
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+@media only screen and (max-width: 992px) {
+ nav .brand-logo {
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ }
+ nav .brand-logo.left, nav .brand-logo.right {
+ padding: 0;
+ -webkit-transform: none;
+ transform: none;
+ }
+ nav .brand-logo.left {
+ left: 0.5rem;
+ }
+ nav .brand-logo.right {
+ right: 0.5rem;
+ left: auto;
+ }
+}
+
+nav .brand-logo.right {
+ right: 0.5rem;
+ padding: 0;
+}
+
+nav .brand-logo i,
+nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
+nav .brand-logo i.material-icons {
+ float: left;
+ margin-right: 15px;
+}
+
+nav .nav-title {
+ display: inline-block;
+ font-size: 32px;
+ padding: 28px 0;
+}
+
+nav ul {
+ margin: 0;
+}
+
+nav ul li {
+ -webkit-transition: background-color .3s;
+ transition: background-color .3s;
+ float: left;
+ padding: 0;
+}
+
+nav ul li.active {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+nav ul a {
+ -webkit-transition: background-color .3s;
+ transition: background-color .3s;
+ font-size: 1rem;
+ color: #fff;
+ display: block;
+ padding: 0 15px;
+ cursor: pointer;
+}
+
+nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
+ margin-top: -2px;
+ margin-left: 15px;
+ margin-right: 15px;
+}
+
+nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
+ height: inherit;
+ line-height: inherit;
+}
+
+nav ul a:hover {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+nav ul.left {
+ float: left;
+}
+
+nav form {
+ height: 100%;
+}
+
+nav .input-field {
+ margin: 0;
+ height: 100%;
+}
+
+nav .input-field input {
+ height: 100%;
+ font-size: 1.2rem;
+ border: none;
+ padding-left: 2rem;
+}
+
+nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+nav .input-field label {
+ top: 0;
+ left: 0;
+}
+
+nav .input-field label i {
+ color: rgba(255, 255, 255, 0.7);
+ -webkit-transition: color .3s;
+ transition: color .3s;
+}
+
+nav .input-field label.active i {
+ color: #fff;
+}
+
+.navbar-fixed {
+ position: relative;
+ height: 56px;
+ z-index: 997;
+}
+
+.navbar-fixed nav {
+ position: fixed;
+}
+
+@media only screen and (min-width: 601px) {
+ nav.nav-extended .nav-wrapper {
+ min-height: 64px;
+ }
+ nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
+ height: 64px;
+ line-height: 64px;
+ }
+ .navbar-fixed {
+ height: 64px;
+ }
+}
+
+a {
+ text-decoration: none;
+}
+
+html {
+ line-height: 1.5;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+@media only screen and (min-width: 0) {
+ html {
+ font-size: 14px;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ html {
+ font-size: 14.5px;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ html {
+ font-size: 15px;
+ }
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 400;
+ line-height: 1.3;
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ font-weight: inherit;
+}
+
+h1 {
+ font-size: 4.2rem;
+ line-height: 110%;
+ margin: 2.8rem 0 1.68rem 0;
+}
+
+h2 {
+ font-size: 3.56rem;
+ line-height: 110%;
+ margin: 2.3733333333rem 0 1.424rem 0;
+}
+
+h3 {
+ font-size: 2.92rem;
+ line-height: 110%;
+ margin: 1.9466666667rem 0 1.168rem 0;
+}
+
+h4 {
+ font-size: 2.28rem;
+ line-height: 110%;
+ margin: 1.52rem 0 0.912rem 0;
+}
+
+h5 {
+ font-size: 1.64rem;
+ line-height: 110%;
+ margin: 1.0933333333rem 0 0.656rem 0;
+}
+
+h6 {
+ font-size: 1.15rem;
+ line-height: 110%;
+ margin: 0.7666666667rem 0 0.46rem 0;
+}
+
+em {
+ font-style: italic;
+}
+
+strong {
+ font-weight: 500;
+}
+
+small {
+ font-size: 75%;
+}
+
+.light {
+ font-weight: 300;
+}
+
+.thin {
+ font-weight: 200;
+}
+
+@media only screen and (min-width: 360px) {
+ .flow-text {
+ font-size: 1.2rem;
+ }
+}
+
+@media only screen and (min-width: 390px) {
+ .flow-text {
+ font-size: 1.224rem;
+ }
+}
+
+@media only screen and (min-width: 420px) {
+ .flow-text {
+ font-size: 1.248rem;
+ }
+}
+
+@media only screen and (min-width: 450px) {
+ .flow-text {
+ font-size: 1.272rem;
+ }
+}
+
+@media only screen and (min-width: 480px) {
+ .flow-text {
+ font-size: 1.296rem;
+ }
+}
+
+@media only screen and (min-width: 510px) {
+ .flow-text {
+ font-size: 1.32rem;
+ }
+}
+
+@media only screen and (min-width: 540px) {
+ .flow-text {
+ font-size: 1.344rem;
+ }
+}
+
+@media only screen and (min-width: 570px) {
+ .flow-text {
+ font-size: 1.368rem;
+ }
+}
+
+@media only screen and (min-width: 600px) {
+ .flow-text {
+ font-size: 1.392rem;
+ }
+}
+
+@media only screen and (min-width: 630px) {
+ .flow-text {
+ font-size: 1.416rem;
+ }
+}
+
+@media only screen and (min-width: 660px) {
+ .flow-text {
+ font-size: 1.44rem;
+ }
+}
+
+@media only screen and (min-width: 690px) {
+ .flow-text {
+ font-size: 1.464rem;
+ }
+}
+
+@media only screen and (min-width: 720px) {
+ .flow-text {
+ font-size: 1.488rem;
+ }
+}
+
+@media only screen and (min-width: 750px) {
+ .flow-text {
+ font-size: 1.512rem;
+ }
+}
+
+@media only screen and (min-width: 780px) {
+ .flow-text {
+ font-size: 1.536rem;
+ }
+}
+
+@media only screen and (min-width: 810px) {
+ .flow-text {
+ font-size: 1.56rem;
+ }
+}
+
+@media only screen and (min-width: 840px) {
+ .flow-text {
+ font-size: 1.584rem;
+ }
+}
+
+@media only screen and (min-width: 870px) {
+ .flow-text {
+ font-size: 1.608rem;
+ }
+}
+
+@media only screen and (min-width: 900px) {
+ .flow-text {
+ font-size: 1.632rem;
+ }
+}
+
+@media only screen and (min-width: 930px) {
+ .flow-text {
+ font-size: 1.656rem;
+ }
+}
+
+@media only screen and (min-width: 960px) {
+ .flow-text {
+ font-size: 1.68rem;
+ }
+}
+
+@media only screen and (max-width: 360px) {
+ .flow-text {
+ font-size: 1.2rem;
+ }
+}
+
+.scale-transition {
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
+ transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
+ transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
+ transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
+}
+
+.scale-transition.scale-out {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ -webkit-transition: -webkit-transform .2s !important;
+ transition: -webkit-transform .2s !important;
+ transition: transform .2s !important;
+ transition: transform .2s, -webkit-transform .2s !important;
+}
+
+.scale-transition.scale-in {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+
+.card-panel {
+ -webkit-transition: -webkit-box-shadow .25s;
+ transition: -webkit-box-shadow .25s;
+ transition: box-shadow .25s;
+ transition: box-shadow .25s, -webkit-box-shadow .25s;
+ padding: 24px;
+ margin: 0.5rem 0 1rem 0;
+ border-radius: 2px;
+ background-color: #fff;
+}
+
+.card {
+ position: relative;
+ margin: 0.5rem 0 1rem 0;
+ background-color: #fff;
+ -webkit-transition: -webkit-box-shadow .25s;
+ transition: -webkit-box-shadow .25s;
+ transition: box-shadow .25s;
+ transition: box-shadow .25s, -webkit-box-shadow .25s;
+ border-radius: 2px;
+}
+
+.card .card-title {
+ font-size: 24px;
+ font-weight: 300;
+}
+
+.card .card-title.activator {
+ cursor: pointer;
+}
+
+.card.small, .card.medium, .card.large {
+ position: relative;
+}
+
+.card.small .card-image, .card.medium .card-image, .card.large .card-image {
+ max-height: 60%;
+ overflow: hidden;
+}
+
+.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
+ max-height: 40%;
+}
+
+.card.small .card-content, .card.medium .card-content, .card.large .card-content {
+ max-height: 100%;
+ overflow: hidden;
+}
+
+.card.small .card-action, .card.medium .card-action, .card.large .card-action {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.card.small {
+ height: 300px;
+}
+
+.card.medium {
+ height: 400px;
+}
+
+.card.large {
+ height: 500px;
+}
+
+.card.horizontal {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
+ height: 100%;
+ max-height: none;
+ overflow: visible;
+}
+
+.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
+ height: 100%;
+}
+
+.card.horizontal .card-image {
+ max-width: 50%;
+}
+
+.card.horizontal .card-image img {
+ border-radius: 2px 0 0 2px;
+ max-width: 100%;
+ width: auto;
+}
+
+.card.horizontal .card-stacked {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ position: relative;
+}
+
+.card.horizontal .card-stacked .card-content {
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+}
+
+.card.sticky-action .card-action {
+ z-index: 2;
+}
+
+.card.sticky-action .card-reveal {
+ z-index: 1;
+ padding-bottom: 64px;
+}
+
+.card .card-image {
+ position: relative;
+}
+
+.card .card-image img {
+ display: block;
+ border-radius: 2px 2px 0 0;
+ position: relative;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+}
+
+.card .card-image .card-title {
+ color: #fff;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ max-width: 100%;
+ padding: 24px;
+}
+
+.card .card-content {
+ padding: 24px;
+ border-radius: 0 0 2px 2px;
+}
+
+.card .card-content p {
+ margin: 0;
+}
+
+.card .card-content .card-title {
+ display: block;
+ line-height: 32px;
+ margin-bottom: 8px;
+}
+
+.card .card-content .card-title i {
+ line-height: 32px;
+}
+
+.card .card-action {
+ background-color: inherit;
+ border-top: 1px solid rgba(160, 160, 160, 0.2);
+ position: relative;
+ padding: 16px 24px;
+}
+
+.card .card-action:last-child {
+ border-radius: 0 0 2px 2px;
+}
+
+.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
+ color: #ffab40;
+ margin-right: 24px;
+ -webkit-transition: color .3s ease;
+ transition: color .3s ease;
+ text-transform: uppercase;
+}
+
+.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
+ color: #ffd8a6;
+}
+
+.card .card-reveal {
+ padding: 24px;
+ position: absolute;
+ background-color: #fff;
+ width: 100%;
+ overflow-y: auto;
+ left: 0;
+ top: 100%;
+ height: 100%;
+ z-index: 3;
+ display: none;
+}
+
+.card .card-reveal .card-title {
+ cursor: pointer;
+ display: block;
+}
+
+#toast-container {
+ display: block;
+ position: fixed;
+ z-index: 10000;
+}
+
+@media only screen and (max-width: 600px) {
+ #toast-container {
+ min-width: 100%;
+ bottom: 0%;
+ }
+}
+
+@media only screen and (min-width: 601px) and (max-width: 992px) {
+ #toast-container {
+ left: 5%;
+ bottom: 7%;
+ max-width: 90%;
+ }
+}
+
+@media only screen and (min-width: 993px) {
+ #toast-container {
+ top: 10%;
+ right: 7%;
+ max-width: 86%;
+ }
+}
+
+.toast {
+ border-radius: 2px;
+ top: 35px;
+ width: auto;
+ margin-top: 10px;
+ position: relative;
+ max-width: 100%;
+ height: auto;
+ min-height: 48px;
+ line-height: 1.5em;
+ background-color: #323232;
+ padding: 10px 25px;
+ font-size: 1.1rem;
+ font-weight: 300;
+ color: #fff;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ cursor: default;
+}
+
+.toast .toast-action {
+ color: #eeff41;
+ font-weight: 500;
+ margin-right: -25px;
+ margin-left: 3rem;
+}
+
+.toast.rounded {
+ border-radius: 24px;
+}
+
+@media only screen and (max-width: 600px) {
+ .toast {
+ width: 100%;
+ border-radius: 0;
+ }
+}
+
+.tabs {
+ position: relative;
+ overflow-x: auto;
+ overflow-y: hidden;
+ height: 48px;
+ width: 100%;
+ background-color: #fff;
+ margin: 0 auto;
+ white-space: nowrap;
+}
+
+.tabs.tabs-transparent {
+ background-color: transparent;
+}
+
+.tabs.tabs-transparent .tab a,
+.tabs.tabs-transparent .tab.disabled a,
+.tabs.tabs-transparent .tab.disabled a:hover {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.tabs.tabs-transparent .tab a:hover,
+.tabs.tabs-transparent .tab a.active {
+ color: #fff;
+}
+
+.tabs.tabs-transparent .indicator {
+ background-color: #fff;
+}
+
+.tabs.tabs-fixed-width {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.tabs.tabs-fixed-width .tab {
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+}
+
+.tabs .tab {
+ display: inline-block;
+ text-align: center;
+ line-height: 48px;
+ height: 48px;
+ padding: 0;
+ margin: 0;
+ text-transform: uppercase;
+}
+
+.tabs .tab a {
+ color: rgba(238, 110, 115, 0.7);
+ display: block;
+ width: 100%;
+ height: 100%;
+ padding: 0 24px;
+ font-size: 14px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ -webkit-transition: color .28s ease, background-color .28s ease;
+ transition: color .28s ease, background-color .28s ease;
+}
+
+.tabs .tab a:focus, .tabs .tab a:focus.active {
+ background-color: rgba(246, 178, 181, 0.2);
+ outline: none;
+}
+
+.tabs .tab a:hover, .tabs .tab a.active {
+ background-color: transparent;
+ color: #ee6e73;
+}
+
+.tabs .tab.disabled a,
+.tabs .tab.disabled a:hover {
+ color: rgba(238, 110, 115, 0.4);
+ cursor: default;
+}
+
+.tabs .indicator {
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ background-color: #f6b2b5;
+ will-change: left, right;
+}
+
+@media only screen and (max-width: 992px) {
+ .tabs {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ }
+ .tabs .tab {
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ }
+ .tabs .tab a {
+ padding: 0 12px;
+ }
+}
+
+.material-tooltip {
+ padding: 10px 8px;
+ font-size: 1rem;
+ z-index: 2000;
+ background-color: transparent;
+ border-radius: 2px;
+ color: #fff;
+ min-height: 36px;
+ line-height: 120%;
+ opacity: 0;
+ position: absolute;
+ text-align: center;
+ max-width: calc(100% - 4px);
+ overflow: hidden;
+ left: 0;
+ top: 0;
+ pointer-events: none;
+ visibility: hidden;
+ background-color: #323232;
+}
+
+.backdrop {
+ position: absolute;
+ opacity: 0;
+ height: 7px;
+ width: 14px;
+ border-radius: 0 0 50% 50%;
+ background-color: #323232;
+ z-index: -1;
+ -webkit-transform-origin: 50% 0%;
+ transform-origin: 50% 0%;
+ visibility: hidden;
+}
+
+.btn, .btn-large, .btn-small,
+.btn-flat {
+ border: none;
+ border-radius: 2px;
+ display: inline-block;
+ height: 36px;
+ line-height: 36px;
+ padding: 0 16px;
+ text-transform: uppercase;
+ vertical-align: middle;
+ -webkit-tap-highlight-color: transparent;
+}
+
+.btn.disabled, .disabled.btn-large, .disabled.btn-small,
+.btn-floating.disabled,
+.btn-large.disabled,
+.btn-small.disabled,
+.btn-flat.disabled,
+.btn:disabled,
+.btn-large:disabled,
+.btn-small:disabled,
+.btn-floating:disabled,
+.btn-large:disabled,
+.btn-small:disabled,
+.btn-flat:disabled,
+.btn[disabled],
+.btn-large[disabled],
+.btn-small[disabled],
+.btn-floating[disabled],
+.btn-large[disabled],
+.btn-small[disabled],
+.btn-flat[disabled] {
+ pointer-events: none;
+ background-color: #DFDFDF !important;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #9F9F9F !important;
+ cursor: default;
+}
+
+.btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover,
+.btn-floating.disabled:hover,
+.btn-large.disabled:hover,
+.btn-small.disabled:hover,
+.btn-flat.disabled:hover,
+.btn:disabled:hover,
+.btn-large:disabled:hover,
+.btn-small:disabled:hover,
+.btn-floating:disabled:hover,
+.btn-large:disabled:hover,
+.btn-small:disabled:hover,
+.btn-flat:disabled:hover,
+.btn[disabled]:hover,
+.btn-large[disabled]:hover,
+.btn-small[disabled]:hover,
+.btn-floating[disabled]:hover,
+.btn-large[disabled]:hover,
+.btn-small[disabled]:hover,
+.btn-flat[disabled]:hover {
+ background-color: #DFDFDF !important;
+ color: #9F9F9F !important;
+}
+
+.btn, .btn-large, .btn-small,
+.btn-floating,
+.btn-large,
+.btn-small,
+.btn-flat {
+ font-size: 14px;
+ outline: 0;
+}
+
+.btn i, .btn-large i, .btn-small i,
+.btn-floating i,
+.btn-large i,
+.btn-small i,
+.btn-flat i {
+ font-size: 1.3rem;
+ line-height: inherit;
+}
+
+.btn:focus, .btn-large:focus, .btn-small:focus,
+.btn-floating:focus {
+ background-color: #1d7d74;
+}
+
+.btn, .btn-large, .btn-small {
+ text-decoration: none;
+ color: #fff;
+ background-color: #26a69a;
+ text-align: center;
+ letter-spacing: .5px;
+ -webkit-transition: background-color .2s ease-out;
+ transition: background-color .2s ease-out;
+ cursor: pointer;
+}
+
+.btn:hover, .btn-large:hover, .btn-small:hover {
+ background-color: #2bbbad;
+}
+
+.btn-floating {
+ display: inline-block;
+ color: #fff;
+ position: relative;
+ overflow: hidden;
+ z-index: 1;
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ padding: 0;
+ background-color: #26a69a;
+ border-radius: 50%;
+ -webkit-transition: background-color .3s;
+ transition: background-color .3s;
+ cursor: pointer;
+ vertical-align: middle;
+}
+
+.btn-floating:hover {
+ background-color: #26a69a;
+}
+
+.btn-floating:before {
+ border-radius: 0;
+}
+
+.btn-floating.btn-large {
+ width: 56px;
+ height: 56px;
+ padding: 0;
+}
+
+.btn-floating.btn-large.halfway-fab {
+ bottom: -28px;
+}
+
+.btn-floating.btn-large i {
+ line-height: 56px;
+}
+
+.btn-floating.btn-small {
+ width: 32.4px;
+ height: 32.4px;
+}
+
+.btn-floating.btn-small.halfway-fab {
+ bottom: -16.2px;
+}
+
+.btn-floating.btn-small i {
+ line-height: 32.4px;
+}
+
+.btn-floating.halfway-fab {
+ position: absolute;
+ right: 24px;
+ bottom: -20px;
+}
+
+.btn-floating.halfway-fab.left {
+ right: auto;
+ left: 24px;
+}
+
+.btn-floating i {
+ width: inherit;
+ display: inline-block;
+ text-align: center;
+ color: #fff;
+ font-size: 1.6rem;
+ line-height: 40px;
+}
+
+button.btn-floating {
+ border: none;
+}
+
+.fixed-action-btn {
+ position: fixed;
+ right: 23px;
+ bottom: 23px;
+ padding-top: 15px;
+ margin-bottom: 0;
+ z-index: 997;
+}
+
+.fixed-action-btn.active ul {
+ visibility: visible;
+}
+
+.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
+ padding: 0 0 0 15px;
+}
+
+.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
+ text-align: right;
+ right: 64px;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+ height: 100%;
+ left: auto;
+ /*width 100% only goes to width of button container */
+ width: 500px;
+}
+
+.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
+ display: inline-block;
+ margin: 7.5px 15px 0 0;
+}
+
+.fixed-action-btn.direction-right {
+ padding: 0 15px 0 0;
+}
+
+.fixed-action-btn.direction-right ul {
+ text-align: left;
+ direction: rtl;
+ left: 64px;
+ right: auto;
+}
+
+.fixed-action-btn.direction-right ul li {
+ margin: 7.5px 0 0 15px;
+}
+
+.fixed-action-btn.direction-bottom {
+ padding: 0 0 15px 0;
+}
+
+.fixed-action-btn.direction-bottom ul {
+ top: 64px;
+ bottom: auto;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -webkit-flex-direction: column-reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+}
+
+.fixed-action-btn.direction-bottom ul li {
+ margin: 15px 0 0 0;
+}
+
+.fixed-action-btn.toolbar {
+ padding: 0;
+ height: 56px;
+}
+
+.fixed-action-btn.toolbar.active > a i {
+ opacity: 0;
+}
+
+.fixed-action-btn.toolbar ul {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+}
+
+.fixed-action-btn.toolbar ul li {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ display: inline-block;
+ margin: 0;
+ height: 100%;
+ -webkit-transition: none;
+ transition: none;
+}
+
+.fixed-action-btn.toolbar ul li a {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #fff;
+ line-height: 56px;
+ z-index: 1;
+}
+
+.fixed-action-btn.toolbar ul li a i {
+ line-height: inherit;
+}
+
+.fixed-action-btn ul {
+ left: 0;
+ right: 0;
+ text-align: center;
+ position: absolute;
+ bottom: 64px;
+ margin: 0;
+ visibility: hidden;
+}
+
+.fixed-action-btn ul li {
+ margin-bottom: 15px;
+}
+
+.fixed-action-btn ul a.btn-floating {
+ opacity: 0;
+}
+
+.fixed-action-btn .fab-backdrop {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ width: 40px;
+ height: 40px;
+ background-color: #26a69a;
+ border-radius: 50%;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+}
+
+.btn-flat {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: transparent;
+ color: #343434;
+ cursor: pointer;
+ -webkit-transition: background-color .2s;
+ transition: background-color .2s;
+}
+
+.btn-flat:focus, .btn-flat:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.btn-flat:focus {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
+ background-color: transparent !important;
+ color: #b3b2b2 !important;
+ cursor: default;
+}
+
+.btn-large {
+ height: 54px;
+ line-height: 54px;
+ font-size: 15px;
+ padding: 0 28px;
+}
+
+.btn-large i {
+ font-size: 1.6rem;
+}
+
+.btn-small {
+ height: 32.4px;
+ line-height: 32.4px;
+ font-size: 13px;
+}
+
+.btn-small i {
+ font-size: 1.2rem;
+}
+
+.btn-block {
+ display: block;
+}
+
+.dropdown-content {
+ background-color: #fff;
+ margin: 0;
+ display: none;
+ min-width: 100px;
+ overflow-y: auto;
+ opacity: 0;
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 9999;
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+}
+
+.dropdown-content:focus {
+ outline: 0;
+}
+
+.dropdown-content li {
+ clear: both;
+ color: rgba(0, 0, 0, 0.87);
+ cursor: pointer;
+ min-height: 50px;
+ line-height: 1.5rem;
+ width: 100%;
+ text-align: left;
+}
+
+.dropdown-content li:hover, .dropdown-content li.active {
+ background-color: #eee;
+}
+
+.dropdown-content li:focus {
+ outline: none;
+}
+
+.dropdown-content li.divider {
+ min-height: 0;
+ height: 1px;
+}
+
+.dropdown-content li > a, .dropdown-content li > span {
+ font-size: 16px;
+ color: #26a69a;
+ display: block;
+ line-height: 22px;
+ padding: 14px 16px;
+}
+
+.dropdown-content li > span > label {
+ top: 1px;
+ left: 0;
+ height: 18px;
+}
+
+.dropdown-content li > a > i {
+ height: inherit;
+ line-height: inherit;
+ float: left;
+ margin: 0 24px 0 0;
+ width: 24px;
+}
+
+body.keyboard-focused .dropdown-content li:focus {
+ background-color: #dadada;
+}
+
+.input-field.col .dropdown-content [type="checkbox"] + label {
+ top: 1px;
+ left: 0;
+ height: 18px;
+ -webkit-transform: none;
+ transform: none;
+}
+
+.dropdown-trigger {
+ cursor: pointer;
+}
+
+/*!
+ * Waves v0.6.0
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE
+ */
+.waves-effect {
+ position: relative;
+ cursor: pointer;
+ display: inline-block;
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-tap-highlight-color: transparent;
+ vertical-align: middle;
+ z-index: 1;
+ -webkit-transition: .3s ease-out;
+ transition: .3s ease-out;
+}
+
+.waves-effect .waves-ripple {
+ position: absolute;
+ border-radius: 50%;
+ width: 20px;
+ height: 20px;
+ margin-top: -10px;
+ margin-left: -10px;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.2);
+ -webkit-transition: all 0.7s ease-out;
+ transition: all 0.7s ease-out;
+ -webkit-transition-property: opacity, -webkit-transform;
+ transition-property: opacity, -webkit-transform;
+ transition-property: transform, opacity;
+ transition-property: transform, opacity, -webkit-transform;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ pointer-events: none;
+}
+
+.waves-effect.waves-light .waves-ripple {
+ background-color: rgba(255, 255, 255, 0.45);
+}
+
+.waves-effect.waves-red .waves-ripple {
+ background-color: rgba(244, 67, 54, 0.7);
+}
+
+.waves-effect.waves-yellow .waves-ripple {
+ background-color: rgba(255, 235, 59, 0.7);
+}
+
+.waves-effect.waves-orange .waves-ripple {
+ background-color: rgba(255, 152, 0, 0.7);
+}
+
+.waves-effect.waves-purple .waves-ripple {
+ background-color: rgba(156, 39, 176, 0.7);
+}
+
+.waves-effect.waves-green .waves-ripple {
+ background-color: rgba(76, 175, 80, 0.7);
+}
+
+.waves-effect.waves-teal .waves-ripple {
+ background-color: rgba(0, 150, 136, 0.7);
+}
+
+.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
+ border: 0;
+ font-style: normal;
+ font-size: inherit;
+ text-transform: inherit;
+ background: none;
+}
+
+.waves-effect img {
+ position: relative;
+ z-index: -1;
+}
+
+.waves-notransition {
+ -webkit-transition: none !important;
+ transition: none !important;
+}
+
+.waves-circle {
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
+}
+
+.waves-input-wrapper {
+ border-radius: 0.2em;
+ vertical-align: bottom;
+}
+
+.waves-input-wrapper .waves-button-input {
+ position: relative;
+ top: 0;
+ left: 0;
+ z-index: 1;
+}
+
+.waves-circle {
+ text-align: center;
+ width: 2.5em;
+ height: 2.5em;
+ line-height: 2.5em;
+ border-radius: 50%;
+ -webkit-mask-image: none;
+}
+
+.waves-block {
+ display: block;
+}
+
+/* Firefox Bug: link not triggered */
+.waves-effect .waves-ripple {
+ z-index: -1;
+}
+
+.modal {
+ display: none;
+ position: fixed;
+ left: 0;
+ right: 0;
+ background-color: #fafafa;
+ padding: 0;
+ max-height: 70%;
+ width: 55%;
+ margin: auto;
+ overflow-y: auto;
+ border-radius: 2px;
+ will-change: top, opacity;
+}
+
+.modal:focus {
+ outline: none;
+}
+
+@media only screen and (max-width: 992px) {
+ .modal {
+ width: 80%;
+ }
+}
+
+.modal h1, .modal h2, .modal h3, .modal h4 {
+ margin-top: 0;
+}
+
+.modal .modal-content {
+ padding: 24px;
+}
+
+.modal .modal-close {
+ cursor: pointer;
+}
+
+.modal .modal-footer {
+ border-radius: 0 0 2px 2px;
+ background-color: #fafafa;
+ padding: 4px 6px;
+ height: 56px;
+ width: 100%;
+ text-align: right;
+}
+
+.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
+ margin: 6px 0;
+}
+
+.modal-overlay {
+ position: fixed;
+ z-index: 999;
+ top: -25%;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ height: 125%;
+ width: 100%;
+ background: #000;
+ display: none;
+ will-change: opacity;
+}
+
+.modal.modal-fixed-footer {
+ padding: 0;
+ height: 70%;
+}
+
+.modal.modal-fixed-footer .modal-content {
+ position: absolute;
+ height: calc(100% - 56px);
+ max-height: 100%;
+ width: 100%;
+ overflow-y: auto;
+}
+
+.modal.modal-fixed-footer .modal-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+ position: absolute;
+ bottom: 0;
+}
+
+.modal.bottom-sheet {
+ top: auto;
+ bottom: -100%;
+ margin: 0;
+ width: 100%;
+ max-height: 45%;
+ border-radius: 0;
+ will-change: bottom, opacity;
+}
+
+.collapsible {
+ border-top: 1px solid #ddd;
+ border-right: 1px solid #ddd;
+ border-left: 1px solid #ddd;
+ margin: 0.5rem 0 1rem 0;
+}
+
+.collapsible-header {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ cursor: pointer;
+ -webkit-tap-highlight-color: transparent;
+ line-height: 1.5;
+ padding: 1rem;
+ background-color: #fff;
+ border-bottom: 1px solid #ddd;
+}
+
+.collapsible-header:focus {
+ outline: 0;
+}
+
+.collapsible-header i {
+ width: 2rem;
+ font-size: 1.6rem;
+ display: inline-block;
+ text-align: center;
+ margin-right: 1rem;
+}
+
+.keyboard-focused .collapsible-header:focus {
+ background-color: #eee;
+}
+
+.collapsible-body {
+ display: none;
+ border-bottom: 1px solid #ddd;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 2rem;
+}
+
+.sidenav .collapsible,
+.sidenav.fixed .collapsible {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.sidenav .collapsible li,
+.sidenav.fixed .collapsible li {
+ padding: 0;
+}
+
+.sidenav .collapsible-header,
+.sidenav.fixed .collapsible-header {
+ background-color: transparent;
+ border: none;
+ line-height: inherit;
+ height: inherit;
+ padding: 0 16px;
+}
+
+.sidenav .collapsible-header:hover,
+.sidenav.fixed .collapsible-header:hover {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+
+.sidenav .collapsible-header i,
+.sidenav.fixed .collapsible-header i {
+ line-height: inherit;
+}
+
+.sidenav .collapsible-body,
+.sidenav.fixed .collapsible-body {
+ border: 0;
+ background-color: #fff;
+}
+
+.sidenav .collapsible-body li a,
+.sidenav.fixed .collapsible-body li a {
+ padding: 0 23.5px 0 31px;
+}
+
+.collapsible.popout {
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.collapsible.popout > li {
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+ margin: 0 24px;
+ -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.collapsible.popout > li.active {
+ -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+ box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+ margin: 16px 0;
+}
+
+.chip {
+ display: inline-block;
+ height: 32px;
+ font-size: 13px;
+ font-weight: 500;
+ color: rgba(0, 0, 0, 0.6);
+ line-height: 32px;
+ padding: 0 12px;
+ border-radius: 16px;
+ background-color: #e4e4e4;
+ margin-bottom: 5px;
+ margin-right: 5px;
+}
+
+.chip:focus {
+ outline: none;
+ background-color: #26a69a;
+ color: #fff;
+}
+
+.chip > img {
+ float: left;
+ margin: 0 8px 0 -12px;
+ height: 32px;
+ width: 32px;
+ border-radius: 50%;
+}
+
+.chip .close {
+ cursor: pointer;
+ float: right;
+ font-size: 16px;
+ line-height: 32px;
+ padding-left: 8px;
+}
+
+.chips {
+ border: none;
+ border-bottom: 1px solid #9e9e9e;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ margin: 0 0 8px 0;
+ min-height: 45px;
+ outline: none;
+ -webkit-transition: all .3s;
+ transition: all .3s;
+}
+
+.chips.focus {
+ border-bottom: 1px solid #26a69a;
+ -webkit-box-shadow: 0 1px 0 0 #26a69a;
+ box-shadow: 0 1px 0 0 #26a69a;
+}
+
+.chips:hover {
+ cursor: text;
+}
+
+.chips .input {
+ background: none;
+ border: 0;
+ color: rgba(0, 0, 0, 0.6);
+ display: inline-block;
+ font-size: 16px;
+ height: 3rem;
+ line-height: 32px;
+ outline: 0;
+ margin: 0;
+ padding: 0 !important;
+ width: 120px !important;
+}
+
+.chips .input:focus {
+ border: 0 !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+
+.chips .autocomplete-content {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.prefix ~ .chips {
+ margin-left: 3rem;
+ width: 92%;
+ width: calc(100% - 3rem);
+}
+
+.chips:empty ~ label {
+ font-size: 0.8rem;
+ -webkit-transform: translateY(-140%);
+ transform: translateY(-140%);
+}
+
+.materialboxed {
+ display: block;
+ cursor: -webkit-zoom-in;
+ cursor: zoom-in;
+ position: relative;
+ -webkit-transition: opacity .4s;
+ transition: opacity .4s;
+ -webkit-backface-visibility: hidden;
+}
+
+.materialboxed:hover:not(.active) {
+ opacity: .8;
+}
+
+.materialboxed.active {
+ cursor: -webkit-zoom-out;
+ cursor: zoom-out;
+}
+
+#materialbox-overlay {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: #292929;
+ z-index: 1000;
+ will-change: opacity;
+}
+
+.materialbox-caption {
+ position: fixed;
+ display: none;
+ color: #fff;
+ line-height: 50px;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ text-align: center;
+ padding: 0% 15%;
+ height: 50px;
+ z-index: 1000;
+ -webkit-font-smoothing: antialiased;
+}
+
+select:focus {
+ outline: 1px solid #c9f3ef;
+}
+
+button:focus {
+ outline: none;
+ background-color: #2ab7a9;
+}
+
+label {
+ font-size: 0.8rem;
+ color: #9e9e9e;
+}
+
+/* Text Inputs + Textarea
+ ========================================================================== */
+/* Style Placeholders */
+::-webkit-input-placeholder {
+ color: #d1d1d1;
+}
+::-moz-placeholder {
+ color: #d1d1d1;
+}
+:-ms-input-placeholder {
+ color: #d1d1d1;
+}
+::-ms-input-placeholder {
+ color: #d1d1d1;
+}
+::placeholder {
+ color: #d1d1d1;
+}
+
+/* Text inputs */
+input:not([type]),
+input[type=text]:not(.browser-default),
+input[type=password]:not(.browser-default),
+input[type=email]:not(.browser-default),
+input[type=url]:not(.browser-default),
+input[type=time]:not(.browser-default),
+input[type=date]:not(.browser-default),
+input[type=datetime]:not(.browser-default),
+input[type=datetime-local]:not(.browser-default),
+input[type=tel]:not(.browser-default),
+input[type=number]:not(.browser-default),
+input[type=search]:not(.browser-default),
+textarea.materialize-textarea {
+ background-color: transparent;
+ border: none;
+ border-bottom: 1px solid #9e9e9e;
+ border-radius: 0;
+ outline: none;
+ height: 3rem;
+ width: 100%;
+ font-size: 16px;
+ margin: 0 0 8px 0;
+ padding: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-transition: border .3s, -webkit-box-shadow .3s;
+ transition: border .3s, -webkit-box-shadow .3s;
+ transition: box-shadow .3s, border .3s;
+ transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
+}
+
+input:not([type]):disabled, input:not([type])[readonly="readonly"],
+input[type=text]:not(.browser-default):disabled,
+input[type=text]:not(.browser-default)[readonly="readonly"],
+input[type=password]:not(.browser-default):disabled,
+input[type=password]:not(.browser-default)[readonly="readonly"],
+input[type=email]:not(.browser-default):disabled,
+input[type=email]:not(.browser-default)[readonly="readonly"],
+input[type=url]:not(.browser-default):disabled,
+input[type=url]:not(.browser-default)[readonly="readonly"],
+input[type=time]:not(.browser-default):disabled,
+input[type=time]:not(.browser-default)[readonly="readonly"],
+input[type=date]:not(.browser-default):disabled,
+input[type=date]:not(.browser-default)[readonly="readonly"],
+input[type=datetime]:not(.browser-default):disabled,
+input[type=datetime]:not(.browser-default)[readonly="readonly"],
+input[type=datetime-local]:not(.browser-default):disabled,
+input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
+input[type=tel]:not(.browser-default):disabled,
+input[type=tel]:not(.browser-default)[readonly="readonly"],
+input[type=number]:not(.browser-default):disabled,
+input[type=number]:not(.browser-default)[readonly="readonly"],
+input[type=search]:not(.browser-default):disabled,
+input[type=search]:not(.browser-default)[readonly="readonly"],
+textarea.materialize-textarea:disabled,
+textarea.materialize-textarea[readonly="readonly"] {
+ color: rgba(0, 0, 0, 0.42);
+ border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
+}
+
+input:not([type]):disabled + label,
+input:not([type])[readonly="readonly"] + label,
+input[type=text]:not(.browser-default):disabled + label,
+input[type=text]:not(.browser-default)[readonly="readonly"] + label,
+input[type=password]:not(.browser-default):disabled + label,
+input[type=password]:not(.browser-default)[readonly="readonly"] + label,
+input[type=email]:not(.browser-default):disabled + label,
+input[type=email]:not(.browser-default)[readonly="readonly"] + label,
+input[type=url]:not(.browser-default):disabled + label,
+input[type=url]:not(.browser-default)[readonly="readonly"] + label,
+input[type=time]:not(.browser-default):disabled + label,
+input[type=time]:not(.browser-default)[readonly="readonly"] + label,
+input[type=date]:not(.browser-default):disabled + label,
+input[type=date]:not(.browser-default)[readonly="readonly"] + label,
+input[type=datetime]:not(.browser-default):disabled + label,
+input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
+input[type=datetime-local]:not(.browser-default):disabled + label,
+input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
+input[type=tel]:not(.browser-default):disabled + label,
+input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
+input[type=number]:not(.browser-default):disabled + label,
+input[type=number]:not(.browser-default)[readonly="readonly"] + label,
+input[type=search]:not(.browser-default):disabled + label,
+input[type=search]:not(.browser-default)[readonly="readonly"] + label,
+textarea.materialize-textarea:disabled + label,
+textarea.materialize-textarea[readonly="readonly"] + label {
+ color: rgba(0, 0, 0, 0.42);
+}
+
+input:not([type]):focus:not([readonly]),
+input[type=text]:not(.browser-default):focus:not([readonly]),
+input[type=password]:not(.browser-default):focus:not([readonly]),
+input[type=email]:not(.browser-default):focus:not([readonly]),
+input[type=url]:not(.browser-default):focus:not([readonly]),
+input[type=time]:not(.browser-default):focus:not([readonly]),
+input[type=date]:not(.browser-default):focus:not([readonly]),
+input[type=datetime]:not(.browser-default):focus:not([readonly]),
+input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
+input[type=tel]:not(.browser-default):focus:not([readonly]),
+input[type=number]:not(.browser-default):focus:not([readonly]),
+input[type=search]:not(.browser-default):focus:not([readonly]),
+textarea.materialize-textarea:focus:not([readonly]) {
+ border-bottom: 1px solid #26a69a;
+ -webkit-box-shadow: 0 1px 0 0 #26a69a;
+ box-shadow: 0 1px 0 0 #26a69a;
+}
+
+input:not([type]):focus:not([readonly]) + label,
+input[type=text]:not(.browser-default):focus:not([readonly]) + label,
+input[type=password]:not(.browser-default):focus:not([readonly]) + label,
+input[type=email]:not(.browser-default):focus:not([readonly]) + label,
+input[type=url]:not(.browser-default):focus:not([readonly]) + label,
+input[type=time]:not(.browser-default):focus:not([readonly]) + label,
+input[type=date]:not(.browser-default):focus:not([readonly]) + label,
+input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
+input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
+input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
+input[type=number]:not(.browser-default):focus:not([readonly]) + label,
+input[type=search]:not(.browser-default):focus:not([readonly]) + label,
+textarea.materialize-textarea:focus:not([readonly]) + label {
+ color: #26a69a;
+}
+
+input:not([type]):focus.valid ~ label,
+input[type=text]:not(.browser-default):focus.valid ~ label,
+input[type=password]:not(.browser-default):focus.valid ~ label,
+input[type=email]:not(.browser-default):focus.valid ~ label,
+input[type=url]:not(.browser-default):focus.valid ~ label,
+input[type=time]:not(.browser-default):focus.valid ~ label,
+input[type=date]:not(.browser-default):focus.valid ~ label,
+input[type=datetime]:not(.browser-default):focus.valid ~ label,
+input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
+input[type=tel]:not(.browser-default):focus.valid ~ label,
+input[type=number]:not(.browser-default):focus.valid ~ label,
+input[type=search]:not(.browser-default):focus.valid ~ label,
+textarea.materialize-textarea:focus.valid ~ label {
+ color: #4CAF50;
+}
+
+input:not([type]):focus.invalid ~ label,
+input[type=text]:not(.browser-default):focus.invalid ~ label,
+input[type=password]:not(.browser-default):focus.invalid ~ label,
+input[type=email]:not(.browser-default):focus.invalid ~ label,
+input[type=url]:not(.browser-default):focus.invalid ~ label,
+input[type=time]:not(.browser-default):focus.invalid ~ label,
+input[type=date]:not(.browser-default):focus.invalid ~ label,
+input[type=datetime]:not(.browser-default):focus.invalid ~ label,
+input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
+input[type=tel]:not(.browser-default):focus.invalid ~ label,
+input[type=number]:not(.browser-default):focus.invalid ~ label,
+input[type=search]:not(.browser-default):focus.invalid ~ label,
+textarea.materialize-textarea:focus.invalid ~ label {
+ color: #F44336;
+}
+
+input:not([type]).validate + label,
+input[type=text]:not(.browser-default).validate + label,
+input[type=password]:not(.browser-default).validate + label,
+input[type=email]:not(.browser-default).validate + label,
+input[type=url]:not(.browser-default).validate + label,
+input[type=time]:not(.browser-default).validate + label,
+input[type=date]:not(.browser-default).validate + label,
+input[type=datetime]:not(.browser-default).validate + label,
+input[type=datetime-local]:not(.browser-default).validate + label,
+input[type=tel]:not(.browser-default).validate + label,
+input[type=number]:not(.browser-default).validate + label,
+input[type=search]:not(.browser-default).validate + label,
+textarea.materialize-textarea.validate + label {
+ width: 100%;
+}
+
+/* Validation Sass Placeholders */
+input.valid:not([type]), input.valid:not([type]):focus,
+input.valid[type=text]:not(.browser-default),
+input.valid[type=text]:not(.browser-default):focus,
+input.valid[type=password]:not(.browser-default),
+input.valid[type=password]:not(.browser-default):focus,
+input.valid[type=email]:not(.browser-default),
+input.valid[type=email]:not(.browser-default):focus,
+input.valid[type=url]:not(.browser-default),
+input.valid[type=url]:not(.browser-default):focus,
+input.valid[type=time]:not(.browser-default),
+input.valid[type=time]:not(.browser-default):focus,
+input.valid[type=date]:not(.browser-default),
+input.valid[type=date]:not(.browser-default):focus,
+input.valid[type=datetime]:not(.browser-default),
+input.valid[type=datetime]:not(.browser-default):focus,
+input.valid[type=datetime-local]:not(.browser-default),
+input.valid[type=datetime-local]:not(.browser-default):focus,
+input.valid[type=tel]:not(.browser-default),
+input.valid[type=tel]:not(.browser-default):focus,
+input.valid[type=number]:not(.browser-default),
+input.valid[type=number]:not(.browser-default):focus,
+input.valid[type=search]:not(.browser-default),
+input.valid[type=search]:not(.browser-default):focus,
+textarea.materialize-textarea.valid,
+textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
+ border-bottom: 1px solid #4CAF50;
+ -webkit-box-shadow: 0 1px 0 0 #4CAF50;
+ box-shadow: 0 1px 0 0 #4CAF50;
+}
+
+input.invalid:not([type]), input.invalid:not([type]):focus,
+input.invalid[type=text]:not(.browser-default),
+input.invalid[type=text]:not(.browser-default):focus,
+input.invalid[type=password]:not(.browser-default),
+input.invalid[type=password]:not(.browser-default):focus,
+input.invalid[type=email]:not(.browser-default),
+input.invalid[type=email]:not(.browser-default):focus,
+input.invalid[type=url]:not(.browser-default),
+input.invalid[type=url]:not(.browser-default):focus,
+input.invalid[type=time]:not(.browser-default),
+input.invalid[type=time]:not(.browser-default):focus,
+input.invalid[type=date]:not(.browser-default),
+input.invalid[type=date]:not(.browser-default):focus,
+input.invalid[type=datetime]:not(.browser-default),
+input.invalid[type=datetime]:not(.browser-default):focus,
+input.invalid[type=datetime-local]:not(.browser-default),
+input.invalid[type=datetime-local]:not(.browser-default):focus,
+input.invalid[type=tel]:not(.browser-default),
+input.invalid[type=tel]:not(.browser-default):focus,
+input.invalid[type=number]:not(.browser-default),
+input.invalid[type=number]:not(.browser-default):focus,
+input.invalid[type=search]:not(.browser-default),
+input.invalid[type=search]:not(.browser-default):focus,
+textarea.materialize-textarea.invalid,
+textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
+.select-wrapper.invalid > input.select-dropdown:focus {
+ border-bottom: 1px solid #F44336;
+ -webkit-box-shadow: 0 1px 0 0 #F44336;
+ box-shadow: 0 1px 0 0 #F44336;
+}
+
+input:not([type]).valid ~ .helper-text[data-success],
+input:not([type]):focus.valid ~ .helper-text[data-success],
+input:not([type]).invalid ~ .helper-text[data-error],
+input:not([type]):focus.invalid ~ .helper-text[data-error],
+input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+textarea.materialize-textarea.valid ~ .helper-text[data-success],
+textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
+textarea.materialize-textarea.invalid ~ .helper-text[data-error],
+textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .select-wrapper.valid .helper-text[data-success],
+.select-wrapper.invalid ~ .helper-text[data-error] {
+ color: transparent;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ pointer-events: none;
+}
+
+input:not([type]).valid ~ .helper-text:after,
+input:not([type]):focus.valid ~ .helper-text:after,
+input[type=text]:not(.browser-default).valid ~ .helper-text:after,
+input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=password]:not(.browser-default).valid ~ .helper-text:after,
+input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=email]:not(.browser-default).valid ~ .helper-text:after,
+input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=url]:not(.browser-default).valid ~ .helper-text:after,
+input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=time]:not(.browser-default).valid ~ .helper-text:after,
+input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=date]:not(.browser-default).valid ~ .helper-text:after,
+input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
+input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
+input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
+input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=number]:not(.browser-default).valid ~ .helper-text:after,
+input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=search]:not(.browser-default).valid ~ .helper-text:after,
+input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
+textarea.materialize-textarea.valid ~ .helper-text:after,
+textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {
+ content: attr(data-success);
+ color: #4CAF50;
+}
+
+input:not([type]).invalid ~ .helper-text:after,
+input:not([type]):focus.invalid ~ .helper-text:after,
+input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
+textarea.materialize-textarea.invalid ~ .helper-text:after,
+textarea.materialize-textarea:focus.invalid ~ .helper-text:after, .select-wrapper.invalid ~ .helper-text:after {
+ content: attr(data-error);
+ color: #F44336;
+}
+
+input:not([type]) + label:after,
+input[type=text]:not(.browser-default) + label:after,
+input[type=password]:not(.browser-default) + label:after,
+input[type=email]:not(.browser-default) + label:after,
+input[type=url]:not(.browser-default) + label:after,
+input[type=time]:not(.browser-default) + label:after,
+input[type=date]:not(.browser-default) + label:after,
+input[type=datetime]:not(.browser-default) + label:after,
+input[type=datetime-local]:not(.browser-default) + label:after,
+input[type=tel]:not(.browser-default) + label:after,
+input[type=number]:not(.browser-default) + label:after,
+input[type=search]:not(.browser-default) + label:after,
+textarea.materialize-textarea + label:after, .select-wrapper + label:after {
+ display: block;
+ content: "";
+ position: absolute;
+ top: 100%;
+ left: 0;
+ opacity: 0;
+ -webkit-transition: .2s opacity ease-out, .2s color ease-out;
+ transition: .2s opacity ease-out, .2s color ease-out;
+}
+
+.input-field {
+ position: relative;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+}
+
+.input-field.inline {
+ display: inline-block;
+ vertical-align: middle;
+ margin-left: 5px;
+}
+
+.input-field.inline input,
+.input-field.inline .select-dropdown {
+ margin-bottom: 1rem;
+}
+
+.input-field.col label {
+ left: 0.75rem;
+}
+
+.input-field.col .prefix ~ label,
+.input-field.col .prefix ~ .validate ~ label {
+ width: calc(100% - 3rem - 1.5rem);
+}
+
+.input-field > label {
+ color: #9e9e9e;
+ position: absolute;
+ top: 0;
+ left: 0;
+ font-size: 1rem;
+ cursor: text;
+ -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
+ transition: color .2s ease-out, -webkit-transform .2s ease-out;
+ transition: transform .2s ease-out, color .2s ease-out;
+ transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
+ -webkit-transform-origin: 0% 100%;
+ transform-origin: 0% 100%;
+ text-align: initial;
+ -webkit-transform: translateY(12px);
+ transform: translateY(12px);
+}
+
+.input-field > label:not(.label-icon).active {
+ -webkit-transform: translateY(-14px) scale(0.8);
+ transform: translateY(-14px) scale(0.8);
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+}
+
+.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
+.input-field > input[type=date]:not(.browser-default) + label,
+.input-field > input[type=time]:not(.browser-default) + label {
+ -webkit-transform: translateY(-14px) scale(0.8);
+ transform: translateY(-14px) scale(0.8);
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+}
+
+.input-field .helper-text {
+ position: relative;
+ min-height: 18px;
+ display: block;
+ font-size: 12px;
+ color: rgba(0, 0, 0, 0.54);
+}
+
+.input-field .helper-text::after {
+ opacity: 1;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.input-field .prefix {
+ position: absolute;
+ width: 3rem;
+ font-size: 2rem;
+ -webkit-transition: color .2s;
+ transition: color .2s;
+ top: 0.5rem;
+}
+
+.input-field .prefix.active {
+ color: #26a69a;
+}
+
+.input-field .prefix ~ input,
+.input-field .prefix ~ textarea,
+.input-field .prefix ~ label,
+.input-field .prefix ~ .validate ~ label,
+.input-field .prefix ~ .helper-text,
+.input-field .prefix ~ .autocomplete-content {
+ margin-left: 3rem;
+ width: 92%;
+ width: calc(100% - 3rem);
+}
+
+.input-field .prefix ~ label {
+ margin-left: 3rem;
+}
+
+@media only screen and (max-width: 992px) {
+ .input-field .prefix ~ input {
+ width: 86%;
+ width: calc(100% - 3rem);
+ }
+}
+
+@media only screen and (max-width: 600px) {
+ .input-field .prefix ~ input {
+ width: 80%;
+ width: calc(100% - 3rem);
+ }
+}
+
+/* Search Field */
+.input-field input[type=search] {
+ display: block;
+ line-height: inherit;
+ -webkit-transition: .3s background-color;
+ transition: .3s background-color;
+}
+
+.nav-wrapper .input-field input[type=search] {
+ height: inherit;
+ padding-left: 4rem;
+ width: calc(100% - 4rem);
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.input-field input[type=search]:focus:not(.browser-default) {
+ background-color: #fff;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #444;
+}
+
+.input-field input[type=search]:focus:not(.browser-default) + label i,
+.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
+.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
+ color: #444;
+}
+
+.input-field input[type=search] + .label-icon {
+ -webkit-transform: none;
+ transform: none;
+ left: 1rem;
+}
+
+.input-field input[type=search] ~ .mdi-navigation-close,
+.input-field input[type=search] ~ .material-icons {
+ position: absolute;
+ top: 0;
+ right: 1rem;
+ color: transparent;
+ cursor: pointer;
+ font-size: 2rem;
+ -webkit-transition: .3s color;
+ transition: .3s color;
+}
+
+/* Textarea */
+textarea {
+ width: 100%;
+ height: 3rem;
+ background-color: transparent;
+}
+
+textarea.materialize-textarea {
+ line-height: normal;
+ overflow-y: hidden;
+ /* prevents scroll bar flash */
+ padding: .8rem 0 .8rem 0;
+ /* prevents text jump on Enter keypress */
+ resize: none;
+ min-height: 3rem;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.hiddendiv {
+ visibility: hidden;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ /* future version of deprecated 'word-wrap' */
+ padding-top: 1.2rem;
+ /* prevents text jump on Enter keypress */
+ position: absolute;
+ top: 0;
+ z-index: -1;
+}
+
+/* Autocomplete */
+.autocomplete-content li .highlight {
+ color: #444;
+}
+
+.autocomplete-content li img {
+ height: 40px;
+ width: 40px;
+ margin: 5px 15px;
+}
+
+/* Character Counter */
+.character-counter {
+ min-height: 18px;
+}
+
+/* Radio Buttons
+ ========================================================================== */
+[type="radio"]:not(:checked),
+[type="radio"]:checked {
+ position: absolute;
+ opacity: 0;
+ pointer-events: none;
+}
+
+[type="radio"]:not(:checked) + span,
+[type="radio"]:checked + span {
+ position: relative;
+ padding-left: 35px;
+ cursor: pointer;
+ display: inline-block;
+ height: 25px;
+ line-height: 25px;
+ font-size: 1rem;
+ -webkit-transition: .28s ease;
+ transition: .28s ease;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+[type="radio"] + span:before,
+[type="radio"] + span:after {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ margin: 4px;
+ width: 16px;
+ height: 16px;
+ z-index: 0;
+ -webkit-transition: .28s ease;
+ transition: .28s ease;
+}
+
+/* Unchecked styles */
+[type="radio"]:not(:checked) + span:before,
+[type="radio"]:not(:checked) + span:after,
+[type="radio"]:checked + span:before,
+[type="radio"]:checked + span:after,
+[type="radio"].with-gap:checked + span:before,
+[type="radio"].with-gap:checked + span:after {
+ border-radius: 50%;
+}
+
+[type="radio"]:not(:checked) + span:before,
+[type="radio"]:not(:checked) + span:after {
+ border: 2px solid #5a5a5a;
+}
+
+[type="radio"]:not(:checked) + span:after {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+}
+
+/* Checked styles */
+[type="radio"]:checked + span:before {
+ border: 2px solid transparent;
+}
+
+[type="radio"]:checked + span:after,
+[type="radio"].with-gap:checked + span:before,
+[type="radio"].with-gap:checked + span:after {
+ border: 2px solid #26a69a;
+}
+
+[type="radio"]:checked + span:after,
+[type="radio"].with-gap:checked + span:after {
+ background-color: #26a69a;
+}
+
+[type="radio"]:checked + span:after {
+ -webkit-transform: scale(1.02);
+ transform: scale(1.02);
+}
+
+/* Radio With gap */
+[type="radio"].with-gap:checked + span:after {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+}
+
+/* Focused styles */
+[type="radio"].tabbed:focus + span:before {
+ -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+/* Disabled Radio With gap */
+[type="radio"].with-gap:disabled:checked + span:before {
+ border: 2px solid rgba(0, 0, 0, 0.42);
+}
+
+[type="radio"].with-gap:disabled:checked + span:after {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.42);
+}
+
+/* Disabled style */
+[type="radio"]:disabled:not(:checked) + span:before,
+[type="radio"]:disabled:checked + span:before {
+ background-color: transparent;
+ border-color: rgba(0, 0, 0, 0.42);
+}
+
+[type="radio"]:disabled + span {
+ color: rgba(0, 0, 0, 0.42);
+}
+
+[type="radio"]:disabled:not(:checked) + span:before {
+ border-color: rgba(0, 0, 0, 0.42);
+}
+
+[type="radio"]:disabled:checked + span:after {
+ background-color: rgba(0, 0, 0, 0.42);
+ border-color: #949494;
+}
+
+/* Checkboxes
+ ========================================================================== */
+/* Remove default checkbox */
+[type="checkbox"]:not(:checked),
+[type="checkbox"]:checked {
+ position: absolute;
+ opacity: 0;
+ pointer-events: none;
+}
+
+[type="checkbox"] {
+ /* checkbox aspect */
+}
+
+[type="checkbox"] + span:not(.lever) {
+ position: relative;
+ padding-left: 35px;
+ cursor: pointer;
+ display: inline-block;
+ height: 25px;
+ line-height: 25px;
+ font-size: 1rem;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+[type="checkbox"] + span:not(.lever):before,
+[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 18px;
+ height: 18px;
+ z-index: 0;
+ border: 2px solid #5a5a5a;
+ border-radius: 1px;
+ margin-top: 3px;
+ -webkit-transition: .2s;
+ transition: .2s;
+}
+
+[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
+ border: 0;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+}
+
+[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
+ border: none;
+ background-color: rgba(0, 0, 0, 0.42);
+}
+
+[type="checkbox"].tabbed:focus + span:not(.lever):after {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ border: 0;
+ border-radius: 50%;
+ -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+[type="checkbox"]:checked + span:not(.lever):before {
+ top: -4px;
+ left: -5px;
+ width: 12px;
+ height: 22px;
+ border-top: 2px solid transparent;
+ border-left: 2px solid transparent;
+ border-right: 2px solid #26a69a;
+ border-bottom: 2px solid #26a69a;
+ -webkit-transform: rotate(40deg);
+ transform: rotate(40deg);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
+}
+
+[type="checkbox"]:checked:disabled + span:before {
+ border-right: 2px solid rgba(0, 0, 0, 0.42);
+ border-bottom: 2px solid rgba(0, 0, 0, 0.42);
+}
+
+/* Indeterminate checkbox */
+[type="checkbox"]:indeterminate + span:not(.lever):before {
+ top: -11px;
+ left: -12px;
+ width: 10px;
+ height: 22px;
+ border-top: none;
+ border-left: none;
+ border-right: 2px solid #26a69a;
+ border-bottom: none;
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
+}
+
+[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
+ border-right: 2px solid rgba(0, 0, 0, 0.42);
+ background-color: transparent;
+}
+
+[type="checkbox"].filled-in + span:not(.lever):after {
+ border-radius: 2px;
+}
+
+[type="checkbox"].filled-in + span:not(.lever):before,
+[type="checkbox"].filled-in + span:not(.lever):after {
+ content: '';
+ left: 0;
+ position: absolute;
+ /* .1s delay is for check animation */
+ -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
+ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
+ z-index: 1;
+}
+
+[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
+ width: 0;
+ height: 0;
+ border: 3px solid transparent;
+ left: 6px;
+ top: 10px;
+ -webkit-transform: rotateZ(37deg);
+ transform: rotateZ(37deg);
+ -webkit-transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
+}
+
+[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
+ height: 20px;
+ width: 20px;
+ background-color: transparent;
+ border: 2px solid #5a5a5a;
+ top: 0px;
+ z-index: 0;
+}
+
+[type="checkbox"].filled-in:checked + span:not(.lever):before {
+ top: 0;
+ left: 1px;
+ width: 8px;
+ height: 13px;
+ border-top: 2px solid transparent;
+ border-left: 2px solid transparent;
+ border-right: 2px solid #fff;
+ border-bottom: 2px solid #fff;
+ -webkit-transform: rotateZ(37deg);
+ transform: rotateZ(37deg);
+ -webkit-transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
+}
+
+[type="checkbox"].filled-in:checked + span:not(.lever):after {
+ top: 0;
+ width: 20px;
+ height: 20px;
+ border: 2px solid #26a69a;
+ background-color: #26a69a;
+ z-index: 0;
+}
+
+[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
+ border-radius: 2px;
+ border-color: #5a5a5a;
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
+ border-radius: 2px;
+ background-color: #26a69a;
+ border-color: #26a69a;
+}
+
+[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
+ background-color: transparent;
+ border: 2px solid transparent;
+}
+
+[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
+ border-color: transparent;
+ background-color: #949494;
+}
+
+[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
+ background-color: transparent;
+}
+
+[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
+ background-color: #949494;
+ border-color: #949494;
+}
+
+/* Switch
+ ========================================================================== */
+.switch,
+.switch * {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.switch label {
+ cursor: pointer;
+}
+
+.switch label input[type=checkbox] {
+ opacity: 0;
+ width: 0;
+ height: 0;
+}
+
+.switch label input[type=checkbox]:checked + .lever {
+ background-color: #84c7c1;
+}
+
+.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
+ left: 18px;
+}
+
+.switch label input[type=checkbox]:checked + .lever:after {
+ background-color: #26a69a;
+}
+
+.switch label .lever {
+ content: "";
+ display: inline-block;
+ position: relative;
+ width: 36px;
+ height: 14px;
+ background-color: rgba(0, 0, 0, 0.38);
+ border-radius: 15px;
+ margin-right: 10px;
+ -webkit-transition: background 0.3s ease;
+ transition: background 0.3s ease;
+ vertical-align: middle;
+ margin: 0 16px;
+}
+
+.switch label .lever:before, .switch label .lever:after {
+ content: "";
+ position: absolute;
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+ left: 0;
+ top: -3px;
+ -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
+ transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
+ transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
+ transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
+}
+
+.switch label .lever:before {
+ background-color: rgba(38, 166, 154, 0.15);
+}
+
+.switch label .lever:after {
+ background-color: #F1F1F1;
+ -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+
+input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
+input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
+ -webkit-transform: scale(2.4);
+ transform: scale(2.4);
+ background-color: rgba(38, 166, 154, 0.15);
+}
+
+input[type=checkbox]:not(:disabled) ~ .lever:active:before,
+input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
+ -webkit-transform: scale(2.4);
+ transform: scale(2.4);
+ background-color: rgba(0, 0, 0, 0.08);
+}
+
+.switch input[type=checkbox][disabled] + .lever {
+ cursor: default;
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.switch label input[type=checkbox][disabled] + .lever:after,
+.switch label input[type=checkbox][disabled]:checked + .lever:after {
+ background-color: #949494;
+}
+
+/* Select Field
+ ========================================================================== */
+select {
+ display: none;
+}
+
+select.browser-default {
+ display: block;
+}
+
+select {
+ background-color: rgba(255, 255, 255, 0.9);
+ width: 100%;
+ padding: 5px;
+ border: 1px solid #f2f2f2;
+ border-radius: 2px;
+ height: 3rem;
+}
+
+.select-label {
+ position: absolute;
+}
+
+.select-wrapper {
+ position: relative;
+}
+
+.select-wrapper.valid + label,
+.select-wrapper.invalid + label {
+ width: 100%;
+ pointer-events: none;
+}
+
+.select-wrapper input.select-dropdown {
+ position: relative;
+ cursor: pointer;
+ background-color: transparent;
+ border: none;
+ border-bottom: 1px solid #9e9e9e;
+ outline: none;
+ height: 3rem;
+ line-height: 3rem;
+ width: 100%;
+ font-size: 16px;
+ margin: 0 0 8px 0;
+ padding: 0;
+ display: block;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ z-index: 1;
+}
+
+.select-wrapper input.select-dropdown:focus {
+ border-bottom: 1px solid #26a69a;
+}
+
+.select-wrapper .caret {
+ position: absolute;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto 0;
+ z-index: 0;
+ fill: rgba(0, 0, 0, 0.87);
+}
+
+.select-wrapper + label {
+ position: absolute;
+ top: -26px;
+ font-size: 0.8rem;
+}
+
+select:disabled {
+ color: rgba(0, 0, 0, 0.42);
+}
+
+.select-wrapper.disabled + label {
+ color: rgba(0, 0, 0, 0.42);
+}
+
+.select-wrapper.disabled .caret {
+ fill: rgba(0, 0, 0, 0.42);
+}
+
+.select-wrapper input.select-dropdown:disabled {
+ color: rgba(0, 0, 0, 0.42);
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.select-wrapper i {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.select-dropdown li.disabled,
+.select-dropdown li.disabled > span,
+.select-dropdown li.optgroup {
+ color: rgba(0, 0, 0, 0.3);
+ background-color: transparent;
+}
+
+body.keyboard-focused .select-dropdown.dropdown-content li:focus {
+ background-color: rgba(0, 0, 0, 0.08);
+}
+
+.select-dropdown.dropdown-content li:hover {
+ background-color: rgba(0, 0, 0, 0.08);
+}
+
+.select-dropdown.dropdown-content li.selected {
+ background-color: rgba(0, 0, 0, 0.03);
+}
+
+.prefix ~ .select-wrapper {
+ margin-left: 3rem;
+ width: 92%;
+ width: calc(100% - 3rem);
+}
+
+.prefix ~ label {
+ margin-left: 3rem;
+}
+
+.select-dropdown li img {
+ height: 40px;
+ width: 40px;
+ margin: 5px 15px;
+ float: right;
+}
+
+.select-dropdown li.optgroup {
+ border-top: 1px solid #eee;
+}
+
+.select-dropdown li.optgroup.selected > span {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.select-dropdown li.optgroup > span {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.select-dropdown li.optgroup ~ li.optgroup-option {
+ padding-left: 1rem;
+}
+
+/* File Input
+ ========================================================================== */
+.file-field {
+ position: relative;
+}
+
+.file-field .file-path-wrapper {
+ overflow: hidden;
+ padding-left: 10px;
+}
+
+.file-field input.file-path {
+ width: 100%;
+}
+
+.file-field .btn, .file-field .btn-large, .file-field .btn-small {
+ float: left;
+ height: 3rem;
+ line-height: 3rem;
+}
+
+.file-field span {
+ cursor: pointer;
+}
+
+.file-field input[type=file] {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ font-size: 20px;
+ cursor: pointer;
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+
+.file-field input[type=file]::-webkit-file-upload-button {
+ display: none;
+}
+
+/* Range
+ ========================================================================== */
+.range-field {
+ position: relative;
+}
+
+input[type=range],
+input[type=range] + .thumb {
+ cursor: pointer;
+}
+
+input[type=range] {
+ position: relative;
+ background-color: transparent;
+ border: none;
+ outline: none;
+ width: 100%;
+ margin: 15px 0;
+ padding: 0;
+}
+
+input[type=range]:focus {
+ outline: none;
+}
+
+input[type=range] + .thumb {
+ position: absolute;
+ top: 10px;
+ left: 0;
+ border: none;
+ height: 0;
+ width: 0;
+ border-radius: 50%;
+ background-color: #26a69a;
+ margin-left: 7px;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+
+input[type=range] + .thumb .value {
+ display: block;
+ width: 30px;
+ text-align: center;
+ color: #26a69a;
+ font-size: 0;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+
+input[type=range] + .thumb.active {
+ border-radius: 50% 50% 50% 0;
+}
+
+input[type=range] + .thumb.active .value {
+ color: #fff;
+ margin-left: -1px;
+ margin-top: 8px;
+ font-size: 10px;
+}
+
+input[type=range] {
+ -webkit-appearance: none;
+}
+
+input[type=range]::-webkit-slider-runnable-track {
+ height: 3px;
+ background: #c2c0c2;
+ border: none;
+}
+
+input[type=range]::-webkit-slider-thumb {
+ border: none;
+ height: 14px;
+ width: 14px;
+ border-radius: 50%;
+ background: #26a69a;
+ -webkit-transition: -webkit-box-shadow .3s;
+ transition: -webkit-box-shadow .3s;
+ transition: box-shadow .3s;
+ transition: box-shadow .3s, -webkit-box-shadow .3s;
+ -webkit-appearance: none;
+ background-color: #26a69a;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ margin: -5px 0 0 0;
+}
+
+.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
+ -webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
+ box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
+}
+
+input[type=range] {
+ /* fix for FF unable to apply focus style bug */
+ border: 1px solid white;
+ /*required for proper track sizing in FF*/
+}
+
+input[type=range]::-moz-range-track {
+ height: 3px;
+ background: #c2c0c2;
+ border: none;
+}
+
+input[type=range]::-moz-focus-inner {
+ border: 0;
+}
+
+input[type=range]::-moz-range-thumb {
+ border: none;
+ height: 14px;
+ width: 14px;
+ border-radius: 50%;
+ background: #26a69a;
+ -webkit-transition: -webkit-box-shadow .3s;
+ transition: -webkit-box-shadow .3s;
+ transition: box-shadow .3s;
+ transition: box-shadow .3s, -webkit-box-shadow .3s;
+ margin-top: -5px;
+}
+
+input[type=range]:-moz-focusring {
+ outline: 1px solid #fff;
+ outline-offset: -1px;
+}
+
+.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
+ box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
+}
+
+input[type=range]::-ms-track {
+ height: 3px;
+ background: transparent;
+ border-color: transparent;
+ border-width: 6px 0;
+ /*remove default tick marks*/
+ color: transparent;
+}
+
+input[type=range]::-ms-fill-lower {
+ background: #777;
+}
+
+input[type=range]::-ms-fill-upper {
+ background: #ddd;
+}
+
+input[type=range]::-ms-thumb {
+ border: none;
+ height: 14px;
+ width: 14px;
+ border-radius: 50%;
+ background: #26a69a;
+ -webkit-transition: -webkit-box-shadow .3s;
+ transition: -webkit-box-shadow .3s;
+ transition: box-shadow .3s;
+ transition: box-shadow .3s, -webkit-box-shadow .3s;
+}
+
+.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
+ box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
+}
+
+/***************
+ Nav List
+***************/
+.table-of-contents.fixed {
+ position: fixed;
+}
+
+.table-of-contents li {
+ padding: 2px 0;
+}
+
+.table-of-contents a {
+ display: inline-block;
+ font-weight: 300;
+ color: #757575;
+ padding-left: 16px;
+ height: 1.5rem;
+ line-height: 1.5rem;
+ letter-spacing: .4;
+ display: inline-block;
+}
+
+.table-of-contents a:hover {
+ color: #a8a8a8;
+ padding-left: 15px;
+ border-left: 1px solid #ee6e73;
+}
+
+.table-of-contents a.active {
+ font-weight: 500;
+ padding-left: 14px;
+ border-left: 2px solid #ee6e73;
+}
+
+.sidenav {
+ position: fixed;
+ width: 300px;
+ left: 0;
+ top: 0;
+ margin: 0;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ height: 100%;
+ height: calc(100% + 60px);
+ height: -moz-calc(100%);
+ padding-bottom: 60px;
+ background-color: #fff;
+ z-index: 999;
+ overflow-y: auto;
+ will-change: transform;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateX(-105%);
+ transform: translateX(-105%);
+}
+
+.sidenav.right-aligned {
+ right: 0;
+ -webkit-transform: translateX(105%);
+ transform: translateX(105%);
+ left: auto;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+
+.sidenav .collapsible {
+ margin: 0;
+}
+
+.sidenav li {
+ float: none;
+ line-height: 48px;
+}
+
+.sidenav li.active {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+
+.sidenav li > a {
+ color: rgba(0, 0, 0, 0.87);
+ display: block;
+ font-size: 14px;
+ font-weight: 500;
+ height: 48px;
+ line-height: 48px;
+ padding: 0 32px;
+}
+
+.sidenav li > a:hover {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+
+.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
+ margin: 10px 15px;
+}
+
+.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
+ color: #fff;
+}
+
+.sidenav li > a.btn-flat {
+ color: #343434;
+}
+
+.sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
+ background-color: #2bbbad;
+}
+
+.sidenav li > a.btn-floating:hover {
+ background-color: #26a69a;
+}
+
+.sidenav li > a > i,
+.sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
+.sidenav li > a > i.material-icons {
+ float: left;
+ height: 48px;
+ line-height: 48px;
+ margin: 0 32px 0 0;
+ width: 24px;
+ color: rgba(0, 0, 0, 0.54);
+}
+
+.sidenav .divider {
+ margin: 8px 0 0 0;
+}
+
+.sidenav .subheader {
+ cursor: initial;
+ pointer-events: none;
+ color: rgba(0, 0, 0, 0.54);
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 48px;
+}
+
+.sidenav .subheader:hover {
+ background-color: transparent;
+}
+
+.sidenav .user-view {
+ position: relative;
+ padding: 32px 32px 0;
+ margin-bottom: 8px;
+}
+
+.sidenav .user-view > a {
+ height: auto;
+ padding: 0;
+}
+
+.sidenav .user-view > a:hover {
+ background-color: transparent;
+}
+
+.sidenav .user-view .background {
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: -1;
+}
+
+.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
+ display: block;
+}
+
+.sidenav .user-view .circle {
+ height: 64px;
+ width: 64px;
+}
+
+.sidenav .user-view .name,
+.sidenav .user-view .email {
+ font-size: 14px;
+ line-height: 24px;
+}
+
+.sidenav .user-view .name {
+ margin-top: 16px;
+ font-weight: 500;
+}
+
+.sidenav .user-view .email {
+ padding-bottom: 16px;
+ font-weight: 400;
+}
+
+.drag-target {
+ height: 100%;
+ width: 10px;
+ position: fixed;
+ top: 0;
+ z-index: 998;
+}
+
+.drag-target.right-aligned {
+ right: 0;
+}
+
+.sidenav.sidenav-fixed {
+ left: 0;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ position: fixed;
+}
+
+.sidenav.sidenav-fixed.right-aligned {
+ right: 0;
+ left: auto;
+}
+
+@media only screen and (max-width: 992px) {
+ .sidenav.sidenav-fixed {
+ -webkit-transform: translateX(-105%);
+ transform: translateX(-105%);
+ }
+ .sidenav.sidenav-fixed.right-aligned {
+ -webkit-transform: translateX(105%);
+ transform: translateX(105%);
+ }
+ .sidenav > a {
+ padding: 0 16px;
+ }
+ .sidenav .user-view {
+ padding: 16px 16px 0;
+ }
+}
+
+.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
+.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
+ background-color: #ee6e73;
+}
+
+.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
+.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
+ color: #fff;
+}
+
+.sidenav .collapsible-body {
+ padding: 0;
+}
+
+.sidenav-overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ opacity: 0;
+ height: 120vh;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 997;
+ display: none;
+}
+
+/*
+ @license
+ Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+ This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+ The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+ The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+ Code distributed by Google as part of the polymer project is also
+ subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+ */
+/**************************/
+/* STYLES FOR THE SPINNER */
+/**************************/
+/*
+ * Constants:
+ * STROKEWIDTH = 3px
+ * ARCSIZE = 270 degrees (amount of circle the arc takes up)
+ * ARCTIME = 1333ms (time it takes to expand and contract arc)
+ * ARCSTARTROT = 216 degrees (how much the start location of the arc
+ * should rotate each time, 216 gives us a
+ * 5 pointed star shape (it's 360/5 * 3).
+ * For a 7 pointed star, we might do
+ * 360/7 * 3 = 154.286)
+ * CONTAINERWIDTH = 28px
+ * SHRINK_TIME = 400ms
+ */
+.preloader-wrapper {
+ display: inline-block;
+ position: relative;
+ width: 50px;
+ height: 50px;
+}
+
+.preloader-wrapper.small {
+ width: 36px;
+ height: 36px;
+}
+
+.preloader-wrapper.big {
+ width: 64px;
+ height: 64px;
+}
+
+.preloader-wrapper.active {
+ /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
+ -webkit-animation: container-rotate 1568ms linear infinite;
+ animation: container-rotate 1568ms linear infinite;
+}
+
+@-webkit-keyframes container-rotate {
+ to {
+ -webkit-transform: rotate(360deg);
+ }
+}
+
+@keyframes container-rotate {
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+.spinner-layer {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ border-color: #26a69a;
+}
+
+.spinner-blue,
+.spinner-blue-only {
+ border-color: #4285f4;
+}
+
+.spinner-red,
+.spinner-red-only {
+ border-color: #db4437;
+}
+
+.spinner-yellow,
+.spinner-yellow-only {
+ border-color: #f4b400;
+}
+
+.spinner-green,
+.spinner-green-only {
+ border-color: #0f9d58;
+}
+
+/**
+ * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
+ *
+ * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
+ * guarantee that the animation will start _exactly_ after that value. So we avoid using
+ * animation-delay and instead set custom keyframes for each color (as redundant as it
+ * seems).
+ *
+ * We write out each animation in full (instead of separating animation-name,
+ * animation-duration, etc.) because under the polyfill, Safari does not recognize those
+ * specific properties properly, treats them as -webkit-animation, and overrides the
+ * other animation rules. See https://github.com/Polymer/platform/issues/53.
+ */
+.active .spinner-layer.spinner-blue {
+ /* durations: 4 * ARCTIME */
+ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+}
+
+.active .spinner-layer.spinner-red {
+ /* durations: 4 * ARCTIME */
+ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+}
+
+.active .spinner-layer.spinner-yellow {
+ /* durations: 4 * ARCTIME */
+ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+}
+
+.active .spinner-layer.spinner-green {
+ /* durations: 4 * ARCTIME */
+ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+}
+
+.active .spinner-layer,
+.active .spinner-layer.spinner-blue-only,
+.active .spinner-layer.spinner-red-only,
+.active .spinner-layer.spinner-yellow-only,
+.active .spinner-layer.spinner-green-only {
+ /* durations: 4 * ARCTIME */
+ opacity: 1;
+ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+}
+
+@-webkit-keyframes fill-unfill-rotate {
+ 12.5% {
+ -webkit-transform: rotate(135deg);
+ }
+ /* 0.5 * ARCSIZE */
+ 25% {
+ -webkit-transform: rotate(270deg);
+ }
+ /* 1 * ARCSIZE */
+ 37.5% {
+ -webkit-transform: rotate(405deg);
+ }
+ /* 1.5 * ARCSIZE */
+ 50% {
+ -webkit-transform: rotate(540deg);
+ }
+ /* 2 * ARCSIZE */
+ 62.5% {
+ -webkit-transform: rotate(675deg);
+ }
+ /* 2.5 * ARCSIZE */
+ 75% {
+ -webkit-transform: rotate(810deg);
+ }
+ /* 3 * ARCSIZE */
+ 87.5% {
+ -webkit-transform: rotate(945deg);
+ }
+ /* 3.5 * ARCSIZE */
+ to {
+ -webkit-transform: rotate(1080deg);
+ }
+ /* 4 * ARCSIZE */
+}
+
+@keyframes fill-unfill-rotate {
+ 12.5% {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ }
+ /* 0.5 * ARCSIZE */
+ 25% {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+ }
+ /* 1 * ARCSIZE */
+ 37.5% {
+ -webkit-transform: rotate(405deg);
+ transform: rotate(405deg);
+ }
+ /* 1.5 * ARCSIZE */
+ 50% {
+ -webkit-transform: rotate(540deg);
+ transform: rotate(540deg);
+ }
+ /* 2 * ARCSIZE */
+ 62.5% {
+ -webkit-transform: rotate(675deg);
+ transform: rotate(675deg);
+ }
+ /* 2.5 * ARCSIZE */
+ 75% {
+ -webkit-transform: rotate(810deg);
+ transform: rotate(810deg);
+ }
+ /* 3 * ARCSIZE */
+ 87.5% {
+ -webkit-transform: rotate(945deg);
+ transform: rotate(945deg);
+ }
+ /* 3.5 * ARCSIZE */
+ to {
+ -webkit-transform: rotate(1080deg);
+ transform: rotate(1080deg);
+ }
+ /* 4 * ARCSIZE */
+}
+
+@-webkit-keyframes blue-fade-in-out {
+ from {
+ opacity: 1;
+ }
+ 25% {
+ opacity: 1;
+ }
+ 26% {
+ opacity: 0;
+ }
+ 89% {
+ opacity: 0;
+ }
+ 90% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes blue-fade-in-out {
+ from {
+ opacity: 1;
+ }
+ 25% {
+ opacity: 1;
+ }
+ 26% {
+ opacity: 0;
+ }
+ 89% {
+ opacity: 0;
+ }
+ 90% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes red-fade-in-out {
+ from {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 0;
+ }
+ 25% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 51% {
+ opacity: 0;
+ }
+}
+
+@keyframes red-fade-in-out {
+ from {
+ opacity: 0;
+ }
+ 15% {
+ opacity: 0;
+ }
+ 25% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 51% {
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes yellow-fade-in-out {
+ from {
+ opacity: 0;
+ }
+ 40% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 75% {
+ opacity: 1;
+ }
+ 76% {
+ opacity: 0;
+ }
+}
+
+@keyframes yellow-fade-in-out {
+ from {
+ opacity: 0;
+ }
+ 40% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 75% {
+ opacity: 1;
+ }
+ 76% {
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes green-fade-in-out {
+ from {
+ opacity: 0;
+ }
+ 65% {
+ opacity: 0;
+ }
+ 75% {
+ opacity: 1;
+ }
+ 90% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+
+@keyframes green-fade-in-out {
+ from {
+ opacity: 0;
+ }
+ 65% {
+ opacity: 0;
+ }
+ 75% {
+ opacity: 1;
+ }
+ 90% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+
+/**
+ * Patch the gap that appear between the two adjacent div.circle-clipper while the
+ * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
+ */
+.gap-patch {
+ position: absolute;
+ top: 0;
+ left: 45%;
+ width: 10%;
+ height: 100%;
+ overflow: hidden;
+ border-color: inherit;
+}
+
+.gap-patch .circle {
+ width: 1000%;
+ left: -450%;
+}
+
+.circle-clipper {
+ display: inline-block;
+ position: relative;
+ width: 50%;
+ height: 100%;
+ overflow: hidden;
+ border-color: inherit;
+}
+
+.circle-clipper .circle {
+ width: 200%;
+ height: 100%;
+ border-width: 3px;
+ /* STROKEWIDTH */
+ border-style: solid;
+ border-color: inherit;
+ border-bottom-color: transparent !important;
+ border-radius: 50%;
+ -webkit-animation: none;
+ animation: none;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+}
+
+.circle-clipper.left .circle {
+ left: 0;
+ border-right-color: transparent !important;
+ -webkit-transform: rotate(129deg);
+ transform: rotate(129deg);
+}
+
+.circle-clipper.right .circle {
+ left: -100%;
+ border-left-color: transparent !important;
+ -webkit-transform: rotate(-129deg);
+ transform: rotate(-129deg);
+}
+
+.active .circle-clipper.left .circle {
+ /* duration: ARCTIME */
+ -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+}
+
+.active .circle-clipper.right .circle {
+ /* duration: ARCTIME */
+ -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+}
+
+@-webkit-keyframes left-spin {
+ from {
+ -webkit-transform: rotate(130deg);
+ }
+ 50% {
+ -webkit-transform: rotate(-5deg);
+ }
+ to {
+ -webkit-transform: rotate(130deg);
+ }
+}
+
+@keyframes left-spin {
+ from {
+ -webkit-transform: rotate(130deg);
+ transform: rotate(130deg);
+ }
+ 50% {
+ -webkit-transform: rotate(-5deg);
+ transform: rotate(-5deg);
+ }
+ to {
+ -webkit-transform: rotate(130deg);
+ transform: rotate(130deg);
+ }
+}
+
+@-webkit-keyframes right-spin {
+ from {
+ -webkit-transform: rotate(-130deg);
+ }
+ 50% {
+ -webkit-transform: rotate(5deg);
+ }
+ to {
+ -webkit-transform: rotate(-130deg);
+ }
+}
+
+@keyframes right-spin {
+ from {
+ -webkit-transform: rotate(-130deg);
+ transform: rotate(-130deg);
+ }
+ 50% {
+ -webkit-transform: rotate(5deg);
+ transform: rotate(5deg);
+ }
+ to {
+ -webkit-transform: rotate(-130deg);
+ transform: rotate(-130deg);
+ }
+}
+
+#spinnerContainer.cooldown {
+ /* duration: SHRINK_TIME */
+ -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
+ animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+@-webkit-keyframes fade-out {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+
+@keyframes fade-out {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+
+.slider {
+ position: relative;
+ height: 400px;
+ width: 100%;
+}
+
+.slider.fullscreen {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+
+.slider.fullscreen ul.slides {
+ height: 100%;
+}
+
+.slider.fullscreen ul.indicators {
+ z-index: 2;
+ bottom: 30px;
+}
+
+.slider .slides {
+ background-color: #9e9e9e;
+ margin: 0;
+ height: 400px;
+}
+
+.slider .slides li {
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1;
+ width: 100%;
+ height: inherit;
+ overflow: hidden;
+}
+
+.slider .slides li img {
+ height: 100%;
+ width: 100%;
+ background-size: cover;
+ background-position: center;
+}
+
+.slider .slides li .caption {
+ color: #fff;
+ position: absolute;
+ top: 15%;
+ left: 15%;
+ width: 70%;
+ opacity: 0;
+}
+
+.slider .slides li .caption p {
+ color: #e0e0e0;
+}
+
+.slider .slides li.active {
+ z-index: 2;
+}
+
+.slider .indicators {
+ position: absolute;
+ text-align: center;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0;
+}
+
+.slider .indicators .indicator-item {
+ display: inline-block;
+ position: relative;
+ cursor: pointer;
+ height: 16px;
+ width: 16px;
+ margin: 0 12px;
+ background-color: #e0e0e0;
+ -webkit-transition: background-color .3s;
+ transition: background-color .3s;
+ border-radius: 50%;
+}
+
+.slider .indicators .indicator-item.active {
+ background-color: #4CAF50;
+}
+
+.carousel {
+ overflow: hidden;
+ position: relative;
+ width: 100%;
+ height: 400px;
+ -webkit-perspective: 500px;
+ perspective: 500px;
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ -webkit-transform-origin: 0% 50%;
+ transform-origin: 0% 50%;
+}
+
+.carousel.carousel-slider {
+ top: 0;
+ left: 0;
+}
+
+.carousel.carousel-slider .carousel-fixed-item {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 20px;
+ z-index: 1;
+}
+
+.carousel.carousel-slider .carousel-fixed-item.with-indicators {
+ bottom: 68px;
+}
+
+.carousel.carousel-slider .carousel-item {
+ width: 100%;
+ height: 100%;
+ min-height: 400px;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.carousel.carousel-slider .carousel-item h2 {
+ font-size: 24px;
+ font-weight: 500;
+ line-height: 32px;
+}
+
+.carousel.carousel-slider .carousel-item p {
+ font-size: 15px;
+}
+
+.carousel .carousel-item {
+ visibility: hidden;
+ width: 200px;
+ height: 200px;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.carousel .carousel-item > img {
+ width: 100%;
+}
+
+.carousel .indicators {
+ position: absolute;
+ text-align: center;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0;
+}
+
+.carousel .indicators .indicator-item {
+ display: inline-block;
+ position: relative;
+ cursor: pointer;
+ height: 8px;
+ width: 8px;
+ margin: 24px 4px;
+ background-color: rgba(255, 255, 255, 0.5);
+ -webkit-transition: background-color .3s;
+ transition: background-color .3s;
+ border-radius: 50%;
+}
+
+.carousel .indicators .indicator-item.active {
+ background-color: #fff;
+}
+
+.carousel.scrolling .carousel-item .materialboxed,
+.carousel .carousel-item:not(.active) .materialboxed {
+ pointer-events: none;
+}
+
+.tap-target-wrapper {
+ width: 800px;
+ height: 800px;
+ position: fixed;
+ z-index: 1000;
+ visibility: hidden;
+ -webkit-transition: visibility 0s .3s;
+ transition: visibility 0s .3s;
+}
+
+.tap-target-wrapper.open {
+ visibility: visible;
+ -webkit-transition: visibility 0s;
+ transition: visibility 0s;
+}
+
+.tap-target-wrapper.open .tap-target {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: .95;
+ -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+}
+
+.tap-target-wrapper.open .tap-target-wave::before {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+
+.tap-target-wrapper.open .tap-target-wave::after {
+ visibility: visible;
+ -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+ animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+ -webkit-transition: opacity .3s,
visibility 0s 1s,
-webkit-transform .3s;
+ transition: opacity .3s,
visibility 0s 1s,
-webkit-transform .3s;
+ transition: opacity .3s,
transform .3s,
visibility 0s 1s;
+ transition: opacity .3s,
transform .3s,
visibility 0s 1s,
-webkit-transform .3s;
+}
+
+.tap-target {
+ position: absolute;
+ font-size: 1rem;
+ border-radius: 50%;
+ background-color: #ee6e73;
+ -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+}
+
+.tap-target-content {
+ position: relative;
+ display: table-cell;
+}
+
+.tap-target-wave {
+ position: absolute;
+ border-radius: 50%;
+ z-index: 10001;
+}
+
+.tap-target-wave::before, .tap-target-wave::after {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ background-color: #ffffff;
+}
+
+.tap-target-wave::before {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ -webkit-transition: -webkit-transform .3s;
+ transition: -webkit-transform .3s;
+ transition: transform .3s;
+ transition: transform .3s, -webkit-transform .3s;
+}
+
+.tap-target-wave::after {
+ visibility: hidden;
+ -webkit-transition: opacity .3s,
visibility 0s,
-webkit-transform .3s;
+ transition: opacity .3s,
visibility 0s,
-webkit-transform .3s;
+ transition: opacity .3s,
transform .3s,
visibility 0s;
+ transition: opacity .3s,
transform .3s,
visibility 0s,
-webkit-transform .3s;
+ z-index: -1;
+}
+
+.tap-target-origin {
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ z-index: 10002;
+ position: absolute !important;
+}
+
+.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
+ background: none;
+}
+
+@media only screen and (max-width: 600px) {
+ .tap-target, .tap-target-wrapper {
+ width: 600px;
+ height: 600px;
+ }
+}
+
+.pulse {
+ overflow: visible;
+ position: relative;
+}
+
+.pulse::before {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: inherit;
+ border-radius: inherit;
+ -webkit-transition: opacity .3s, -webkit-transform .3s;
+ transition: opacity .3s, -webkit-transform .3s;
+ transition: opacity .3s, transform .3s;
+ transition: opacity .3s, transform .3s, -webkit-transform .3s;
+ -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+ animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+ z-index: -1;
+}
+
+@-webkit-keyframes pulse-animation {
+ 0% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+}
+
+@keyframes pulse-animation {
+ 0% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+}
+
+/* Modal */
+.datepicker-modal {
+ max-width: 325px;
+ min-width: 300px;
+ max-height: none;
+}
+
+.datepicker-container.modal-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding: 0;
+}
+
+.datepicker-controls {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ width: 280px;
+ margin: 0 auto;
+}
+
+.datepicker-controls .selects-container {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.datepicker-controls .select-wrapper input {
+ border-bottom: none;
+ text-align: center;
+ margin: 0;
+}
+
+.datepicker-controls .select-wrapper input:focus {
+ border-bottom: none;
+}
+
+.datepicker-controls .select-wrapper .caret {
+ display: none;
+}
+
+.datepicker-controls .select-year input {
+ width: 50px;
+}
+
+.datepicker-controls .select-month input {
+ width: 70px;
+}
+
+.month-prev, .month-next {
+ margin-top: 4px;
+ cursor: pointer;
+ background-color: transparent;
+ border: none;
+}
+
+/* Date Display */
+.datepicker-date-display {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 auto;
+ -ms-flex: 1 auto;
+ flex: 1 auto;
+ background-color: #26a69a;
+ color: #fff;
+ padding: 20px 22px;
+ font-weight: 500;
+}
+
+.datepicker-date-display .year-text {
+ display: block;
+ font-size: 1.5rem;
+ line-height: 25px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.datepicker-date-display .date-text {
+ display: block;
+ font-size: 2.8rem;
+ line-height: 47px;
+ font-weight: 500;
+}
+
+/* Calendar */
+.datepicker-calendar-container {
+ -webkit-box-flex: 2.5;
+ -webkit-flex: 2.5 auto;
+ -ms-flex: 2.5 auto;
+ flex: 2.5 auto;
+}
+
+.datepicker-table {
+ width: 280px;
+ font-size: 1rem;
+ margin: 0 auto;
+}
+
+.datepicker-table thead {
+ border-bottom: none;
+}
+
+.datepicker-table th {
+ padding: 10px 5px;
+ text-align: center;
+}
+
+.datepicker-table tr {
+ border: none;
+}
+
+.datepicker-table abbr {
+ text-decoration: none;
+ color: #999;
+}
+
+.datepicker-table td {
+ border-radius: 50%;
+ padding: 0;
+}
+
+.datepicker-table td.is-today {
+ color: #26a69a;
+}
+
+.datepicker-table td.is-selected {
+ background-color: #26a69a;
+ color: #fff;
+}
+
+.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
+ color: rgba(0, 0, 0, 0.3);
+ pointer-events: none;
+}
+
+.datepicker-day-button {
+ background-color: transparent;
+ border: none;
+ line-height: 38px;
+ display: block;
+ width: 100%;
+ border-radius: 50%;
+ padding: 0 5px;
+ cursor: pointer;
+ color: inherit;
+}
+
+.datepicker-day-button:focus {
+ background-color: rgba(43, 161, 150, 0.25);
+}
+
+/* Footer */
+.datepicker-footer {
+ width: 280px;
+ margin: 0 auto;
+ padding-bottom: 5px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.datepicker-cancel,
+.datepicker-clear,
+.datepicker-today,
+.datepicker-done {
+ color: #26a69a;
+ padding: 0 1rem;
+}
+
+.datepicker-clear {
+ color: #F44336;
+}
+
+/* Media Queries */
+@media only screen and (min-width: 601px) {
+ .datepicker-modal {
+ max-width: 625px;
+ }
+ .datepicker-container.modal-content {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .datepicker-date-display {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 1 270px;
+ -ms-flex: 0 1 270px;
+ flex: 0 1 270px;
+ }
+ .datepicker-controls,
+ .datepicker-table,
+ .datepicker-footer {
+ width: 320px;
+ }
+ .datepicker-day-button {
+ line-height: 44px;
+ }
+}
+
+/* Timepicker Containers */
+.timepicker-modal {
+ max-width: 325px;
+ max-height: none;
+}
+
+.timepicker-container.modal-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding: 0;
+}
+
+.text-primary {
+ color: white;
+}
+
+/* Clock Digital Display */
+.timepicker-digital-display {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 auto;
+ -ms-flex: 1 auto;
+ flex: 1 auto;
+ background-color: #26a69a;
+ padding: 10px;
+ font-weight: 300;
+}
+
+.timepicker-text-container {
+ font-size: 4rem;
+ font-weight: bold;
+ text-align: center;
+ color: rgba(255, 255, 255, 0.6);
+ font-weight: 400;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.timepicker-span-hours,
+.timepicker-span-minutes,
+.timepicker-span-am-pm div {
+ cursor: pointer;
+}
+
+.timepicker-span-hours {
+ margin-right: 3px;
+}
+
+.timepicker-span-minutes {
+ margin-left: 3px;
+}
+
+.timepicker-display-am-pm {
+ font-size: 1.3rem;
+ position: absolute;
+ right: 1rem;
+ bottom: 1rem;
+ font-weight: 400;
+}
+
+/* Analog Clock Display */
+.timepicker-analog-display {
+ -webkit-box-flex: 2.5;
+ -webkit-flex: 2.5 auto;
+ -ms-flex: 2.5 auto;
+ flex: 2.5 auto;
+}
+
+.timepicker-plate {
+ background-color: #eee;
+ border-radius: 50%;
+ width: 270px;
+ height: 270px;
+ overflow: visible;
+ position: relative;
+ margin: auto;
+ margin-top: 25px;
+ margin-bottom: 5px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.timepicker-canvas,
+.timepicker-dial {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+}
+
+.timepicker-minutes {
+ visibility: hidden;
+}
+
+.timepicker-tick {
+ border-radius: 50%;
+ color: rgba(0, 0, 0, 0.87);
+ line-height: 40px;
+ text-align: center;
+ width: 40px;
+ height: 40px;
+ position: absolute;
+ cursor: pointer;
+ font-size: 15px;
+}
+
+.timepicker-tick.active,
+.timepicker-tick:hover {
+ background-color: rgba(38, 166, 154, 0.25);
+}
+
+.timepicker-dial {
+ -webkit-transition: opacity 350ms, -webkit-transform 350ms;
+ transition: opacity 350ms, -webkit-transform 350ms;
+ transition: transform 350ms, opacity 350ms;
+ transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
+}
+
+.timepicker-dial-out {
+ opacity: 0;
+}
+
+.timepicker-dial-out.timepicker-hours {
+ -webkit-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
+}
+
+.timepicker-dial-out.timepicker-minutes {
+ -webkit-transform: scale(0.8, 0.8);
+ transform: scale(0.8, 0.8);
+}
+
+.timepicker-canvas {
+ -webkit-transition: opacity 175ms;
+ transition: opacity 175ms;
+}
+
+.timepicker-canvas line {
+ stroke: #26a69a;
+ stroke-width: 4;
+ stroke-linecap: round;
+}
+
+.timepicker-canvas-out {
+ opacity: 0.25;
+}
+
+.timepicker-canvas-bearing {
+ stroke: none;
+ fill: #26a69a;
+}
+
+.timepicker-canvas-bg {
+ stroke: none;
+ fill: #26a69a;
+}
+
+/* Footer */
+.timepicker-footer {
+ margin: 0 auto;
+ padding: 5px 1rem;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.timepicker-clear {
+ color: #F44336;
+}
+
+.timepicker-close {
+ color: #26a69a;
+}
+
+.timepicker-clear,
+.timepicker-close {
+ padding: 0 20px;
+}
+
+/* Media Queries */
+@media only screen and (min-width: 601px) {
+ .timepicker-modal {
+ max-width: 600px;
+ }
+ .timepicker-container.modal-content {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .timepicker-text-container {
+ top: 32%;
+ }
+ .timepicker-display-am-pm {
+ position: relative;
+ right: auto;
+ bottom: auto;
+ text-align: center;
+ margin-top: 1.2rem;
+ }
+}
diff --git a/gracedb/static/css/materialize.min.css b/gracedb/static/css/materialize.min.css
new file mode 100644
index 000000000..74b1741b6
--- /dev/null
+++ b/gracedb/static/css/materialize.min.css
@@ -0,0 +1,13 @@
+/*!
+ * Materialize v1.0.0 (http://materializecss.com)
+ * Copyright 2014-2017 Materialize
+ * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
+ */
+.materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#F44336 !important}.red-text{color:#F44336 !important}.red.lighten-5{background-color:#FFEBEE !important}.red-text.text-lighten-5{color:#FFEBEE !important}.red.lighten-4{background-color:#FFCDD2 !important}.red-text.text-lighten-4{color:#FFCDD2 !important}.red.lighten-3{background-color:#EF9A9A !important}.red-text.text-lighten-3{color:#EF9A9A !important}.red.lighten-2{background-color:#E57373 !important}.red-text.text-lighten-2{color:#E57373 !important}.red.lighten-1{background-color:#EF5350 !important}.red-text.text-lighten-1{color:#EF5350 !important}.red.darken-1{background-color:#E53935 !important}.red-text.text-darken-1{color:#E53935 !important}.red.darken-2{background-color:#D32F2F !important}.red-text.text-darken-2{color:#D32F2F !important}.red.darken-3{background-color:#C62828 !important}.red-text.text-darken-3{color:#C62828 !important}.red.darken-4{background-color:#B71C1C !important}.red-text.text-darken-4{color:#B71C1C !important}.red.accent-1{background-color:#FF8A80 !important}.red-text.text-accent-1{color:#FF8A80 !important}.red.accent-2{background-color:#FF5252 !important}.red-text.text-accent-2{color:#FF5252 !important}.red.accent-3{background-color:#FF1744 !important}.red-text.text-accent-3{color:#FF1744 !important}.red.accent-4{background-color:#D50000 !important}.red-text.text-accent-4{color:#D50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196F3 !important}.blue-text{color:#2196F3 !important}.blue.lighten-5{background-color:#E3F2FD !important}.blue-text.text-lighten-5{color:#E3F2FD !important}.blue.lighten-4{background-color:#BBDEFB !important}.blue-text.text-lighten-4{color:#BBDEFB !important}.blue.lighten-3{background-color:#90CAF9 !important}.blue-text.text-lighten-3{color:#90CAF9 !important}.blue.lighten-2{background-color:#64B5F6 !important}.blue-text.text-lighten-2{color:#64B5F6 !important}.blue.lighten-1{background-color:#42A5F5 !important}.blue-text.text-lighten-1{color:#42A5F5 !important}.blue.darken-1{background-color:#1E88E5 !important}.blue-text.text-darken-1{color:#1E88E5 !important}.blue.darken-2{background-color:#1976D2 !important}.blue-text.text-darken-2{color:#1976D2 !important}.blue.darken-3{background-color:#1565C0 !important}.blue-text.text-darken-3{color:#1565C0 !important}.blue.darken-4{background-color:#0D47A1 !important}.blue-text.text-darken-4{color:#0D47A1 !important}.blue.accent-1{background-color:#82B1FF !important}.blue-text.text-accent-1{color:#82B1FF !important}.blue.accent-2{background-color:#448AFF !important}.blue-text.text-accent-2{color:#448AFF !important}.blue.accent-3{background-color:#2979FF !important}.blue-text.text-accent-3{color:#2979FF !important}.blue.accent-4{background-color:#2962FF !important}.blue-text.text-accent-4{color:#2962FF !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4CAF50 !important}.green-text{color:#4CAF50 !important}.green.lighten-5{background-color:#E8F5E9 !important}.green-text.text-lighten-5{color:#E8F5E9 !important}.green.lighten-4{background-color:#C8E6C9 !important}.green-text.text-lighten-4{color:#C8E6C9 !important}.green.lighten-3{background-color:#A5D6A7 !important}.green-text.text-lighten-3{color:#A5D6A7 !important}.green.lighten-2{background-color:#81C784 !important}.green-text.text-lighten-2{color:#81C784 !important}.green.lighten-1{background-color:#66BB6A !important}.green-text.text-lighten-1{color:#66BB6A !important}.green.darken-1{background-color:#43A047 !important}.green-text.text-darken-1{color:#43A047 !important}.green.darken-2{background-color:#388E3C !important}.green-text.text-darken-2{color:#388E3C !important}.green.darken-3{background-color:#2E7D32 !important}.green-text.text-darken-3{color:#2E7D32 !important}.green.darken-4{background-color:#1B5E20 !important}.green-text.text-darken-4{color:#1B5E20 !important}.green.accent-1{background-color:#B9F6CA !important}.green-text.text-accent-1{color:#B9F6CA !important}.green.accent-2{background-color:#69F0AE !important}.green-text.text-accent-2{color:#69F0AE !important}.green.accent-3{background-color:#00E676 !important}.green-text.text-accent-3{color:#00E676 !important}.green.accent-4{background-color:#00C853 !important}.green-text.text-accent-4{color:#00C853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:rgba(0,0,0,0) !important}.transparent-text{color:rgba(0,0,0,0) !important}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}button,input,optgroup,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}ul:not(.browser-default){padding-left:0;list-style-type:none}ul:not(.browser-default)>li{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}.valign-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.clearfix{clear:both}.z-depth-0{-webkit-box-shadow:none !important;box-shadow:none !important}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-small,.btn-floating,.dropdown-content,.collapsible,.sidenav{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.z-depth-1-half,.btn:hover,.btn-large:hover,.btn-small:hover,.btn-floating:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}.z-depth-3{-webkit-box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)}.z-depth-4{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2);box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2)}.z-depth-5,.modal{-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2)}.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s}.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.divider{height:1px;overflow:hidden;background-color:#e0e0e0}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #ee6e73}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}.pagination li a{color:#444;display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}.pagination li.active a{color:#fff}.pagination li.active{background-color:#ee6e73}.pagination li.disabled a{cursor:default;color:#999}.pagination li i{font-size:2rem}.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width: 992px){.pagination{width:100%}.pagination li.prev,.pagination li.next{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}.breadcrumb{font-size:18px;color:rgba(255,255,255,0.7)}.breadcrumb i,.breadcrumb [class^="mdi-"],.breadcrumb [class*="mdi-"],.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}.breadcrumb:before{content:'\E5CC';color:rgba(255,255,255,0.7);vertical-align:top;display:inline-block;font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:#fff}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pin-top,.pin-bottom{position:relative}.pinned{position:fixed !important}ul.staggered-list li{opacity:0}.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}@media only screen and (max-width: 600px){.hide-on-small-only,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width: 992px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width: 601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.hide-on-med-only{display:none !important}}@media only screen and (min-width: 993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width: 1201px){.hide-on-extra-large-only{display:none !important}}@media only screen and (min-width: 1201px){.show-on-extra-large{display:block !important}}@media only screen and (min-width: 993px){.show-on-large{display:block !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.show-on-medium{display:block !important}}@media only screen and (max-width: 600px){.show-on-small{display:block !important}}@media only screen and (min-width: 601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width: 992px){.show-on-medium-and-down{display:block !important}}@media only screen and (max-width: 600px){.center-on-small-only{text-align:center}}.page-footer{padding-top:20px;color:#fff;background-color:#ee6e73}.page-footer .footer-copyright{overflow:hidden;min-height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0px;color:rgba(255,255,255,0.8);background-color:rgba(51,51,51,0.08)}table,th,td{border:none}table{width:100%;display:table;border-collapse:collapse;border-spacing:0}table.striped tr{border-bottom:none}table.striped>tbody>tr:nth-child(odd){background-color:rgba(242,242,242,0.5)}table.striped>tbody>tr>td{border-radius:0}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:rgba(242,242,242,0.5)}table.centered thead tr th,table.centered tbody tr td{text-align:center}tr{border-bottom:1px solid rgba(0,0,0,0.12)}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px}@media only screen and (max-width: 992px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td:empty:before{content:'\00a0'}table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}table.responsive-table th{text-align:left}table.responsive-table thead{display:block;float:left}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:"\00a0"}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{border-bottom:none;padding:0 10px}table.responsive-table thead{border:0;border-right:1px solid rgba(0,0,0,0.12)}}.collection{margin:.5rem 0 1rem 0;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:#26a69a;color:#eafaf9}.collection .collection-item.active .secondary-content{color:#fff}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:#26a69a}.collection a.collection-item:not(.active):hover{background-color:#ddd}.collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:#26a69a}.collapsible .collection{margin:0;border:none}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.progress{position:relative;height:4px;display:block;width:100%;background-color:#acece6;border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#26a69a;-webkit-transition:width .3s linear;transition:width .3s linear}.progress .indeterminate{background-color:#26a69a}.progress .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.hide{display:none !important}.left-align{text-align:left}.right-align{text-align:right}.center,.center-align{text-align:center}.left{float:left !important}.right{float:right !important}.no-select,input[type=range],input[type=range]+.thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle{border-radius:50%}.center-block{display:block;margin-left:auto;margin-right:auto}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-padding{padding:0 !important}span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:#757575;float:right;-webkit-box-sizing:border-box;box-sizing:border-box}span.badge.new{font-weight:300;font-size:0.8rem;color:#fff;background-color:#26a69a;border-radius:2px}span.badge.new:after{content:" new"}span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}.collection-item span.badge{margin-top:calc(.75rem - 11px)}.collapsible span.badge{margin-left:auto}.sidenav span.badge{margin-top:calc(24px - 11px)}table span.badge{display:inline-block;float:none;margin-left:auto}.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga';font-feature-settings:'liga'}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width: 601px){.container{width:85%}}@media only screen and (min-width: 993px){.container{width:70%}}.col .row{margin-left:-.75rem;margin-right:-.75rem}.section{padding-top:1rem;padding-bottom:1rem}.section.no-pad{padding:0}.section.no-pad-bot{padding-bottom:0}.section.no-pad-top{padding-top:0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col[class*="push-"],.row .col[class*="pull-"]{position:relative}.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width: 601px){.row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width: 993px){.row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}}@media only screen and (min-width: 1201px){.row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-xl1{margin-left:8.3333333333%}.row .col.pull-xl1{right:8.3333333333%}.row .col.push-xl1{left:8.3333333333%}.row .col.offset-xl2{margin-left:16.6666666667%}.row .col.pull-xl2{right:16.6666666667%}.row .col.push-xl2{left:16.6666666667%}.row .col.offset-xl3{margin-left:25%}.row .col.pull-xl3{right:25%}.row .col.push-xl3{left:25%}.row .col.offset-xl4{margin-left:33.3333333333%}.row .col.pull-xl4{right:33.3333333333%}.row .col.push-xl4{left:33.3333333333%}.row .col.offset-xl5{margin-left:41.6666666667%}.row .col.pull-xl5{right:41.6666666667%}.row .col.push-xl5{left:41.6666666667%}.row .col.offset-xl6{margin-left:50%}.row .col.pull-xl6{right:50%}.row .col.push-xl6{left:50%}.row .col.offset-xl7{margin-left:58.3333333333%}.row .col.pull-xl7{right:58.3333333333%}.row .col.push-xl7{left:58.3333333333%}.row .col.offset-xl8{margin-left:66.6666666667%}.row .col.pull-xl8{right:66.6666666667%}.row .col.push-xl8{left:66.6666666667%}.row .col.offset-xl9{margin-left:75%}.row .col.pull-xl9{right:75%}.row .col.push-xl9{left:75%}.row .col.offset-xl10{margin-left:83.3333333333%}.row .col.pull-xl10{right:83.3333333333%}.row .col.push-xl10{left:83.3333333333%}.row .col.offset-xl11{margin-left:91.6666666667%}.row .col.pull-xl11{right:91.6666666667%}.row .col.push-xl11{left:91.6666666667%}.row .col.offset-xl12{margin-left:100%}.row .col.pull-xl12{right:100%}.row .col.push-xl12{left:100%}}nav{color:#fff;background-color:#ee6e73;width:100%;height:56px;line-height:56px}nav.nav-extended{height:auto}nav.nav-extended .nav-wrapper{min-height:56px;height:auto}nav.nav-extended .nav-content{position:relative;line-height:normal}nav a{color:#fff}nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons{display:block;font-size:24px;height:56px;line-height:56px}nav .nav-wrapper{position:relative;height:100%}@media only screen and (min-width: 993px){nav a.sidenav-trigger{display:none}}nav .sidenav-trigger{float:left;position:relative;z-index:1;height:56px;margin:0 18px}nav .sidenav-trigger i{height:56px;line-height:56px}nav .brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;padding:0}nav .brand-logo.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 992px){nav .brand-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav .brand-logo.left,nav .brand-logo.right{padding:0;-webkit-transform:none;transform:none}nav .brand-logo.left{left:0.5rem}nav .brand-logo.right{right:0.5rem;left:auto}}nav .brand-logo.right{right:0.5rem;padding:0}nav .brand-logo i,nav .brand-logo [class^="mdi-"],nav .brand-logo [class*="mdi-"],nav .brand-logo i.material-icons{float:left;margin-right:15px}nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}nav ul{margin:0}nav ul li{-webkit-transition:background-color .3s;transition:background-color .3s;float:left;padding:0}nav ul li.active{background-color:rgba(0,0,0,0.1)}nav ul a{-webkit-transition:background-color .3s;transition:background-color .3s;font-size:1rem;color:#fff;display:block;padding:0 15px;cursor:pointer}nav ul a.btn,nav ul a.btn-large,nav ul a.btn-small,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px}nav ul a.btn>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-small>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons{height:inherit;line-height:inherit}nav ul a:hover{background-color:rgba(0,0,0,0.1)}nav ul.left{float:left}nav form{height:100%}nav .input-field{margin:0;height:100%}nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid{border:none;-webkit-box-shadow:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:rgba(255,255,255,0.7);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:#fff}.navbar-fixed{position:relative;height:56px;z-index:997}.navbar-fixed nav{position:fixed}@media only screen and (min-width: 601px){nav.nav-extended .nav-wrapper{min-height:64px}nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i{height:64px;line-height:64px}.navbar-fixed{height:64px}}a{text-decoration:none}html{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:normal;color:rgba(0,0,0,0.87)}@media only screen and (min-width: 0){html{font-size:14px}}@media only screen and (min-width: 992px){html{font-size:14.5px}}@media only screen and (min-width: 1200px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4.2rem;line-height:110%;margin:2.8rem 0 1.68rem 0}h2{font-size:3.56rem;line-height:110%;margin:2.3733333333rem 0 1.424rem 0}h3{font-size:2.92rem;line-height:110%;margin:1.9466666667rem 0 1.168rem 0}h4{font-size:2.28rem;line-height:110%;margin:1.52rem 0 .912rem 0}h5{font-size:1.64rem;line-height:110%;margin:1.0933333333rem 0 .656rem 0}h6{font-size:1.15rem;line-height:110%;margin:.7666666667rem 0 .46rem 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light{font-weight:300}.thin{font-weight:200}@media only screen and (min-width: 360px){.flow-text{font-size:1.2rem}}@media only screen and (min-width: 390px){.flow-text{font-size:1.224rem}}@media only screen and (min-width: 420px){.flow-text{font-size:1.248rem}}@media only screen and (min-width: 450px){.flow-text{font-size:1.272rem}}@media only screen and (min-width: 480px){.flow-text{font-size:1.296rem}}@media only screen and (min-width: 510px){.flow-text{font-size:1.32rem}}@media only screen and (min-width: 540px){.flow-text{font-size:1.344rem}}@media only screen and (min-width: 570px){.flow-text{font-size:1.368rem}}@media only screen and (min-width: 600px){.flow-text{font-size:1.392rem}}@media only screen and (min-width: 630px){.flow-text{font-size:1.416rem}}@media only screen and (min-width: 660px){.flow-text{font-size:1.44rem}}@media only screen and (min-width: 690px){.flow-text{font-size:1.464rem}}@media only screen and (min-width: 720px){.flow-text{font-size:1.488rem}}@media only screen and (min-width: 750px){.flow-text{font-size:1.512rem}}@media only screen and (min-width: 780px){.flow-text{font-size:1.536rem}}@media only screen and (min-width: 810px){.flow-text{font-size:1.56rem}}@media only screen and (min-width: 840px){.flow-text{font-size:1.584rem}}@media only screen and (min-width: 870px){.flow-text{font-size:1.608rem}}@media only screen and (min-width: 900px){.flow-text{font-size:1.632rem}}@media only screen and (min-width: 930px){.flow-text{font-size:1.656rem}}@media only screen and (min-width: 960px){.flow-text{font-size:1.68rem}}@media only screen and (max-width: 360px){.flow-text{font-size:1.2rem}}.scale-transition{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important}.scale-transition.scale-out{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s !important;transition:-webkit-transform .2s !important;transition:transform .2s !important;transition:transform .2s, -webkit-transform .2s !important}.scale-transition.scale-in{-webkit-transform:scale(1);transform:scale(1)}.card-panel{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;padding:24px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:#fff}.card{position:relative;margin:.5rem 0 1rem 0;background-color:#fff;-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;border-radius:2px}.card .card-title{font-size:24px;font-weight:300}.card .card-title.activator{cursor:pointer}.card.small,.card.medium,.card.large{position:relative}.card.small .card-image,.card.medium .card-image,.card.large .card-image{max-height:60%;overflow:hidden}.card.small .card-image+.card-content,.card.medium .card-image+.card-content,.card.large .card-image+.card-content{max-height:40%}.card.small .card-content,.card.medium .card-content,.card.large .card-content{max-height:100%;overflow:hidden}.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}.card.small{height:300px}.card.medium{height:400px}.card.large{height:500px}.card.horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.card.horizontal.small .card-image,.card.horizontal.medium .card-image,.card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}.card.horizontal.small .card-image img,.card.horizontal.medium .card-image img,.card.horizontal.large .card-image img{height:100%}.card.horizontal .card-image{max-width:50%}.card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}.card.horizontal .card-stacked{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.card.horizontal .card-stacked .card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.card.sticky-action .card-action{z-index:2}.card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{color:#fff;position:absolute;bottom:0;left:0;max-width:100%;padding:24px}.card .card-content{padding:24px;border-radius:0 0 2px 2px}.card .card-content p{margin:0}.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}.card .card-content .card-title i{line-height:32px}.card .card-action{background-color:inherit;border-top:1px solid rgba(160,160,160,0.2);position:relative;padding:16px 24px}.card .card-action:last-child{border-radius:0 0 2px 2px}.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:24px;-webkit-transition:color .3s ease;transition:color .3s ease;text-transform:uppercase}.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover{color:#ffd8a6}.card .card-reveal{padding:24px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width: 600px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width: 601px) and (max-width: 992px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width: 993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:35px;width:auto;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;background-color:#323232;padding:10px 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:default}.toast .toast-action{color:#eeff41;font-weight:500;margin-right:-25px;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width: 600px){.toast{width:100%;border-radius:0}}.tabs{position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;background-color:#fff;margin:0 auto;white-space:nowrap}.tabs.tabs-transparent{background-color:transparent}.tabs.tabs-transparent .tab a,.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover{color:rgba(255,255,255,0.7)}.tabs.tabs-transparent .tab a:hover,.tabs.tabs-transparent .tab a.active{color:#fff}.tabs.tabs-transparent .indicator{background-color:#fff}.tabs.tabs-fixed-width{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs.tabs-fixed-width .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab{display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0;text-transform:uppercase}.tabs .tab a{color:rgba(238,110,115,0.7);display:block;width:100%;height:100%;padding:0 24px;font-size:14px;text-overflow:ellipsis;overflow:hidden;-webkit-transition:color .28s ease, background-color .28s ease;transition:color .28s ease, background-color .28s ease}.tabs .tab a:focus,.tabs .tab a:focus.active{background-color:rgba(246,178,181,0.2);outline:none}.tabs .tab a:hover,.tabs .tab a.active{background-color:transparent;color:#ee6e73}.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:rgba(238,110,115,0.4);cursor:default}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left, right}@media only screen and (max-width: 992px){.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab a{padding:0 12px}}.material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;background-color:transparent;border-radius:2px;color:#fff;min-height:36px;line-height:120%;opacity:0;position:absolute;text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden;background-color:#323232}.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:#323232;z-index:-1;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;visibility:hidden}.btn,.btn-large,.btn-small,.btn-flat{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.btn.disabled,.disabled.btn-large,.disabled.btn-small,.btn-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-flat.disabled,.btn:disabled,.btn-large:disabled,.btn-small:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-small:disabled,.btn-flat:disabled,.btn[disabled],.btn-large[disabled],.btn-small[disabled],.btn-floating[disabled],.btn-large[disabled],.btn-small[disabled],.btn-flat[disabled]{pointer-events:none;background-color:#DFDFDF !important;-webkit-box-shadow:none;box-shadow:none;color:#9F9F9F !important;cursor:default}.btn.disabled:hover,.disabled.btn-large:hover,.disabled.btn-small:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-flat[disabled]:hover{background-color:#DFDFDF !important;color:#9F9F9F !important}.btn,.btn-large,.btn-small,.btn-floating,.btn-large,.btn-small,.btn-flat{font-size:14px;outline:0}.btn i,.btn-large i,.btn-small i,.btn-floating i,.btn-large i,.btn-small i,.btn-flat i{font-size:1.3rem;line-height:inherit}.btn:focus,.btn-large:focus,.btn-small:focus,.btn-floating:focus{background-color:#1d7d74}.btn,.btn-large,.btn-small{text-decoration:none;color:#fff;background-color:#26a69a;text-align:center;letter-spacing:.5px;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer}.btn:hover,.btn-large:hover,.btn-small:hover{background-color:#2bbbad}.btn-floating{display:inline-block;color:#fff;position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:#26a69a;border-radius:50%;-webkit-transition:background-color .3s;transition:background-color .3s;cursor:pointer;vertical-align:middle}.btn-floating:hover{background-color:#26a69a}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:56px;height:56px;padding:0}.btn-floating.btn-large.halfway-fab{bottom:-28px}.btn-floating.btn-large i{line-height:56px}.btn-floating.btn-small{width:32.4px;height:32.4px}.btn-floating.btn-small.halfway-fab{bottom:-16.2px}.btn-floating.btn-small i{line-height:32.4px}.btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-floating.halfway-fab.left{right:auto;left:24px}.btn-floating i{width:inherit;display:inline-block;text-align:center;color:#fff;font-size:1.6rem;line-height:40px}button.btn-floating{border:none}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}.fixed-action-btn.active ul{visibility:visible}.fixed-action-btn.direction-left,.fixed-action-btn.direction-right{padding:0 0 0 15px}.fixed-action-btn.direction-left ul,.fixed-action-btn.direction-right ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}.fixed-action-btn.direction-left ul li,.fixed-action-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}.fixed-action-btn.direction-right{padding:0 15px 0 0}.fixed-action-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}.fixed-action-btn.direction-right ul li{margin:7.5px 0 0 15px}.fixed-action-btn.direction-bottom{padding:0 0 15px 0}.fixed-action-btn.direction-bottom ul{top:64px;bottom:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fixed-action-btn.direction-bottom ul li{margin:15px 0 0 0}.fixed-action-btn.toolbar{padding:0;height:56px}.fixed-action-btn.toolbar.active>a i{opacity:0}.fixed-action-btn.toolbar ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;z-index:1}.fixed-action-btn.toolbar ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;-webkit-transition:none;transition:none}.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#fff;line-height:56px;z-index:1}.fixed-action-btn.toolbar ul li a i{line-height:inherit}.fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fixed-action-btn ul li{margin-bottom:15px}.fixed-action-btn ul a.btn-floating{opacity:0}.fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#26a69a;border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}.btn-flat{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;color:#343434;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.btn-flat:focus,.btn-flat:hover{-webkit-box-shadow:none;box-shadow:none}.btn-flat:focus{background-color:rgba(0,0,0,0.1)}.btn-flat.disabled,.btn-flat.btn-flat[disabled]{background-color:transparent !important;color:#b3b2b2 !important;cursor:default}.btn-large{height:54px;line-height:54px;font-size:15px;padding:0 28px}.btn-large i{font-size:1.6rem}.btn-small{height:32.4px;line-height:32.4px;font-size:13px}.btn-small i{font-size:1.2rem}.btn-block{display:block}.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;overflow-y:auto;opacity:0;position:absolute;left:0;top:0;z-index:9999;-webkit-transform-origin:0 0;transform-origin:0 0}.dropdown-content:focus{outline:0}.dropdown-content li{clear:both;color:rgba(0,0,0,0.87);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left}.dropdown-content li:hover,.dropdown-content li.active{background-color:#eee}.dropdown-content li:focus{outline:none}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:#26a69a;display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:0;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}body.keyboard-focused .dropdown-content li:focus{background-color:#dadada}.input-field.col .dropdown-content [type="checkbox"]+label{top:1px;left:0;height:18px;-webkit-transform:none;transform:none}.dropdown-trigger{cursor:pointer}/*!
+ * Waves v0.6.0
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE
+ */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:.3s ease-out;transition:.3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,0.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,0.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,0.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,0.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,0.7)}.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-effect img{position:relative;z-index:-1}.waves-notransition{-webkit-transition:none !important;transition:none !important}.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)}.waves-input-wrapper{border-radius:0.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.waves-effect .waves-ripple{z-index:-1}.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top, opacity}.modal:focus{outline:none}@media only screen and (max-width: 992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%;text-align:right}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{margin:6px 0}.modal-overlay{position:fixed;z-index:999;top:-25%;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom, opacity}.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:.5rem 0 1rem 0}.collapsible-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:1rem;background-color:#fff;border-bottom:1px solid #ddd}.collapsible-header:focus{outline:0}.collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}.keyboard-focused .collapsible-header:focus{background-color:#eee}.collapsible-body{display:none;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2rem}.sidenav .collapsible,.sidenav.fixed .collapsible{border:none;-webkit-box-shadow:none;box-shadow:none}.sidenav .collapsible li,.sidenav.fixed .collapsible li{padding:0}.sidenav .collapsible-header,.sidenav.fixed .collapsible-header{background-color:transparent;border:none;line-height:inherit;height:inherit;padding:0 16px}.sidenav .collapsible-header:hover,.sidenav.fixed .collapsible-header:hover{background-color:rgba(0,0,0,0.05)}.sidenav .collapsible-header i,.sidenav.fixed .collapsible-header i{line-height:inherit}.sidenav .collapsible-body,.sidenav.fixed .collapsible-body{border:0;background-color:#fff}.sidenav .collapsible-body li a,.sidenav.fixed .collapsible-body li a{padding:0 23.5px 0 31px}.collapsible.popout{border:none;-webkit-box-shadow:none;box-shadow:none}.collapsible.popout>li{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;-webkit-transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collapsible.popout>li.active{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4;margin-bottom:5px;margin-right:5px}.chip:focus{outline:none;background-color:#26a69a;color:#fff}.chip>img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip .close{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.chips{border:none;border-bottom:1px solid #9e9e9e;-webkit-box-shadow:none;box-shadow:none;margin:0 0 8px 0;min-height:45px;outline:none;-webkit-transition:all .3s;transition:all .3s}.chips.focus{border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}.chips:hover{cursor:text}.chips .input{background:none;border:0;color:rgba(0,0,0,0.6);display:inline-block;font-size:16px;height:3rem;line-height:32px;outline:0;margin:0;padding:0 !important;width:120px !important}.chips .input:focus{border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.chips .autocomplete-content{margin-top:0;margin-bottom:0}.prefix ~ .chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.chips:empty ~ label{font-size:0.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-backface-visibility:hidden}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;left:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}select:focus{outline:1px solid #c9f3ef}button:focus{outline:none;background-color:#2ab7a9}label{font-size:.8rem;color:#9e9e9e}::-webkit-input-placeholder{color:#d1d1d1}::-moz-placeholder{color:#d1d1d1}:-ms-input-placeholder{color:#d1d1d1}::-ms-input-placeholder{color:#d1d1d1}::placeholder{color:#d1d1d1}input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:border .3s, -webkit-box-shadow .3s;transition:border .3s, -webkit-box-shadow .3s;transition:box-shadow .3s, border .3s;transition:box-shadow .3s, border .3s, -webkit-box-shadow .3s}input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly="readonly"],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly="readonly"],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly="readonly"],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly="readonly"],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly="readonly"],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly="readonly"],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly="readonly"],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly="readonly"],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly="readonly"],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly="readonly"],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"]{color:rgba(0,0,0,0.42);border-bottom:1px dotted rgba(0,0,0,0.42)}input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly="readonly"]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly="readonly"]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly="readonly"]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly="readonly"]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly="readonly"]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly="readonly"]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly="readonly"]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{color:rgba(0,0,0,0.42)}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#26a69a}input:not([type]):focus.valid ~ label,input[type=text]:not(.browser-default):focus.valid ~ label,input[type=password]:not(.browser-default):focus.valid ~ label,input[type=email]:not(.browser-default):focus.valid ~ label,input[type=url]:not(.browser-default):focus.valid ~ label,input[type=time]:not(.browser-default):focus.valid ~ label,input[type=date]:not(.browser-default):focus.valid ~ label,input[type=datetime]:not(.browser-default):focus.valid ~ label,input[type=datetime-local]:not(.browser-default):focus.valid ~ label,input[type=tel]:not(.browser-default):focus.valid ~ label,input[type=number]:not(.browser-default):focus.valid ~ label,input[type=search]:not(.browser-default):focus.valid ~ label,textarea.materialize-textarea:focus.valid ~ label{color:#4CAF50}input:not([type]):focus.invalid ~ label,input[type=text]:not(.browser-default):focus.invalid ~ label,input[type=password]:not(.browser-default):focus.invalid ~ label,input[type=email]:not(.browser-default):focus.invalid ~ label,input[type=url]:not(.browser-default):focus.invalid ~ label,input[type=time]:not(.browser-default):focus.invalid ~ label,input[type=date]:not(.browser-default):focus.invalid ~ label,input[type=datetime]:not(.browser-default):focus.invalid ~ label,input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,input[type=tel]:not(.browser-default):focus.invalid ~ label,input[type=number]:not(.browser-default):focus.invalid ~ label,input[type=search]:not(.browser-default):focus.invalid ~ label,textarea.materialize-textarea:focus.invalid ~ label{color:#F44336}input:not([type]).validate+label,input[type=text]:not(.browser-default).validate+label,input[type=password]:not(.browser-default).validate+label,input[type=email]:not(.browser-default).validate+label,input[type=url]:not(.browser-default).validate+label,input[type=time]:not(.browser-default).validate+label,input[type=date]:not(.browser-default).validate+label,input[type=datetime]:not(.browser-default).validate+label,input[type=datetime-local]:not(.browser-default).validate+label,input[type=tel]:not(.browser-default).validate+label,input[type=number]:not(.browser-default).validate+label,input[type=search]:not(.browser-default).validate+label,textarea.materialize-textarea.validate+label{width:100%}input.valid:not([type]),input.valid:not([type]):focus,input.valid[type=text]:not(.browser-default),input.valid[type=text]:not(.browser-default):focus,input.valid[type=password]:not(.browser-default),input.valid[type=password]:not(.browser-default):focus,input.valid[type=email]:not(.browser-default),input.valid[type=email]:not(.browser-default):focus,input.valid[type=url]:not(.browser-default),input.valid[type=url]:not(.browser-default):focus,input.valid[type=time]:not(.browser-default),input.valid[type=time]:not(.browser-default):focus,input.valid[type=date]:not(.browser-default),input.valid[type=date]:not(.browser-default):focus,input.valid[type=datetime]:not(.browser-default),input.valid[type=datetime]:not(.browser-default):focus,input.valid[type=datetime-local]:not(.browser-default),input.valid[type=datetime-local]:not(.browser-default):focus,input.valid[type=tel]:not(.browser-default),input.valid[type=tel]:not(.browser-default):focus,input.valid[type=number]:not(.browser-default),input.valid[type=number]:not(.browser-default):focus,input.valid[type=search]:not(.browser-default),input.valid[type=search]:not(.browser-default):focus,textarea.materialize-textarea.valid,textarea.materialize-textarea.valid:focus,.select-wrapper.valid>input.select-dropdown{border-bottom:1px solid #4CAF50;-webkit-box-shadow:0 1px 0 0 #4CAF50;box-shadow:0 1px 0 0 #4CAF50}input.invalid:not([type]),input.invalid:not([type]):focus,input.invalid[type=text]:not(.browser-default),input.invalid[type=text]:not(.browser-default):focus,input.invalid[type=password]:not(.browser-default),input.invalid[type=password]:not(.browser-default):focus,input.invalid[type=email]:not(.browser-default),input.invalid[type=email]:not(.browser-default):focus,input.invalid[type=url]:not(.browser-default),input.invalid[type=url]:not(.browser-default):focus,input.invalid[type=time]:not(.browser-default),input.invalid[type=time]:not(.browser-default):focus,input.invalid[type=date]:not(.browser-default),input.invalid[type=date]:not(.browser-default):focus,input.invalid[type=datetime]:not(.browser-default),input.invalid[type=datetime]:not(.browser-default):focus,input.invalid[type=datetime-local]:not(.browser-default),input.invalid[type=datetime-local]:not(.browser-default):focus,input.invalid[type=tel]:not(.browser-default),input.invalid[type=tel]:not(.browser-default):focus,input.invalid[type=number]:not(.browser-default),input.invalid[type=number]:not(.browser-default):focus,input.invalid[type=search]:not(.browser-default),input.invalid[type=search]:not(.browser-default):focus,textarea.materialize-textarea.invalid,textarea.materialize-textarea.invalid:focus,.select-wrapper.invalid>input.select-dropdown,.select-wrapper.invalid>input.select-dropdown:focus{border-bottom:1px solid #F44336;-webkit-box-shadow:0 1px 0 0 #F44336;box-shadow:0 1px 0 0 #F44336}input:not([type]).valid ~ .helper-text[data-success],input:not([type]):focus.valid ~ .helper-text[data-success],input:not([type]).invalid ~ .helper-text[data-error],input:not([type]):focus.invalid ~ .helper-text[data-error],input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],textarea.materialize-textarea.valid ~ .helper-text[data-success],textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],textarea.materialize-textarea.invalid ~ .helper-text[data-error],textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error],.select-wrapper.valid .helper-text[data-success],.select-wrapper.invalid ~ .helper-text[data-error]{color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}input:not([type]).valid ~ .helper-text:after,input:not([type]):focus.valid ~ .helper-text:after,input[type=text]:not(.browser-default).valid ~ .helper-text:after,input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=password]:not(.browser-default).valid ~ .helper-text:after,input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=email]:not(.browser-default).valid ~ .helper-text:after,input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=url]:not(.browser-default).valid ~ .helper-text:after,input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=time]:not(.browser-default).valid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=date]:not(.browser-default).valid ~ .helper-text:after,input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=tel]:not(.browser-default).valid ~ .helper-text:after,input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=number]:not(.browser-default).valid ~ .helper-text:after,input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=search]:not(.browser-default).valid ~ .helper-text:after,input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,textarea.materialize-textarea.valid ~ .helper-text:after,textarea.materialize-textarea:focus.valid ~ .helper-text:after,.select-wrapper.valid ~ .helper-text:after{content:attr(data-success);color:#4CAF50}input:not([type]).invalid ~ .helper-text:after,input:not([type]):focus.invalid ~ .helper-text:after,input[type=text]:not(.browser-default).invalid ~ .helper-text:after,input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=password]:not(.browser-default).invalid ~ .helper-text:after,input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=email]:not(.browser-default).invalid ~ .helper-text:after,input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=url]:not(.browser-default).invalid ~ .helper-text:after,input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=time]:not(.browser-default).invalid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=date]:not(.browser-default).invalid ~ .helper-text:after,input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=number]:not(.browser-default).invalid ~ .helper-text:after,input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=search]:not(.browser-default).invalid ~ .helper-text:after,input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,textarea.materialize-textarea.invalid ~ .helper-text:after,textarea.materialize-textarea:focus.invalid ~ .helper-text:after,.select-wrapper.invalid ~ .helper-text:after{content:attr(data-error);color:#F44336}input:not([type])+label:after,input[type=text]:not(.browser-default)+label:after,input[type=password]:not(.browser-default)+label:after,input[type=email]:not(.browser-default)+label:after,input[type=url]:not(.browser-default)+label:after,input[type=time]:not(.browser-default)+label:after,input[type=date]:not(.browser-default)+label:after,input[type=datetime]:not(.browser-default)+label:after,input[type=datetime-local]:not(.browser-default)+label:after,input[type=tel]:not(.browser-default)+label:after,input[type=number]:not(.browser-default)+label:after,input[type=search]:not(.browser-default)+label:after,textarea.materialize-textarea+label:after,.select-wrapper+label:after{display:block;content:"";position:absolute;top:100%;left:0;opacity:0;-webkit-transition:.2s opacity ease-out, .2s color ease-out;transition:.2s opacity ease-out, .2s color ease-out}.input-field{position:relative;margin-top:1rem;margin-bottom:1rem}.input-field.inline{display:inline-block;vertical-align:middle;margin-left:5px}.input-field.inline input,.input-field.inline .select-dropdown{margin-bottom:1rem}.input-field.col label{left:.75rem}.input-field.col .prefix ~ label,.input-field.col .prefix ~ .validate ~ label{width:calc(100% - 3rem - 1.5rem)}.input-field>label{color:#9e9e9e;position:absolute;top:0;left:0;font-size:1rem;cursor:text;-webkit-transition:color .2s ease-out, -webkit-transform .2s ease-out;transition:color .2s ease-out, -webkit-transform .2s ease-out;transition:transform .2s ease-out, color .2s ease-out;transition:transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;-webkit-transform-origin:0% 100%;transform-origin:0% 100%;text-align:initial;-webkit-transform:translateY(12px);transform:translateY(12px)}.input-field>label:not(.label-icon).active{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-14px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}.input-field>input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label,.input-field>input[type=date]:not(.browser-default)+label,.input-field>input[type=time]:not(.browser-default)+label{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-14px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}.input-field .helper-text{position:relative;min-height:18px;display:block;font-size:12px;color:rgba(0,0,0,0.54)}.input-field .helper-text::after{opacity:1;position:absolute;top:0;left:0}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;-webkit-transition:color .2s;transition:color .2s;top:.5rem}.input-field .prefix.active{color:#26a69a}.input-field .prefix ~ input,.input-field .prefix ~ textarea,.input-field .prefix ~ label,.input-field .prefix ~ .validate ~ label,.input-field .prefix ~ .helper-text,.input-field .prefix ~ .autocomplete-content{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix ~ label{margin-left:3rem}@media only screen and (max-width: 992px){.input-field .prefix ~ input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width: 600px){.input-field .prefix ~ input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit;-webkit-transition:.3s background-color;transition:.3s background-color}.nav-wrapper .input-field input[type=search]{height:inherit;padding-left:4rem;width:calc(100% - 4rem);border:0;-webkit-box-shadow:none;box-shadow:none}.input-field input[type=search]:focus:not(.browser-default){background-color:#fff;border:0;-webkit-box-shadow:none;box-shadow:none;color:#444}.input-field input[type=search]:focus:not(.browser-default)+label i,.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons{color:#444}.input-field input[type=search]+.label-icon{-webkit-transform:none;transform:none;left:1rem}.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;-webkit-transition:.3s color;transition:.3s color}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{line-height:normal;overflow-y:hidden;padding:.8rem 0 .8rem 0;resize:none;min-height:3rem;-webkit-box-sizing:border-box;box-sizing:border-box}.hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}.autocomplete-content li .highlight{color:#444}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}.character-counter{min-height:18px}[type="radio"]:not(:checked),[type="radio"]:checked{position:absolute;opacity:0;pointer-events:none}[type="radio"]:not(:checked)+span,[type="radio"]:checked+span{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-transition:.28s ease;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="radio"]+span:before,[type="radio"]+span:after{content:'';position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;-webkit-transition:.28s ease;transition:.28s ease}[type="radio"]:not(:checked)+span:before,[type="radio"]:not(:checked)+span:after,[type="radio"]:checked+span:before,[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:before,[type="radio"].with-gap:checked+span:after{border-radius:50%}[type="radio"]:not(:checked)+span:before,[type="radio"]:not(:checked)+span:after{border:2px solid #5a5a5a}[type="radio"]:not(:checked)+span:after{-webkit-transform:scale(0);transform:scale(0)}[type="radio"]:checked+span:before{border:2px solid transparent}[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:before,[type="radio"].with-gap:checked+span:after{border:2px solid #26a69a}[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:after{background-color:#26a69a}[type="radio"]:checked+span:after{-webkit-transform:scale(1.02);transform:scale(1.02)}[type="radio"].with-gap:checked+span:after{-webkit-transform:scale(0.5);transform:scale(0.5)}[type="radio"].tabbed:focus+span:before{-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1)}[type="radio"].with-gap:disabled:checked+span:before{border:2px solid rgba(0,0,0,0.42)}[type="radio"].with-gap:disabled:checked+span:after{border:none;background-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+span:before,[type="radio"]:disabled:checked+span:before{background-color:transparent;border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled+span{color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+span:before{border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:checked+span:after{background-color:rgba(0,0,0,0.42);border-color:#949494}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;opacity:0;pointer-events:none}[type="checkbox"]+span:not(.lever){position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="checkbox"]+span:not(.lever):before,[type="checkbox"]:not(.filled-in)+span:not(.lever):after{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:3px;-webkit-transition:.2s;transition:.2s}[type="checkbox"]:not(.filled-in)+span:not(.lever):after{border:0;-webkit-transform:scale(0);transform:scale(0)}[type="checkbox"]:not(:checked):disabled+span:not(.lever):before{border:none;background-color:rgba(0,0,0,0.42)}[type="checkbox"].tabbed:focus+span:not(.lever):after{-webkit-transform:scale(1);transform:scale(1);border:0;border-radius:50%;-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1);background-color:rgba(0,0,0,0.1)}[type="checkbox"]:checked+span:not(.lever):before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #26a69a;border-bottom:2px solid #26a69a;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:checked:disabled+span:before{border-right:2px solid rgba(0,0,0,0.42);border-bottom:2px solid rgba(0,0,0,0.42)}[type="checkbox"]:indeterminate+span:not(.lever):before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #26a69a;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:indeterminate:disabled+span:not(.lever):before{border-right:2px solid rgba(0,0,0,0.42);background-color:transparent}[type="checkbox"].filled-in+span:not(.lever):after{border-radius:2px}[type="checkbox"].filled-in+span:not(.lever):before,[type="checkbox"].filled-in+span:not(.lever):after{content:'';left:0;position:absolute;-webkit-transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1}[type="checkbox"].filled-in:not(:checked)+span:not(.lever):before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0px;z-index:0}[type="checkbox"].filled-in:checked+span:not(.lever):before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:checked+span:not(.lever):after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}[type="checkbox"].filled-in.tabbed:focus+span:not(.lever):after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0,0,0,0.1)}[type="checkbox"].filled-in.tabbed:checked:focus+span:not(.lever):after{border-radius:2px;background-color:#26a69a;border-color:#26a69a}[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):before{background-color:transparent;border:2px solid transparent}[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):after{border-color:transparent;background-color:#949494}[type="checkbox"].filled-in:disabled:checked+span:not(.lever):before{background-color:transparent}[type="checkbox"].filled-in:disabled:checked+span:not(.lever):after{background-color:#949494;border-color:#949494}.switch,.switch *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1}.switch label input[type=checkbox]:checked+.lever:before,.switch label input[type=checkbox]:checked+.lever:after{left:18px}.switch label input[type=checkbox]:checked+.lever:after{background-color:#26a69a}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:rgba(0,0,0,0.38);border-radius:15px;margin-right:10px;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:before,.switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;-webkit-transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease}.switch label .lever:before{background-color:rgba(38,166,154,0.15)}.switch label .lever:after{background-color:#F1F1F1;-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(38,166,154,0.15)}input[type=checkbox]:not(:disabled) ~ .lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(0,0,0,0.08)}.switch input[type=checkbox][disabled]+.lever{cursor:default;background-color:rgba(0,0,0,0.12)}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#949494}select{display:none}select.browser-default{display:block}select{background-color:rgba(255,255,255,0.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper.valid+label,.select-wrapper.invalid+label{width:100%;pointer-events:none}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;outline:none;height:3rem;line-height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.select-wrapper input.select-dropdown:focus{border-bottom:1px solid #26a69a}.select-wrapper .caret{position:absolute;right:0;top:0;bottom:0;margin:auto 0;z-index:0;fill:rgba(0,0,0,0.87)}.select-wrapper+label{position:absolute;top:-26px;font-size:.8rem}select:disabled{color:rgba(0,0,0,0.42)}.select-wrapper.disabled+label{color:rgba(0,0,0,0.42)}.select-wrapper.disabled .caret{fill:rgba(0,0,0,0.42)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,0.42);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper i{color:rgba(0,0,0,0.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,0.3);background-color:transparent}body.keyboard-focused .select-dropdown.dropdown-content li:focus{background-color:rgba(0,0,0,0.08)}.select-dropdown.dropdown-content li:hover{background-color:rgba(0,0,0,0.08)}.select-dropdown.dropdown-content li.selected{background-color:rgba(0,0,0,0.03)}.prefix ~ .select-wrapper{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.prefix ~ label{margin-left:3rem}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,0.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,0.4)}.select-dropdown li.optgroup ~ li.optgroup-option{padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large,.file-field .btn-small{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.file-field input[type=file]::-webkit-file-upload-button{display:none}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:transparent;border:none;outline:none;width:100%;margin:15px 0;padding:0}input[type=range]:focus{outline:none}input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:#26a69a;margin-left:7px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#26a69a;font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-webkit-slider-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;-webkit-appearance:none;background-color:#26a69a;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0}.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 10px rgba(38,166,154,0.26);box-shadow:0 0 0 10px rgba(38,166,154,0.26)}input[type=range]{border:1px solid white}input[type=range]::-moz-range-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-moz-focus-inner{border:0}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(38,166,154,0.26)}input[type=range]::-ms-track{height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s}.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px rgba(38,166,154,0.26)}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:2px 0}.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:16px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}.table-of-contents a:hover{color:#a8a8a8;padding-left:15px;border-left:1px solid #ee6e73}.table-of-contents a.active{font-weight:500;padding-left:14px;border-left:2px solid #ee6e73}.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.sidenav .collapsible{margin:0}.sidenav li{float:none;line-height:48px}.sidenav li.active{background-color:rgba(0,0,0,0.05)}.sidenav li>a{color:rgba(0,0,0,0.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.sidenav li>a:hover{background-color:rgba(0,0,0,0.05)}.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating{margin:10px 15px}.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-floating{color:#fff}.sidenav li>a.btn-flat{color:#343434}.sidenav li>a.btn:hover,.sidenav li>a.btn-large:hover,.sidenav li>a.btn-small:hover,.sidenav li>a.btn-large:hover{background-color:#2bbbad}.sidenav li>a.btn-floating:hover{background-color:#26a69a}.sidenav li>a>i,.sidenav li>a>[class^="mdi-"],.sidenav li>a li>a>[class*="mdi-"],.sidenav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,0.54)}.sidenav .divider{margin:8px 0 0 0}.sidenav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,0.54);font-size:14px;font-weight:500;line-height:48px}.sidenav .subheader:hover{background-color:transparent}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .user-view>a{height:auto;padding:0}.sidenav .user-view>a:hover{background-color:transparent}.sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .user-view .circle,.sidenav .user-view .name,.sidenav .user-view .email{display:block}.sidenav .user-view .circle{height:64px;width:64px}.sidenav .user-view .name,.sidenav .user-view .email{font-size:14px;line-height:24px}.sidenav .user-view .name{margin-top:16px;font-weight:500}.sidenav .user-view .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.drag-target.right-aligned{right:0}.sidenav.sidenav-fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width: 992px){.sidenav.sidenav-fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.sidenav-fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.sidenav>a{padding:0 16px}.sidenav .user-view{padding:16px 16px 0}}.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#ee6e73}.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.sidenav .collapsible-body{padding:0}.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,0.5);z-index:997;display:none}.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#26a69a}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider .slides{background-color:#9e9e9e;margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4CAF50}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{visibility:hidden;width:200px;height:200px;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%}.carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,0.5);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.carousel .indicators .indicator-item.active{background-color:#fff}.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;-webkit-transition:visibility 0s .3s;transition:visibility 0s .3s}.tap-target-wrapper.open{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s}.tap-target-wrapper.open .tap-target{-webkit-transform:scale(1);transform:scale(1);opacity:.95;-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-wrapper.open .tap-target-wave::before{-webkit-transform:scale(1);transform:scale(1)}.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;-webkit-transition:opacity .3s,
visibility 0s 1s,
-webkit-transform .3s;transition:opacity .3s,
visibility 0s 1s,
-webkit-transform .3s;transition:opacity .3s,
transform .3s,
visibility 0s 1s;transition:opacity .3s,
transform .3s,
visibility 0s 1s,
-webkit-transform .3s}.tap-target{position:absolute;font-size:1rem;border-radius:50%;background-color:#ee6e73;-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);width:100%;height:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-content{position:relative;display:table-cell}.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}.tap-target-wave::before,.tap-target-wave::after{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:#ffffff}.tap-target-wave::before{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.tap-target-wave::after{visibility:hidden;-webkit-transition:opacity .3s,
visibility 0s,
-webkit-transform .3s;transition:opacity .3s,
visibility 0s,
-webkit-transform .3s;transition:opacity .3s,
transform .3s,
visibility 0s;transition:opacity .3s,
transform .3s,
visibility 0s,
-webkit-transform .3s;z-index:-1}.tap-target-origin{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10002;position:absolute !important}.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small),.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover{background:none}@media only screen and (max-width: 600px){.tap-target,.tap-target-wrapper{width:600px;height:600px}}.pulse{overflow:visible;position:relative}.pulse::before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1}@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.datepicker-modal{max-width:325px;min-width:300px;max-height:none}.datepicker-container.modal-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}.datepicker-controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:280px;margin:0 auto}.datepicker-controls .selects-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker-controls .select-wrapper input{border-bottom:none;text-align:center;margin:0}.datepicker-controls .select-wrapper input:focus{border-bottom:none}.datepicker-controls .select-wrapper .caret{display:none}.datepicker-controls .select-year input{width:50px}.datepicker-controls .select-month input{width:70px}.month-prev,.month-next{margin-top:4px;cursor:pointer;background-color:transparent;border:none}.datepicker-date-display{-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:#26a69a;color:#fff;padding:20px 22px;font-weight:500}.datepicker-date-display .year-text{display:block;font-size:1.5rem;line-height:25px;color:rgba(255,255,255,0.7)}.datepicker-date-display .date-text{display:block;font-size:2.8rem;line-height:47px;font-weight:500}.datepicker-calendar-container{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto}.datepicker-table{width:280px;font-size:1rem;margin:0 auto}.datepicker-table thead{border-bottom:none}.datepicker-table th{padding:10px 5px;text-align:center}.datepicker-table tr{border:none}.datepicker-table abbr{text-decoration:none;color:#999}.datepicker-table td{border-radius:50%;padding:0}.datepicker-table td.is-today{color:#26a69a}.datepicker-table td.is-selected{background-color:#26a69a;color:#fff}.datepicker-table td.is-outside-current-month,.datepicker-table td.is-disabled{color:rgba(0,0,0,0.3);pointer-events:none}.datepicker-day-button{background-color:transparent;border:none;line-height:38px;display:block;width:100%;border-radius:50%;padding:0 5px;cursor:pointer;color:inherit}.datepicker-day-button:focus{background-color:rgba(43,161,150,0.25)}.datepicker-footer{width:280px;margin:0 auto;padding-bottom:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.datepicker-cancel,.datepicker-clear,.datepicker-today,.datepicker-done{color:#26a69a;padding:0 1rem}.datepicker-clear{color:#F44336}@media only screen and (min-width: 601px){.datepicker-modal{max-width:625px}.datepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.datepicker-date-display{-webkit-box-flex:0;-webkit-flex:0 1 270px;-ms-flex:0 1 270px;flex:0 1 270px}.datepicker-controls,.datepicker-table,.datepicker-footer{width:320px}.datepicker-day-button{line-height:44px}}.timepicker-modal{max-width:325px;max-height:none}.timepicker-container.modal-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}.text-primary{color:#fff}.timepicker-digital-display{-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:#26a69a;padding:10px;font-weight:300}.timepicker-text-container{font-size:4rem;font-weight:bold;text-align:center;color:rgba(255,255,255,0.6);font-weight:400;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-span-hours,.timepicker-span-minutes,.timepicker-span-am-pm div{cursor:pointer}.timepicker-span-hours{margin-right:3px}.timepicker-span-minutes{margin-left:3px}.timepicker-display-am-pm{font-size:1.3rem;position:absolute;right:1rem;bottom:1rem;font-weight:400}.timepicker-analog-display{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto}.timepicker-plate{background-color:#eee;border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:25px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-canvas,.timepicker-dial{position:absolute;left:0;right:0;top:0;bottom:0}.timepicker-minutes{visibility:hidden}.timepicker-tick{border-radius:50%;color:rgba(0,0,0,0.87);line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer;font-size:15px}.timepicker-tick.active,.timepicker-tick:hover{background-color:rgba(38,166,154,0.25)}.timepicker-dial{-webkit-transition:opacity 350ms, -webkit-transform 350ms;transition:opacity 350ms, -webkit-transform 350ms;transition:transform 350ms, opacity 350ms;transition:transform 350ms, opacity 350ms, -webkit-transform 350ms}.timepicker-dial-out{opacity:0}.timepicker-dial-out.timepicker-hours{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.timepicker-dial-out.timepicker-minutes{-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.timepicker-canvas{-webkit-transition:opacity 175ms;transition:opacity 175ms}.timepicker-canvas line{stroke:#26a69a;stroke-width:4;stroke-linecap:round}.timepicker-canvas-out{opacity:0.25}.timepicker-canvas-bearing{stroke:none;fill:#26a69a}.timepicker-canvas-bg{stroke:none;fill:#26a69a}.timepicker-footer{margin:0 auto;padding:5px 1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.timepicker-clear{color:#F44336}.timepicker-close{color:#26a69a}.timepicker-clear,.timepicker-close{padding:0 20px}@media only screen and (min-width: 601px){.timepicker-modal{max-width:600px}.timepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.timepicker-text-container{top:32%}.timepicker-display-am-pm{position:relative;right:auto;bottom:auto;text-align:center;margin-top:1.2rem}}
diff --git a/gracedb/static/images/kagra.png b/gracedb/static/images/kagra.png
new file mode 100644
index 0000000000000000000000000000000000000000..c5a581ef1bbc29b4e078177eb67ce0aad6554701
GIT binary patch
literal 14199
zcmaib1ymf*@-C9#4hil-gS)%C1-Hdr7k3X3+=46w4GuvTStLl%;J&y8clXEd%KzT~
zx%a)d=j_aEPt{jnRaf`vo~eyiQ;|hSAwq$HfkBs-lhSxSr@nqgkPu#vBM=V5*AuL}
zhO7ik^(e_649uH!TP<CnuCkJVxw9h+z{1(glEvH6<y8s>M#x*>_0rK22%zwGbZ~MP
z@D`@}n}opY^<T}bR1|*`0on^w=_;#HNIJV&QgE|yv9M8zpiody2)S8U31~>k{6qcq
zmoSwL5a=Sn%If9i#p1=u;_PP4%FfTv&&tNZ%E7_>D#7gT;{*hFGdsCc{~hF?I8v7G
z=5DqwKwD=giob9HX3ic!VJfP>4E@jNA3Pmhl$HO-l#}~E{Cf3})f?c#%Fe>Z>gdS&
z-!$EU8kYYe`Cm2NwR~JGSv4%(oju&lEnmf{{~Hj{*6RO)^VglfQTT6aukrqW^ZuWh
zyt*v(Dy^(6AZ6)h>uG5r<L2!6x4^gn+}thyA}LJuPnQ3#^_Sw`+!U~Nat8vO%q``m
zL|&0tY;7$B_yHX3{5%%s%<NV?yvzU&E(>OUGfOsRZe9*^D=Q9mZeDhCA=dv;|6hIZ
z4|EG>a}P&LC*Ujk-;?IG;njkRjWf{M-NxBPfWyp;&BBcR)s_VxFEcy4B`-6-1rHZ9
zKY*Qslf#0GgNL2>pSJ!D>|eHoSpOpce@nZ+XTv|E^Di2IIcf1qfs0#QLXww{pIwTN
zmz`ajmtUHnPh3idkB^g0f?tyB)#yKP|E2nGM*n_K{y$^)4_LncAMC%W{s*k8o2|92
z6Tm_0U#9=bnuCvzmyZnqVCDqy0+<1uTs+Kt99)*n9Q;=N<~%$cmKJ9G|78AOVE)b2
zUl}OyD)QPnfWL;52)hvLf3*FZ{3`<iNjFOX(AiDP+1Wuv{I6MpLhYX&Ng*jo!NJDP
zOF^$=>tx~V<<9Uo8vje>A810Xe~sLK8_9p4CjQp?I!}n8ylVb)&JjTw@JN4wf#FDy
zmlD_VhCOQc%1QfmcN5fg-N96Q8UH!B;1Wl=kN{P;Hp9QL?>%w)hpc(CFVQs7_cNu@
zW^`t8?~r+VLlLl~r3DlXpe)1P*KlJy!hY4;D?QaTovWf_h4nRKqf1jeS!0G%$L=a0
zAG-Xlkq@Db6&_6L)A3#xByZ)to!-?ywG;!xaq%}@iE^JGUIfkMy$1W1N%qa3J(5mK
z4OS>Yjdn9b7d@;5HMOEIrcD$fNYS4sNYo1g)xF%`xP?k>COIc3(ly|=A}>d%NOUAp
zZ=sZhet&3v4&#Ce)k31_eh)~imC~hjz$$-BhyBL&yg5%4LQ1nvR-~YXAo}(FhjFy%
z&wHRd4{!=S5uFJ07_tODZ1-W!d7zPI)0CavK~-JrXpEPZUfSW%zVD*3y7?z=4{dEd
z`$j=8J<!I__e#p3+_dU61w|DHN8~DE@AOoPrd&=99OjS03s8#^U0=K8?VS=m8U5s9
zS~}eW?J6g=_ZM$IBSf!-ryyqYn40IfpsV`I$fzq{d7#}$tqMX2sidPPk|F#!(wjKB
zOla`{XY37v&zj5y4$JC}*$P9B26}OhtTjK*8Smz1^g?x$b5c!hsidta#Ld1Uo+;w!
zxp5}L!%`LqXot(ASup8z2p)LpJ&l6Eg$1)i<#tsCb(CWbTT;V=a&;_6oK^M@m111m
zPtp6_ir&WbI28C&ZoQ(s6=i`GsUQB(N__Yn9F5bx{KeEuRvz!_<}&;SFOUjt%0;A9
z%Yp%_4KNrkcf6QIS!}C{0gw$OQ67cR?xkipwM^13xP6z4E&41pDey5>wpfkDA)#g1
zqHx>WO221hTF&Sz5vSRhUfopjov#EJl7X(4(?N{1DYnl}HE6cQG4kpp*Irm~OATMn
z1M-t=FTA@t&d=#Xntd5L5)E<yDwXu0#CQJu+CsoUiV6t@2{qab*NpX53F)NBJFp5!
z*GQ9`3$1sLVxwVLrSXx+c9MW0(W-3H;r%Sia70?SOulZgoYSrxuX@u1f4+|=uctwN
zeQk|P@HnIu+_4H}wglI?K&qB>?aJh<9M#6ao?@%l>51d_u)kU~U5>P<z1)jJ9RR{t
z?X=UpSPTkyO9PDiI~Lud$^;)tj5^)t)CC(>^omFI>cG<qMX)&B-1)EqP0DlkG{WF?
zdBe(E8&HjzE<JHvSTtQUYsN;;#%4tCk06x~WXnfSM`QDq>lnCww)!M3fr>372CWP>
zKg|2DH9(xAYV%j!M6ertWwkyC)8=&gL#X2yH^aS2$Xzn9t~o;0NsolYE!cTUfiWeO
zxG_ySwyDnbjoHJMwat^zof7>y&rGmtf{?PwVEWhbd(B@@O1czcwC}qJ=wefP9J>pS
zZ+C9lx;N21fSbpqaf^$geyr<!jXRZNI*yIJJ2j0z;4d6|ML@c3FIoWiH=prT8TU1A
z+G(^<En;vYj|9gs<ldo+>W%d);$E4wfqS(b>1S9fwe5594(6EWe7EfLv(vg88s)q{
z-6qs3{}iJT_=!A`tZaxG>m`VM_CmX<&=W1?zckXdm|1;V(YTU*IlZXZ=rUGYD0@Ab
zYGuAPhDSn!cf72xfVnD&ORc5#O@+i0kjSt?+m_*y>@p4=5j@9dTE%Hl&z%(ufNbfX
zs4UF#2&OT7S)N2&r-qf7?sr&HNlaf-FYq>`u~))B`Llq2R#@a3<ZzSFWF&ZJn!l_b
z=dbR#Jc?Q}qVFVm|7YQ6?$OGp+p)KDTSe!#Y>7h)6{jar(KdAWRAAiCAoZ9v9;cGV
zDMtH!3@P098=w4{SgL^5t?&qYV{MeFh1eKQ#ap${Ec%q1o4aX?(cwp1uA)BNIEbRW
z%q`idUZQj=?qg(;q;I7pFa~<K-yOfYD|)j&hrd7=bzOh>B{h5N=BpZww}Fx3On?b;
z1O;|_3i8IcKYE6OzC!`g7<f@ZdbKkhx}Qie&~FZwjj0>attBg?jd922is8Dqrx#>d
zz_=(HA-ljGsXK7^`Rx$x*IVlwuf=HGm%|U;tII5ybE5;lz6W$4-#JK6h)4Xg^xXQK
zdvGPB;v&JH8LHfUVnIbMloc;g_$Qm_z_pVdl;_N)>Ey3JRxiJhoBMM>3!et}O{kK?
z4d+`=VSJsLX>vZVK^bh@iuW^Rp5uW=l_ql};Jy=v$G3obm}m<0?(c@=3%7t%c$Jb;
z@VU#Ox8!10gXEZcXJ4(&!v@C$v~>_fZCl{u4ZPXOblLxW<S3?Hb9t2PJ{}dzGeB4!
zR2v;8(cSmv!2p-B+AWUITZSF-Bj4AvY0=ol-S+Ildp_>?{m@lgfv0&^^W_#PcTxUw
zsTUot)IMcS0e4TC2_D{p!Nr`xm<m6SE1JO$nkPT!yXW|y0~TBo5?sl|HN2ieKR$0>
zUEEGn>j%B2g|HFVi;S0&2pOG-qd(!qj*VeW)XqWCIiW))l=V8?hNK#ts*2^nwdw5U
zC&Ro@bfeHhI>I?EM|QR+?BwprB`kH?px)F^*=`TpB&@oTm=65;y~UvgV$auED<ueC
zKt+wKh{o-|`jJao-^A$9A!ghwC_^Fox%aAflEC6^Pzl%1U4#|()L2mjUIgL|0Q`RV
z*=gkW<@3vH?~dm~Pk%vSld;9T_MF>C<nJO*0}0lLF|)1YO7gS{<3sZVW1Mf+u=Dr>
z{l3oApY|5HuI&_JH}Rq@exh~a&6VXs2jpU`_o9AbQ{CCVe;lok!cMrvFkzE<d%Ooy
zvZ4LVQLA!eOd=6~xH^GwW844UC;sulcAwa!;GuDYlv_JrQGbvMi-nhS@VqXWnUg!|
zAiAad0`35{CTdaT!~S~TK?q3!D!@6`9%0f~gascO5&7m8;FleJ&^PQNXl&Jc(e@)G
z<AleRtwqp-(#Qb6HT52BLw~qPgmN~N#PALXSfeG8+-y5DR)1_y-dYd6<m#1VV_`}-
zuvp6krfv$dInb5lbb0%lkU)+=@*+j>m6;Tp#DI_ZRptnujH%fd1;!OkT3?<me4+!u
zb-gjt^m3mx>lLNo4ZCS|bB`DAy@u^L?M}c^C(ASkF5B#iwkJ4k%ku<C8>H(_P`DpP
z=`51at;oy7nENT7Ero0tO;(<>_T>prUlaAn;V*Tc$<zE&Q&H@ui>9X@^672@h};Rz
zd!!b3j~+dV6rzRA8Rd%$(t!DD>iEG4x%8Amm~RjVV!1?6urV$;pOJ=%rE-gC;!b)g
z!ce1cd!^Zs(*2un&RcTXHWD#;t~@xlhen>XtErTe0vy(7%VC`ZTL)L}frU=H2U`43
zWsxA@>h-2NDU&b_rA@hq0i(lRBuBQ0S6KVGYkssAkF8Qh*v)>jN9`<e)5jV@xX4yb
z-Y;_z0=>gndVF%5b-nS)$P2#2Nw{ujV43YBM@x{LU%-vRW9gES)t0>PzCz~D5$|K_
z3-<vkLju_zA(hj@@fvQ|ShJcUuS!<Ce#R8Zx3llYP=3L^i{rtfoJidLETlF@9l_nr
z1&9?B;?2!<W5DfVQ|7-P2>6;vQ;9X-CrK+1>&Jc$2ZTc}aoAUSB!T5<#O;$WCVzg`
zk-pv%tZ+1!FQ&O*QTMJXP1AZ(0R>vmV@nEh{CdYI0!sc-SjR%D5zuB)G4j>KhMbuJ
zT;G3F*MqrxYme>h{Hw*_+wlr)v;45>H+0f)C%EUtxK=ZG1fp}dk@incFwrnR<1!n)
zO({Dz21dpME^W05VjbkjBtePfMd4aMk(JsZ`|rM<xo0?lB{9F1=Lel3R-?5A<WoxB
z({8@=1dRXCijP^*GHmmhzMM0z7YXoP98fP*QIeCpO?iBwo<?=DX+}-$Gj6w?`V(OF
z>=%hn#5HhDEOZMjhDbbfO@35rA=uEQ)x?t$tA8wLE%&`dByV#jMnQGF9Y~^nxH|A^
zeLTVXgPOVnl4>D%%u!PEXd~rE;225OZarzV43V<+wR}^B$K87AA$q)#j$Eu~8_kb+
zIZDb=>US;Pb2HQ!WmR1l)Yj3h?OfeZk8$AYpyG?O{o>3-J|q)}l~u=DUR}Ks)E`gk
zR$h=L6PCXuMh7hXO7#-nE2XHYSiiMpfiP^hzS?aK2OkCYd0CV36vB=Co%oJplcvL@
zO0T|TXDLAxyp@V4c=|I8W7IKa_-Y&k=Od{`hhG#5oMU372lEh?tv@jct75kWEv4(6
zKB$Bj)CI>#&<fm?CMPGW@8kvLwx6F5r)MSsG|7CX;{}iBSLMX;KjsXzh<}4|Q!?%h
z3^>766&n0AmTk}9!hgLMhPm*gpUm(3Bzve0S{jW=Hzm5I1cIE4Oxgf&Lb|hdC(mzm
zzoLRku%=3wYa1YVK0qB<EJXV;J_S2_LiS}mUqwM6jgogAJ!vn<M9<7tK02Mg3Qv_5
z6n;=8SC0E7!59G*^iVvjGKPMX?G>2t_*?v@t!~=*-p0|pf3KkMo+KrC+BapR?E_z?
zP0y<6^DZ^yx%I%o-j%&3TDL+spItv<D8@3xU~rHjS-tvdf01|do9iY5iRU~3-p$Re
zLrcU9wP7qIXMA5s(hxz&LIT%>GiasFi7pqI{LXpav`XvGcv9g}G#wfFc(G!J;=5<e
zkY`8JW)hB!{f_gWnHRIr2;7@umd+INy35QS<QaOBn$8U_XERN*cg1c<@O@KdzyW4e
z(JQS^O;yolj)u~z)bX1I>)?^V7vbUIVLyp=E@&L?eol9Hcdo4JSJOOZUDM1-1WR98
zn}I~i>ubRiT~E(z8U;3!;4fM^G6gFP8GB{1`@n-dr}mNRrz2-3qiv2D4`I_Pnp@V6
z+ok*C#yOH-eunh#vD8x48uHu6^_pF50ebx=BF$noUmG@1q>Uly`e8<-o_Q*no+Hsu
z9<Vu=p=OnM3gH@EvfNS-J3q_iuZwvPLn4!xK7+l1p1%i1OPFsKPzsrW=MzLq{qcmt
z(AjDudxj*cPfGAfQUL<AE=m|nzGoa3KTG*G1_}>ryjE=ePL`eH$X+PCjoRu5)9NU2
z13Z)_(hH(BHo$H(3d7^5eyLi<kf~9j3njnX^(bZrhCNuHf+{fbVuU2ujB4Qd$S=>e
z4kMsRCZ|zg2C5D78qpWew{j|i)FVk=!;#*>qtcQSU8PfjzlZ=_&7TftOGJK*5YHJ%
z^Fuk?OjY~&DSCVic%1k60o_st^c<FZjoLDl5=7i?c#KBX<Kn43pG%m;^stDI+y-W=
z434f1UM$L}U<$K^_yo(V%fNoeEjrz+{Q76DNQqc*Nf^YioLIH}w&>GmqxkqyWSdV1
z-td`h4w(~%z~(QqAFyuerOlVKK<Ruh=jIQ3yj3kCcx8NciF*vqeY;Ox4=0Q1al~8%
zI8qk2()o>BQQ~ysrYM^ME?;7rq}p%$AnSya1yd$@PPlX`4ROT0o;s)ep-p3m!eEH)
zNiQL%vGWJqyQayCUuAYv^<yITCV^)W1@m2S91^pIlvA81EcIlh?i49)hm2i=l7(%{
zuQ*sA_&R=x_98d#c?j^6hDe4Y{1}#{r4&CA;zf!=5U1r8eUIHr#=UN1P`idZj03w{
z!_lrPZ2A)havXWU%*}nJEX{(G_~Ba{eaN8ut$j_0UGZX5l+gZx7nCKkMj&G1`8TKP
z;?+=v5yaCRFJnUHih?e(4U0%Z#Ntn=GT6#JVr9muH1;uzh><`Sk6MdB0R6=b8=LkH
zo|m_ASf%BugcIRv4p3&fOX{2{5h9LMhO=*HFS$7YmG_$tH+LBCc-XTkC>Q5sFpEQw
z`}8U89bP5aYsFWQT(@*)y+Fi;qN>ATK?8F4M|6JKYn59e++T4b19{+!O8+(Y@z0nT
z6u+$>vSD=4HkI>k6`Xu8EgeJ+Tl7VfqT_Eso7@WP-^{f|;co=J*<ys+0JTvv$w9ar
z*z67O`{xK4cRt%;yqTuQQYD{XJq<qn3c<cUZM2{DY`#s7bzE6$2|<!tpyWU&;Tt#h
zJ(E6||FP-jBTVJJBW5~;x|KFEK&Y#ymw9uV%0L;6fl4jJFj!tOpGh;{r=0C@eYo(t
z=Pl}r5j8O7@)0CNLu*Ph@Tk75!JJd5KWc%|@eV__=#K9De0K!SQDV_*N}AzbUi_|_
zs@yW&g$SU)gO-LUp(L%}S?}bS<I<{B+MF&tnS?9qWFHAP?iH9AnjXwmqY94W%~(S<
zRTs7fQ>sil+xr-QwdyiL6&*op)Y?^sw$7bbU@o(YTCk#`@)R-dm9~kF{b2b(VS<R2
z&eM4YlO_VAkq-#L_6B1Cta>B#*(>%@1kX@VoM~xg#gub-kQM9g!y*CQJAHWZyHaNc
z=59&cFDuOe$*B6#`^@(9p^tGE<ye^*BDbd5A_1*edy7qCXU8~Lkvg-(6y)LXGAxG8
z<09`FQfP7*tFi+*&U7IUD-R8k8h#&S7zeY&KropPs5T!;-oRvflRf%~_b9p=GWe$?
zVW1sU$OLjHl5J2+HHC>$`-~*|SsfBeOkf~Tp4*!dgny!nLp%7P8lf6~*DVy$o{^jT
ze5M-DSMZoFx@^V0?|@eGE+Z{{p6=q$*}Sp~x*R{6$kvQ@_|i@^-FJjYal_ur2hkO)
zlm^Q3)JKiRT*f6e8_t)JzKLu6eLY2t<K<(=fDZ>u!kvt!^k1L55LQ&(j(G-N7QfPG
zy7*ZK8R-)>kEJskK%X}XV!J~H6)!|5t+R;Bq!})}ZjP6AhV5g--U39^`qVI>gM!p1
z_J!>)SC6OwB2#p+Uip4f>weWN3lIc|PEMzwY-8!%b{5I}y#Fx*$_5K3om69=?wMD$
zH2Y<ea?mOC4k%Up$#5DAdF_D539$$kO<+HP$p+OXD@BNHKsu6blF|fm47dhfY4_D@
zwHS~sq)%@&vXs`Xk)UElY)Y}CKNyK3dxX%~uT95@IW9IeX{rj&s0eR<p%8`2i3dS$
zoF~sep>-Q~JBOFSDI(N3r^>06tnEPMU5TkTpTV@yUE#^vQVYi9!TF8=zwD3I&6CE{
zsp$;j6utwOo8;s;4WDQE?eR|D!cy^<e&`bnPwM+D_^qK~x<vR1xLYhxc9>JiM9gj$
zZfRjPn|C&qr{5SeqnAEQ#?9jh<$Avpkj7$Sdh~XnLXezBzwyVH<qR?d9vci^E`e*M
z_AK}<TMTuMiM=96v(Vq3k*-qgm#nTXvPl{hjrd0xGLF(}j_32e5j}F}@yRh@jKG~E
zuS#$GXs*_+0xnUJEv#Z&^M{kpPLJPXbFOmj#d3=ycQ)|>&v!dp+#12R)7jT*<ZFG=
z+u#R8L82e>VyKwn)hLpakYdtkL)NaM-Ek#NmFvbiV{6UtA`Bdjvq(!c=yg*pLMQ$Y
zg`PGzQu)d4G(SD(RE*_^^4Ym!CL&!hvM<)7z`i4P+usi`<G|6I{RaJ`fC*jp_1(g{
z=f@1e(4Q$%;dHtFlhqx6h-Tlyr(ScyO3F4aXlvVV>#y;sma-8@SiInS>SZCAp_dr<
zqfR%<e2a3G#l@K!4F0mW`>uQcYiH$hi7`AIo#0{7KvWzWPo%$GURhV>#kA-Pp$Iq0
z043Gd)~-Xjm-B`rmJRWCA_AldL3@z_Q`L5y=)5@edyX%oJy-$#PXn$BU)Qte%M(CZ
zy9P5&1tc&NiAD<5S#OCMnt;6%W7!w;E1;cbF9#t#R)@z}5txY0gDk8qi6JqN<BrAS
z_M6=CyQ=Xw8dKajORibDQnZZ2TdKr+Si!{JvbXdhYVEpGD^)@P-cwmqMXik;Yi;EY
zKfj6VQOkbeP#NW4gw_JWp8WdI1dlGK9vJ*v#BiY5qu)J#_1Ch^y5mYZt3`W<!G#3-
zKCID^v#@{_K%nBNiyU1g9J3AF;XKXj=Vj>SE|lj^G-jP$5*V)ix_K>eC3OQ=OjgGV
zC1yIoRTf!Pc>27(4#jZs_=7)WkyWmpi*HLgRw84SAG|a`jLnV}#iZXbU^U_^3o$u5
zoL(CxJ$JnP%8pWZRE3M<2?CxE?%l+y<tVz8yj)IAHAr@Zi1Qh`f|0i1%LX_V%B=>A
z_+Gg4uPJadX>6V}3N;T<$3(|g{5MDDVTlZ(#mf@*+zuH=cf%EjAWB4wot+)bPdM+Z
zkh;Ww8I4R5aN$lZ4}7Z7UQnuv<0xwNi7Tk*ni^0i;f;uJXi<qj`WlUU7=W!Hn?#uc
z0p5PU`V=2eEx@p%9pX#JrDXJ@0#70StG5VNk(E5>;dFOfTGfJv?M++dM<R@62@8cy
zrnso(%=Loh#~;$2Tk|2b5?6`5(B=u3-tMm9v=r8QL)#pETa?KdPO5ehk!sF%W`mfm
z^glXxOmuvW<fVn_Cbrh;UsHQ2HOkh^(cvuYTUQV6tn+ZyD|%!;lU_x92LT)x>y%J9
zD#$s2y1uI-0hOk|VovwA(202?e%+OQ2O%h~ViWvEa}eviHO;8^xiI2NO&K^^o{ZfF
zm0l^TPgwc6{~-q41oN6aiuGE6^1hYh2iz4KRaYHvstQd=8$9QtFupHk3YHQf@*hd5
z!scI#?kCqt)c=sL&@~@km;lBg72JpbZ%RfMN5zxprTA{5gEbcco~-VT@cM1u(X*&w
z4<9jzlFFyg_mMr~4h)2OxozME5I@0jZ|%;qELRJ91gGt8E_vK1#|&^($eST`ePmah
zb;fjN*|MBytDRkt{A1H`buhbV*X75Ar1OHLh_xqHoQ|fKN$6Q#ty<l2PjoQdGKH|s
zuXt)PkH=NpTsogSDS$IV?G_PPI5Cq;iefEOI-q52EkFEp4Yl_eC?iJnSq)l!@?1LW
z-?76gSfFGKfcrtg=;Nm+uDI6{y-?^%#t2Bp+9Yfy&c2T1xxnH+?3lc?A{WH2He=y?
zfivg;{%C(VhTMY_dR;zANUHLkNsY!}sKa|`k;<TDeeN)KRry7UN1&lq)C803-OcB>
z5aByZ`A41(^qUaRfMoJ#e3ixvzbu(+QTyYh;`(pt!0Xf0sKZgn@qXzq0iPd#${Y$Y
zjlrJ~@zb=+3;j)TA!YfTl#wxb;<#Z};|6c0qOKjM6xkVcE;M&Z@L4!qeE?onRjUiv
z9*y*(QO`(QV?Eg17OAN@Md7}K+V1usF1AVKct;Cwr$WfkqSGx1otS4D!Ct%y!=&88
z-Rw^7eE>4W&v}0G(I4+V>V)fs+B5L53goJ*&9_9zC|)nplDR7#zixwO?1qO!5u|!p
zO~6V~l@A<Y-=4nG4B#?LQ`7gnKI}=?38VZL9U?c9IQa39@F<BT3)y0FB<ty3rxV=y
zc*S~s!+>dUkgDZqa1d%GmtH%{|F8r0y|POtrD21cht_j=+-e7%B9i-?endq9x>dO2
zl|2XQf4<&Z?6<SG;{=+o(nT7#Ce#%cwS>;9v7YtqH`uB!pp*eK$>2hnc0eT}pgJkv
z`%X*vOd_Q)>i5Ky&j#KK-cq-aQ!%uc#HZTRW;Vq+e8-*L`{Dqnx^2sG%=Iwz`8WjT
z0ipvaagcTW3dnJ+{jzS^<D@-nw4cD*!v_Dek+F7l%DJ7Om{%^<l)mL@u~^yw!T18u
ze@8$$8&l*m0c!vlD}dw5L@f*=b>Yp(+}QTqpB@Y>Dwd4fPb?)2XSkY>C7%(4&d3fz
zkuT%mHQ47R&8dWvbi$BfpRr!wfpsDD_LNA%^lfqp{d#ss*PtA^{4Tm;mcp9%+a5pL
z?`l6SsQ;*G(K5rx3K?bR-n2hn19BRQdU%KbJVQ-Q9Z;DZMDe;>RV76F{=J$Es+{K8
zUAsbIx(KfFj5wFjg~ZL`YY_c10NW5(PC372t8z@*&tpC+)iLlLtPm^JY@K}a+xgR0
ziNCoKC&S$Bu%XQFFh@KqPiapjR!P6H&E8zprhTIDZjmtRGEp1dgV{FO^)Tcy3WJmi
zCypr@|L#Mc_vBz^(A`De5m?X(Q-`^+@smEMQSr6IkL<u3h!a$vbEcj^)`|s50P>PG
zV}Izeyj*NIR9s+NXEIrk`!J<XTE;~*h<gRGI4f`gidl@Fkp=EjDwpXPJUl*9#>6J(
zs9hp&=VzAD9XXp3A-|(eL4CWp+?!7x^56%bRY~csoa*IO-SNl)d5jq*ls`x-Q3GkY
z9=GgV`@bGMB2KF<KdWVScUq4&bc&t^8@X=36V=F}i5Y$zEl8^?eOyb^SmeZGO^Z)Q
z{NBE(pm2CKXFM~ND-*_V*pCIrU%ES8_R=urk@%gIathrZ+zq>2=MJ@|(<>7YHtbGr
zQ4-1|@;`G9&K<;QW~wzWBNlw0PyU#099uRcaIhwR_l7Bj+;OoG7l#W5oaPcq(4E**
zeSLT2x8kxHXN2kz{X2NWjL)d6$<}v&J|A9(1%9SuJ7yT>@?NYo@O9Z!R`Je}DmBu#
z{`r36V(f5ARn&3PB!<{-v`o;g7<*|oZ8!JwQ~Rpt^@25K@?3T(ZuFyV_D2H#>@2aY
z&sJ1ijPy7%*c<(I-zb%pK=0!+1$ded&&6noVzDR(Ic&?#WJp+JX6%*4wig-={gxX8
zzx7S`3m~#N*K6+GKr5!IDl3&BgnYDn@|tYuF2ds^SW2LhSx`(=Dj}$T)o-k0^1XgZ
zirDw}`;*}F23O(BZ9{ZaZ8!sttsVi!(KXVyUA>`f)=rFNb^WU>Ye&iftGMt&Hn`J0
zx%_2w=J@;5aUPUjz9uEsMb6DeS?ysZG#%~nydS+K*BNcg6GWdA3g#2SZRl>KwQUIE
zQHT&=cY-{`v+L#OC9TfQvDlT(N=XP;zT4{5!|$m3^|$%A#xkbUljA8{L?=dzSsPC)
zKOc{Ew^WI>_@N-24efq`uh2KmfI0hFncowc>#}?`x9A-7uvlxl!QmC<G&MFieRG}d
z?2!!9PrqUqlH*(F^tC{myJfu#TKOUZ?>PT?Jw*2$+QUZF<jh*H=iEs{<%9{UP2r9(
zUYj!GF+ug&A6b|gf=6s5A8632Z4t5wo=1Km^C{SCW-AV}C^(W)`H6^ckyYyVE8xV}
z$Cl!GFY6e%1d|=Gf7<+tJ6>TK+J7gO@h58aJj$SM?Cy>~{mZQS12EqjKgX*&;PR~B
zacXkvM#CS0#j56J)o&GLw%U=eE~K>l;YUBYvz`Foaxq~Mf6q~OU9sYksQaJN6W|xh
z<bd-*I-a0se_}yTCb}K>H?3W1u_<;5ho6I8yG#XrY6~+-SVC62;51@4R~aj{ZJf3c
zj=p_U2&sSFLr#OW^9)_O-b$A2<M|Eh#CEsiMJ2YidtZ$3E;0wTSq5{VG3H^n&Ivg_
zWR<d~tsqm(h9KwBi~?8rX}yh2CEPs^~`$HEJk%l0K{MJnLg?ERn~3z8Iu~OM=|&
zu1KGC;H2-_<WEV<-i$#0Bt-xa`;o3065?IF4B3ro>k2SncpZg0z=3n>V`F;wD-o@a
z&Fvo7cnwprKlm<f!Wa_^3BwS~LEGU}t9Js+B3qf(xf6sFXw3LU#UBzPe53Z{2hZ9r
z#;ig08UqtEO4*3yk5M`0iCkI{qdI(Yfm&x=oc>k68^jeJCU(`e8+_dPj_1ofPBjJO
zNQHfY&R56^7WHdV1;()S9|p^l%Hm*S)((5Da)Be^4>)B@f-CnHRgTN?8^{^eA!_oz
zFJ*5f;dN_j$HR5kNI~6B-b&UAN?cHlDD2b{byo;d?J4K%S00IhS*H&#&xps)HX-3X
z3=dz~%^kIR<WC%aWikrUDq)l1ki93v&y`nJ{K#iKha&H*6U&hN>kb37a$%N*b^uqB
zcGL~IzfDn|MRi3>ja1aR8{)Hfkz^5R!oTQo!=W_&$rZ2-K8GSFbhbmuGFv89$mgcw
z2`BVyj|d|sJWB!_RI4fkS~k(c-Sk=xMdVdgKi)o#bT+*?GSee=jTyb0RPO9t0Pp9j
zlq8JTo6azjj{Tne$WY#Chx~C&=pu*$*GB_$D=a4w-&;#8p4IbUc0@%~^Co|b74v-O
zYTx5vc8}pQIt5|0!A1yc5mpilM+$CkFWZ{c5BSH-HrnWZh^S=p8{EeayCVi3++uKy
zApjODSC+8!d`cuM#ovE?7;7GkeP%vsmksged@Qp8bsD-~)yO9x?A^^2)Eshy=!)$|
z#$7flFCq%#H{Jo>MzJ1-mVO~Zw1jySJy<D>iX#%~F27~VWRwjn*<(@iGINXICKCQ3
zPkje+eE>Hp(jFGSy&Pq0#10`_sLG#anc=o_Ni-q`1fO!+77OCPPsO<JX<$9t^FlqG
zS2sEe!Z^zR<#Kx~z!WJ5qY(``l=T|^;^w`l68T!OkU==6ib>4#o7RM9fzj;BlnxU3
zB;fa{=FK3<H=*l|Up+3^l@}kKaG_21);&>})H&1$TN^&qoEiAwt#RMGBKiKPz%Akk
z{_sD`b-b(oid~*XVrjO1g%n#WJ$%u%>(Z%8%{8T^<-$98&a4v;>_<nt>XnH4FM7`r
za73k9cNs~+YV_>v4E%=m11;*OGJHR37p~g-<(*Gf+Is}~nY<UOM`v5D2hB$LnGc3p
zJI5s&XiJ^IhmIZ<)n1`Ueg+gKZ`LiKA9!8F1F|wR^)4^m$Iz>y8raqpmrI-%-+OA>
zm>@}uT<qPRAp&a;REaH&pv4h4m2e?N#%vJJy#RORs7hvwJ``&k5O5ECo>h-uNlzGf
zqo{ZkNhdPbs3bk^DN4Q?i+}T6>>Y$Z9*KoqTf*c#Cn5^;-leQUt=RKd-U&w@7=VR!
zaZdd$()@>aP8ad$v^mzI>a)*ri?xT$r}sPps3Lk;kEPsR0pAadUS2mIYd7SS#>SVJ
z=Wcp|wKXdQGg%CY>4j*&t@D20ycHw^UNuqSZRJM}EJu61u7vmM>oXRg13b$3D6|g!
zBRVO+1=u`>nqP_}k9v0>b>e+h?l@P#AN7xzvSlH0z#nh$Jc2?4f*`5}i+IRk!%!p7
z0l+5u%*XoAnCxGs{r()P*-eKlvbIRwc!7|zDfxV`<fcjALBGgnU0;*8ncTv_yAS@#
zP~pKix9GrX6Da~r_>9$dIHCl(Pr@kc2v>%6Ok!!UGrNCnEpC7s=XG|Kj4dX<OhfD!
zh1ddGj2`ACAU;s42OISy($c~ZgE1lpS<I6*7G|1tp6&kBjVxp;{*@h<^YNYpq~0oZ
zNdEyaFU27f^DRNbQtc~ON5&hM1mXMA;@v6fPv}G=eFt%|snc5MTfH;ickO7Tr`kG(
zht8o5KitQJ6R1-$Q$35<>RhQ>4im`%sFP_Y%t4QZu40A^E%rWU*3XC5TW1~JWtayb
zfqZF=y(vM+<U2}!1Q`~m!?~55&JyRwQT2GT1<8bKO+d@foSiey)Mwk3LZ8DV*{fs&
zYsgwRsxovvFNX8eH@H$)Mi{^#@279SSD??U0tX;Ho~N0ND;3RjqtjRumpzCaph#FY
z4`t8&#^lA$2WLx~O3TUV81+0z#xx@`vN!T0nkNFhhazs<mjf=3W8v+5#47uy>T7po
zzK<Vc`OUI|DbYQsluHt69_5BSms&Sa4B9*)0bqsIY&|VPk;g%Ud^F8v7JH-Q(i+pz
z+Ad*tM~hCOgK^q-=rSvqDAU6ctkwiYshdZg>KV%qFOs}Zho4zHE;$f}4I@@RjFUOz
z{$l@Wi_dXDnfY{wzMR%^f3675t2Q0wyHFaPqxXtVNA1k1wsnqtf09BAG8GlMR2$70
z)g-WR@$t#?USVOim{q)6y{=s0_w%}T5WGv(bXaP3t)xuQBq+MDCAJLJ$Oo+t>suni
z=VKM63`Dyv_El}uwOs;2K<-;2hx^sqIhmpMY)$Q)qZ-mGYTNi9M|--3LSn*7vpxhi
zOu1kA=T63JLOt9%8T>zpiOF%OTnTETGbTRB1LA{CgLh8Ci&dt{VPS{F<>(j_Uew7H
zw*sYtYel*@<l~ugbPsb8_N+RoSM$meWcSp)9D!j3{Q(p@d^YeMvWCsNlofBo53er3
zkn5Xk%_j43WVoXo7B<~BWxPmHS_NNd8l7S3NS`h<Z~D+vjv9q2M>yw)F+lPTqT7qI
z7)1IYJlod?l$bOe^C*av!I+Rg6t=MI1RIAOk|WoU;BWUqXCG=qp#{#(QL_+HDu2$T
zThTS^k2@O4NKi>yHTr?41s8UNb`#%QQt*Z4jil_RXa3LvpN4I)S1V+2EY6Eh;@45A
zXP0S8C#vkI8aZ?w?)-62D)_9``?&!g9gBtv1XqebfGvQWNX~0j6ZdP|$E1p-?j5n$
z{O4zogIdk0#LI^WN37C}xshQB5##i^XlpdkWb*HVJ)7(%)HvythOS{3AAn%lGHuYl
zRG!qJ!lLc>;kZ_H)}bo_AF`r^KRvuJJd}9IWomdk%mzAU%a`@&R4Ji{BF}?rwyKBd
zr$82h4eb8G@a*P^+umZ0pV5bLNSh|l1gcTWfhrVZ#MzJSDq9Dk=MCZN2zRY(!trfH
zPuO)C;zav@B>uF7jmy>yU*Gv#CNUc{jR2*-z4b47vhY?tm^_WJNGwwmyJhj73@yzW
zSd`yzyYQai`8E8-Gm%xyc=4?&t99WQd3@1Y`OPrm#S7Z@VNNKyvB^e@Ljlhf&F_n(
z`mRLEXrr}Tj4TK+_Q^umYf1ABj=3BO>H4v%FB%wMg21)ils}9zo;O&A>cjpTTzdV4
zw`IHGIUE<7hSbHiz<}U%2-{5|*%mo>kyo7DU1~_)jv^@{l6fONdAq!5{+YD+k19r{
znF3z*?9}Vo@9yz|PZXJZDSP|qA+}wz98>T<y>m$dJ_fFSqzrk@>UX{m(VHBF)xfr4
zCK1fH+}E%^lpogu*00Xmevp#owH01bEgeLX=0&x66646C6VhnyO;tbY#{GVP3p9p(
zbkUUOD1qOI(}7vUj@y*@7QAb7C4<Gge=W3BqO?Siu;U|vlOX%VCgdj=-S5r?LX}%t
zj|zxS7d9OR$2i^J+ZZ$}<ULnGi&f#Q_Ybfi<UU%u=pu*cBGnrdp<@jW_KLZ}c^hrL
z`!dIAhr4!G;3*js`7&|K!g&+h*K_1^ySBElxC@vkI6rk+8ekAH!AvN*dc<ola}}2j
z@Hl)A;k29Im+5iwvn+7BiG@y}^zL+Vrkx|O3%EdBkJiWL&$g~^SzzYso)2xyWE+^e
zUkke=x2;@-Ec|>t=F*6p3_@zv^`rA9=4-q<j+U#?^I(iC`8dPp-jLq`S+=?&<!)sM
zUu!5>F?qMmmYlqy%sLybwhW-T_F^G9RVaNyU^9De=gy{^9n$jC>cttCQ2hhy^|1{^
zw)z2E+}eAK{JtiGq{1x38z=tg9mN1=9Q2rWY10>KL*ylUad|t@&|F9>5aHuLMr|iM
z)eK1>kqi$5^7^>g`ZO{dK}NKl=+V7Q?#Y}Es!b#agukW4!%d>%IamM0aEK5i4pzl<
z5=`2~TI!8XmQRRtJHOwU%b|3fmdX>ZTAc7cJGN;pg(M+C6O%9jWX~RVzBy_t?iN%q
z=+aX2n}p6&&ZUh;^*)fm<MN~E^B{xM&|2X*d)}JVPzf@!jGfZxn;Yw<LRVKvr~SvE
z_{bJ=&$dNw?T&64q{8q3U>w&s8^7YJDd#$|58x-qs}YB%*6ls!QIZa$h$){E&V~tx
zu5Fw&Tnkq*MlW;OO<vF3$7L)srAo={*iH3~qr};%Ux<C8P1Ad1HJPWh9`>|LDPWs^
za^hM!5xvguo)0O`+$6-iAJYgyyr_78;3TUcSZ9dp8vE?G(vC|`1)v0zOa5H3aOs}S
z&4>E$_S6aM-QwLa%VX$EZB^a3$Te5p7*ABR`0Ynh1-Ybk-Mq28{fMY|_{x{%r!7By
z6dQzBWSm7m#N1q1H+7<_r!Kz`mlTJM7`(4p_8hV&ud2hvIIODC8PzNL^IQ`=uD*vf
zD_erfX6I*3uTTBM1rkm7**>K-Xj)kycRAtK;ou_NsoNBg`1)*dUq_?FnQ7uqP2Dza
zR$_bo{tcXmLkb!A{!zrpSAohgi?xk@t>oGG#Ks^;YJ%;rOpimp4&rPjPJUT^BA0L#
z>${Bb-0+9b9=-3G^jK8!wNwc~-<ykPRYmH&pcPkEpYQLMg^N{x^W*_XE40$g6P?_<
ztey?*J^FBoN1>_%aBdHAVIwd6Q_vtM%B<Z`H932Lh><zE4`k1(Xv8wntvMl@n-l#W
zZZb4Yb4si*{Ov1qB~H!<Hy%3@I%LOlmmB-R>&sQeDyhw7F?tm_N-d!>in$Xm>747n
zHtziTd4Zd`F|WoEm8n+hv^fRJ_oVe&x(s+I*%6MRDN3WJyJ!O&2)y4rmh$p##Srrq
z(eCONQCjXBoL1|GvQFVgeILY4&I}z7xB>=6+Xyl$6Iw4&GmW5D`gBhNlu$V$o5o3v
z?>FINZ}t}^wcgVVdC?}FKds;*6Pi-s5e*`5gY6k}qmbtu7^;>|D!6IDW&yU%5j%cq
z=a){Yo)QA;s^~-^<k}_fcT^wC-j!g_>N|YjW8*>xMO>p=DhyxV5C^ObY#sOv0iCt;
zPe|8v*zb&tS4P$mLD5l^C!SPXmevP|If6F!d4+!5Ne_x|S@FO2{Xw#Sqm)V^Bs;iy
zY(w%o*PQKnKZi((qbR?K)6-!S^(@aP4&^PBkkjW>4o~(d-oaWu-MRtPGex*H9E&H(
zfI=sv;*2bccZ4?<?VAmfuXTrW_P1}4c(3-#s;(;Da<4~#8I=vznWfs@d+jUQyn0#v
zqD)}sV$JyP-F!-zI*{WrW6TafOmble`ZP><?~z2FB;I_%rP_~=48X_nArnnRlJ}2u
zl@O<mN<ku~0thbDW@cev$sj$2kHSsSzA5T?3{Lp<FlR>}QCLOabL88S$tVvoqJRHY
zf^tj&kWy<*@f(@anttwx-uAVC`!@VnVT({81-8arI)Vg$Qh{fx6wo_Wt(o0vGu|`D
zOQTJ6Y=Y~!&$G9Go!_pF<WZlof772dq+m}t5clDsRWTOjq0?28L`m!GM10@sV8nH>
z;a7TC@9WFsYij{+yMdm#{^&p3mVP<ji&JX}e-)mVnz%b9kdwb3x_gZ)+DqQ^4>b(h
zk}?-R#GsVruVBikNC&fHn||rgY(9{XlkA1ND2}&rGl=i_1fc$~*ep-}8}oyk{Ns!H
b3wfD6sliXY*{Q$&A}24cB2_J68v1_#aEw}c
literal 0
HcmV?d00001
diff --git a/gracedb/static/images/logo.svg b/gracedb/static/images/logo.svg
new file mode 100644
index 000000000..ab7748ec1
--- /dev/null
+++ b/gracedb/static/images/logo.svg
@@ -0,0 +1,139 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created with matplotlib (https://matplotlib.org/) -->
+<svg height="72pt" version="1.1" viewBox="0 0 72 72" width="72pt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+ <style type="text/css">
+*{stroke-linecap:butt;stroke-linejoin:round;}
+ </style>
+ </defs>
+ <g id="figure_1">
+ <g id="patch_1">
+ <path d="M 0 72
+L 72 72
+L 72 0
+L 0 0
+z
+" style="fill:none;"/>
+ </g>
+ <g id="axes_1">
+ <g id="line2d_1">
+ <path clip-path="url(#pea4fd773e2)" d="M 3.272727 34.869788
+L 5.11044 35.840476
+L 6.708452 36.585684
+L 7.715199 36.818489
+L 8.594105 36.798364
+L 9.441051 36.555805
+L 10.351918 36.05312
+L 11.438565 35.181559
+L 14.538707 32.526636
+L 15.305753 32.251361
+L 15.976918 32.242904
+L 16.632102 32.464321
+L 17.319247 32.941851
+L 18.118253 33.786725
+L 19.15696 35.243008
+L 21.841619 39.177834
+L 22.544744 39.757634
+L 23.120028 39.960942
+L 23.615412 39.90996
+L 24.110795 39.634544
+L 24.670099 39.049108
+L 25.325284 38.008905
+L 26.14027 36.257208
+L 27.418679 32.888578
+L 28.888849 29.177694
+L 29.623935 27.877153
+L 30.167259 27.312997
+L 30.598722 27.155482
+L 30.982244 27.253978
+L 31.381747 27.608748
+L 31.84517 28.35028
+L 32.404474 29.709879
+L 33.091619 32.01765
+L 34.018466 35.988239
+L 36.383523 46.485447
+L 36.990767 48.103267
+L 37.42223 48.722235
+L 37.741832 48.846326
+L 38.013494 48.70617
+L 38.317116 48.265356
+L 38.700639 47.259787
+L 39.164062 45.359452
+L 39.739347 41.978091
+L 40.474432 36.210129
+L 41.800781 23.600473
+L 42.775568 15.366228
+L 43.334872 12.281826
+L 43.718395 11.206752
+L 43.958097 11.041547
+L 44.133878 11.189356
+L 44.357599 11.723331
+L 44.661222 13.091582
+L 45.060724 16.047993
+L 45.572088 21.712287
+L 46.243253 31.937439
+L 48.464489 68.271092
+L 48.832031 70.476711
+L 49.039773 70.796202
+L 49.151634 70.669738
+L 49.327415 70.034613
+L 49.583097 68.142478
+L 49.934659 63.688407
+L 50.414062 54.478895
+L 51.197088 34.300011
+L 52.187855 9.994247
+L 52.651278 3.413108
+L 52.954901 1.640164
+L 53.066761 1.535647
+L 53.098722 1.560686
+L 53.226562 1.903854
+L 53.434304 3.275552
+L 53.737926 6.977137
+L 54.201349 15.798978
+L 55.895241 51.206179
+L 56.230824 53.526312
+L 56.406605 53.797126
+L 56.422585 53.789961
+L 56.534446 53.595137
+L 56.726207 52.69577
+L 57.02983 49.971771
+L 57.525213 43.068991
+L 58.707741 26.033912
+L 59.091264 23.505375
+L 59.330966 23.032373
+L 59.458807 23.128339
+L 59.634588 23.637265
+L 59.90625 25.2027
+L 60.337713 29.197776
+L 61.839844 44.315691
+L 62.175426 45.542716
+L 62.383168 45.724239
+L 62.542969 45.572855
+L 62.76669 44.968091
+L 63.118253 43.236201
+L 63.741477 38.755694
+L 64.636364 32.669725
+L 65.067827 31.057322
+L 65.371449 30.603555
+L 65.57919 30.606896
+L 65.802912 30.866097
+L 66.138494 31.659588
+L 66.761719 33.84686
+L 67.528764 36.281657
+L 67.928267 36.914553
+L 68.215909 37.02041
+L 68.471591 36.874248
+L 68.727273 36.527629
+L 68.727273 36.527629
+" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-width:2;"/>
+ </g>
+ </g>
+ </g>
+ <defs>
+ <clipPath id="pea4fd773e2">
+ <rect height="72" width="72" x="0" y="0"/>
+ </clipPath>
+ </defs>
+</svg>
diff --git a/gracedb/static/js/materialize.js b/gracedb/static/js/materialize.js
new file mode 100644
index 000000000..1e1838230
--- /dev/null
+++ b/gracedb/static/js/materialize.js
@@ -0,0 +1,12374 @@
+/*!
+ * Materialize v1.0.0 (http://materializecss.com)
+ * Copyright 2014-2017 Materialize
+ * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
+ */
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+/*! cash-dom 1.3.5, https://github.com/kenwheeler/cash @license MIT */
+(function (factory) {
+ window.cash = factory();
+})(function () {
+ var doc = document,
+ win = window,
+ ArrayProto = Array.prototype,
+ slice = ArrayProto.slice,
+ filter = ArrayProto.filter,
+ push = ArrayProto.push;
+
+ var noop = function () {},
+ isFunction = function (item) {
+ // @see https://crbug.com/568448
+ return typeof item === typeof noop && item.call;
+ },
+ isString = function (item) {
+ return typeof item === typeof "";
+ };
+
+ var idMatch = /^#[\w-]*$/,
+ classMatch = /^\.[\w-]*$/,
+ htmlMatch = /<.+>/,
+ singlet = /^\w+$/;
+
+ function find(selector, context) {
+ context = context || doc;
+ var elems = classMatch.test(selector) ? context.getElementsByClassName(selector.slice(1)) : singlet.test(selector) ? context.getElementsByTagName(selector) : context.querySelectorAll(selector);
+ return elems;
+ }
+
+ var frag;
+ function parseHTML(str) {
+ if (!frag) {
+ frag = doc.implementation.createHTMLDocument(null);
+ var base = frag.createElement("base");
+ base.href = doc.location.href;
+ frag.head.appendChild(base);
+ }
+
+ frag.body.innerHTML = str;
+
+ return frag.body.childNodes;
+ }
+
+ function onReady(fn) {
+ if (doc.readyState !== "loading") {
+ fn();
+ } else {
+ doc.addEventListener("DOMContentLoaded", fn);
+ }
+ }
+
+ function Init(selector, context) {
+ if (!selector) {
+ return this;
+ }
+
+ // If already a cash collection, don't do any further processing
+ if (selector.cash && selector !== win) {
+ return selector;
+ }
+
+ var elems = selector,
+ i = 0,
+ length;
+
+ if (isString(selector)) {
+ elems = idMatch.test(selector) ?
+ // If an ID use the faster getElementById check
+ doc.getElementById(selector.slice(1)) : htmlMatch.test(selector) ?
+ // If HTML, parse it into real elements
+ parseHTML(selector) :
+ // else use `find`
+ find(selector, context);
+
+ // If function, use as shortcut for DOM ready
+ } else if (isFunction(selector)) {
+ onReady(selector);return this;
+ }
+
+ if (!elems) {
+ return this;
+ }
+
+ // If a single DOM element is passed in or received via ID, return the single element
+ if (elems.nodeType || elems === win) {
+ this[0] = elems;
+ this.length = 1;
+ } else {
+ // Treat like an array and loop through each item.
+ length = this.length = elems.length;
+ for (; i < length; i++) {
+ this[i] = elems[i];
+ }
+ }
+
+ return this;
+ }
+
+ function cash(selector, context) {
+ return new Init(selector, context);
+ }
+
+ var fn = cash.fn = cash.prototype = Init.prototype = { // jshint ignore:line
+ cash: true,
+ length: 0,
+ push: push,
+ splice: ArrayProto.splice,
+ map: ArrayProto.map,
+ init: Init
+ };
+
+ Object.defineProperty(fn, "constructor", { value: cash });
+
+ cash.parseHTML = parseHTML;
+ cash.noop = noop;
+ cash.isFunction = isFunction;
+ cash.isString = isString;
+
+ cash.extend = fn.extend = function (target) {
+ target = target || {};
+
+ var args = slice.call(arguments),
+ length = args.length,
+ i = 1;
+
+ if (args.length === 1) {
+ target = this;
+ i = 0;
+ }
+
+ for (; i < length; i++) {
+ if (!args[i]) {
+ continue;
+ }
+ for (var key in args[i]) {
+ if (args[i].hasOwnProperty(key)) {
+ target[key] = args[i][key];
+ }
+ }
+ }
+
+ return target;
+ };
+
+ function each(collection, callback) {
+ var l = collection.length,
+ i = 0;
+
+ for (; i < l; i++) {
+ if (callback.call(collection[i], collection[i], i, collection) === false) {
+ break;
+ }
+ }
+ }
+
+ function matches(el, selector) {
+ var m = el && (el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector);
+ return !!m && m.call(el, selector);
+ }
+
+ function getCompareFunction(selector) {
+ return (
+ /* Use browser's `matches` function if string */
+ isString(selector) ? matches :
+ /* Match a cash element */
+ selector.cash ? function (el) {
+ return selector.is(el);
+ } :
+ /* Direct comparison */
+ function (el, selector) {
+ return el === selector;
+ }
+ );
+ }
+
+ function unique(collection) {
+ return cash(slice.call(collection).filter(function (item, index, self) {
+ return self.indexOf(item) === index;
+ }));
+ }
+
+ cash.extend({
+ merge: function (first, second) {
+ var len = +second.length,
+ i = first.length,
+ j = 0;
+
+ for (; j < len; i++, j++) {
+ first[i] = second[j];
+ }
+
+ first.length = i;
+ return first;
+ },
+
+ each: each,
+ matches: matches,
+ unique: unique,
+ isArray: Array.isArray,
+ isNumeric: function (n) {
+ return !isNaN(parseFloat(n)) && isFinite(n);
+ }
+
+ });
+
+ var uid = cash.uid = "_cash" + Date.now();
+
+ function getDataCache(node) {
+ return node[uid] = node[uid] || {};
+ }
+
+ function setData(node, key, value) {
+ return getDataCache(node)[key] = value;
+ }
+
+ function getData(node, key) {
+ var c = getDataCache(node);
+ if (c[key] === undefined) {
+ c[key] = node.dataset ? node.dataset[key] : cash(node).attr("data-" + key);
+ }
+ return c[key];
+ }
+
+ function removeData(node, key) {
+ var c = getDataCache(node);
+ if (c) {
+ delete c[key];
+ } else if (node.dataset) {
+ delete node.dataset[key];
+ } else {
+ cash(node).removeAttr("data-" + name);
+ }
+ }
+
+ fn.extend({
+ data: function (name, value) {
+ if (isString(name)) {
+ return value === undefined ? getData(this[0], name) : this.each(function (v) {
+ return setData(v, name, value);
+ });
+ }
+
+ for (var key in name) {
+ this.data(key, name[key]);
+ }
+
+ return this;
+ },
+
+ removeData: function (key) {
+ return this.each(function (v) {
+ return removeData(v, key);
+ });
+ }
+
+ });
+
+ var notWhiteMatch = /\S+/g;
+
+ function getClasses(c) {
+ return isString(c) && c.match(notWhiteMatch);
+ }
+
+ function hasClass(v, c) {
+ return v.classList ? v.classList.contains(c) : new RegExp("(^| )" + c + "( |$)", "gi").test(v.className);
+ }
+
+ function addClass(v, c, spacedName) {
+ if (v.classList) {
+ v.classList.add(c);
+ } else if (spacedName.indexOf(" " + c + " ")) {
+ v.className += " " + c;
+ }
+ }
+
+ function removeClass(v, c) {
+ if (v.classList) {
+ v.classList.remove(c);
+ } else {
+ v.className = v.className.replace(c, "");
+ }
+ }
+
+ fn.extend({
+ addClass: function (c) {
+ var classes = getClasses(c);
+
+ return classes ? this.each(function (v) {
+ var spacedName = " " + v.className + " ";
+ each(classes, function (c) {
+ addClass(v, c, spacedName);
+ });
+ }) : this;
+ },
+
+ attr: function (name, value) {
+ if (!name) {
+ return undefined;
+ }
+
+ if (isString(name)) {
+ if (value === undefined) {
+ return this[0] ? this[0].getAttribute ? this[0].getAttribute(name) : this[0][name] : undefined;
+ }
+
+ return this.each(function (v) {
+ if (v.setAttribute) {
+ v.setAttribute(name, value);
+ } else {
+ v[name] = value;
+ }
+ });
+ }
+
+ for (var key in name) {
+ this.attr(key, name[key]);
+ }
+
+ return this;
+ },
+
+ hasClass: function (c) {
+ var check = false,
+ classes = getClasses(c);
+ if (classes && classes.length) {
+ this.each(function (v) {
+ check = hasClass(v, classes[0]);
+ return !check;
+ });
+ }
+ return check;
+ },
+
+ prop: function (name, value) {
+ if (isString(name)) {
+ return value === undefined ? this[0][name] : this.each(function (v) {
+ v[name] = value;
+ });
+ }
+
+ for (var key in name) {
+ this.prop(key, name[key]);
+ }
+
+ return this;
+ },
+
+ removeAttr: function (name) {
+ return this.each(function (v) {
+ if (v.removeAttribute) {
+ v.removeAttribute(name);
+ } else {
+ delete v[name];
+ }
+ });
+ },
+
+ removeClass: function (c) {
+ if (!arguments.length) {
+ return this.attr("class", "");
+ }
+ var classes = getClasses(c);
+ return classes ? this.each(function (v) {
+ each(classes, function (c) {
+ removeClass(v, c);
+ });
+ }) : this;
+ },
+
+ removeProp: function (name) {
+ return this.each(function (v) {
+ delete v[name];
+ });
+ },
+
+ toggleClass: function (c, state) {
+ if (state !== undefined) {
+ return this[state ? "addClass" : "removeClass"](c);
+ }
+ var classes = getClasses(c);
+ return classes ? this.each(function (v) {
+ var spacedName = " " + v.className + " ";
+ each(classes, function (c) {
+ if (hasClass(v, c)) {
+ removeClass(v, c);
+ } else {
+ addClass(v, c, spacedName);
+ }
+ });
+ }) : this;
+ } });
+
+ fn.extend({
+ add: function (selector, context) {
+ return unique(cash.merge(this, cash(selector, context)));
+ },
+
+ each: function (callback) {
+ each(this, callback);
+ return this;
+ },
+
+ eq: function (index) {
+ return cash(this.get(index));
+ },
+
+ filter: function (selector) {
+ if (!selector) {
+ return this;
+ }
+
+ var comparator = isFunction(selector) ? selector : getCompareFunction(selector);
+
+ return cash(filter.call(this, function (e) {
+ return comparator(e, selector);
+ }));
+ },
+
+ first: function () {
+ return this.eq(0);
+ },
+
+ get: function (index) {
+ if (index === undefined) {
+ return slice.call(this);
+ }
+ return index < 0 ? this[index + this.length] : this[index];
+ },
+
+ index: function (elem) {
+ var child = elem ? cash(elem)[0] : this[0],
+ collection = elem ? this : cash(child).parent().children();
+ return slice.call(collection).indexOf(child);
+ },
+
+ last: function () {
+ return this.eq(-1);
+ }
+
+ });
+
+ var camelCase = function () {
+ var camelRegex = /(?:^\w|[A-Z]|\b\w)/g,
+ whiteSpace = /[\s-_]+/g;
+ return function (str) {
+ return str.replace(camelRegex, function (letter, index) {
+ return letter[index === 0 ? "toLowerCase" : "toUpperCase"]();
+ }).replace(whiteSpace, "");
+ };
+ }();
+
+ var getPrefixedProp = function () {
+ var cache = {},
+ doc = document,
+ div = doc.createElement("div"),
+ style = div.style;
+
+ return function (prop) {
+ prop = camelCase(prop);
+ if (cache[prop]) {
+ return cache[prop];
+ }
+
+ var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
+ prefixes = ["webkit", "moz", "ms", "o"],
+ props = (prop + " " + prefixes.join(ucProp + " ") + ucProp).split(" ");
+
+ each(props, function (p) {
+ if (p in style) {
+ cache[p] = prop = cache[prop] = p;
+ return false;
+ }
+ });
+
+ return cache[prop];
+ };
+ }();
+
+ cash.prefixedProp = getPrefixedProp;
+ cash.camelCase = camelCase;
+
+ fn.extend({
+ css: function (prop, value) {
+ if (isString(prop)) {
+ prop = getPrefixedProp(prop);
+ return arguments.length > 1 ? this.each(function (v) {
+ return v.style[prop] = value;
+ }) : win.getComputedStyle(this[0])[prop];
+ }
+
+ for (var key in prop) {
+ this.css(key, prop[key]);
+ }
+
+ return this;
+ }
+
+ });
+
+ function compute(el, prop) {
+ return parseInt(win.getComputedStyle(el[0], null)[prop], 10) || 0;
+ }
+
+ each(["Width", "Height"], function (v) {
+ var lower = v.toLowerCase();
+
+ fn[lower] = function () {
+ return this[0].getBoundingClientRect()[lower];
+ };
+
+ fn["inner" + v] = function () {
+ return this[0]["client" + v];
+ };
+
+ fn["outer" + v] = function (margins) {
+ return this[0]["offset" + v] + (margins ? compute(this, "margin" + (v === "Width" ? "Left" : "Top")) + compute(this, "margin" + (v === "Width" ? "Right" : "Bottom")) : 0);
+ };
+ });
+
+ function registerEvent(node, eventName, callback) {
+ var eventCache = getData(node, "_cashEvents") || setData(node, "_cashEvents", {});
+ eventCache[eventName] = eventCache[eventName] || [];
+ eventCache[eventName].push(callback);
+ node.addEventListener(eventName, callback);
+ }
+
+ function removeEvent(node, eventName, callback) {
+ var events = getData(node, "_cashEvents"),
+ eventCache = events && events[eventName],
+ index;
+
+ if (!eventCache) {
+ return;
+ }
+
+ if (callback) {
+ node.removeEventListener(eventName, callback);
+ index = eventCache.indexOf(callback);
+ if (index >= 0) {
+ eventCache.splice(index, 1);
+ }
+ } else {
+ each(eventCache, function (event) {
+ node.removeEventListener(eventName, event);
+ });
+ eventCache = [];
+ }
+ }
+
+ fn.extend({
+ off: function (eventName, callback) {
+ return this.each(function (v) {
+ return removeEvent(v, eventName, callback);
+ });
+ },
+
+ on: function (eventName, delegate, callback, runOnce) {
+ // jshint ignore:line
+ var originalCallback;
+ if (!isString(eventName)) {
+ for (var key in eventName) {
+ this.on(key, delegate, eventName[key]);
+ }
+ return this;
+ }
+
+ if (isFunction(delegate)) {
+ callback = delegate;
+ delegate = null;
+ }
+
+ if (eventName === "ready") {
+ onReady(callback);
+ return this;
+ }
+
+ if (delegate) {
+ originalCallback = callback;
+ callback = function (e) {
+ var t = e.target;
+ while (!matches(t, delegate)) {
+ if (t === this || t === null) {
+ return t = false;
+ }
+
+ t = t.parentNode;
+ }
+
+ if (t) {
+ originalCallback.call(t, e);
+ }
+ };
+ }
+
+ return this.each(function (v) {
+ var finalCallback = callback;
+ if (runOnce) {
+ finalCallback = function () {
+ callback.apply(this, arguments);
+ removeEvent(v, eventName, finalCallback);
+ };
+ }
+ registerEvent(v, eventName, finalCallback);
+ });
+ },
+
+ one: function (eventName, delegate, callback) {
+ return this.on(eventName, delegate, callback, true);
+ },
+
+ ready: onReady,
+
+ /**
+ * Modified
+ * Triggers browser event
+ * @param String eventName
+ * @param Object data - Add properties to event object
+ */
+ trigger: function (eventName, data) {
+ if (document.createEvent) {
+ var evt = document.createEvent('HTMLEvents');
+ evt.initEvent(eventName, true, false);
+ evt = this.extend(evt, data);
+ return this.each(function (v) {
+ return v.dispatchEvent(evt);
+ });
+ }
+ }
+
+ });
+
+ function encode(name, value) {
+ return "&" + encodeURIComponent(name) + "=" + encodeURIComponent(value).replace(/%20/g, "+");
+ }
+
+ function getSelectMultiple_(el) {
+ var values = [];
+ each(el.options, function (o) {
+ if (o.selected) {
+ values.push(o.value);
+ }
+ });
+ return values.length ? values : null;
+ }
+
+ function getSelectSingle_(el) {
+ var selectedIndex = el.selectedIndex;
+ return selectedIndex >= 0 ? el.options[selectedIndex].value : null;
+ }
+
+ function getValue(el) {
+ var type = el.type;
+ if (!type) {
+ return null;
+ }
+ switch (type.toLowerCase()) {
+ case "select-one":
+ return getSelectSingle_(el);
+ case "select-multiple":
+ return getSelectMultiple_(el);
+ case "radio":
+ return el.checked ? el.value : null;
+ case "checkbox":
+ return el.checked ? el.value : null;
+ default:
+ return el.value ? el.value : null;
+ }
+ }
+
+ fn.extend({
+ serialize: function () {
+ var query = "";
+
+ each(this[0].elements || this, function (el) {
+ if (el.disabled || el.tagName === "FIELDSET") {
+ return;
+ }
+ var name = el.name;
+ switch (el.type.toLowerCase()) {
+ case "file":
+ case "reset":
+ case "submit":
+ case "button":
+ break;
+ case "select-multiple":
+ var values = getValue(el);
+ if (values !== null) {
+ each(values, function (value) {
+ query += encode(name, value);
+ });
+ }
+ break;
+ default:
+ var value = getValue(el);
+ if (value !== null) {
+ query += encode(name, value);
+ }
+ }
+ });
+
+ return query.substr(1);
+ },
+
+ val: function (value) {
+ if (value === undefined) {
+ return getValue(this[0]);
+ }
+
+ return this.each(function (v) {
+ return v.value = value;
+ });
+ }
+
+ });
+
+ function insertElement(el, child, prepend) {
+ if (prepend) {
+ var first = el.childNodes[0];
+ el.insertBefore(child, first);
+ } else {
+ el.appendChild(child);
+ }
+ }
+
+ function insertContent(parent, child, prepend) {
+ var str = isString(child);
+
+ if (!str && child.length) {
+ each(child, function (v) {
+ return insertContent(parent, v, prepend);
+ });
+ return;
+ }
+
+ each(parent, str ? function (v) {
+ return v.insertAdjacentHTML(prepend ? "afterbegin" : "beforeend", child);
+ } : function (v, i) {
+ return insertElement(v, i === 0 ? child : child.cloneNode(true), prepend);
+ });
+ }
+
+ fn.extend({
+ after: function (selector) {
+ cash(selector).insertAfter(this);
+ return this;
+ },
+
+ append: function (content) {
+ insertContent(this, content);
+ return this;
+ },
+
+ appendTo: function (parent) {
+ insertContent(cash(parent), this);
+ return this;
+ },
+
+ before: function (selector) {
+ cash(selector).insertBefore(this);
+ return this;
+ },
+
+ clone: function () {
+ return cash(this.map(function (v) {
+ return v.cloneNode(true);
+ }));
+ },
+
+ empty: function () {
+ this.html("");
+ return this;
+ },
+
+ html: function (content) {
+ if (content === undefined) {
+ return this[0].innerHTML;
+ }
+ var source = content.nodeType ? content[0].outerHTML : content;
+ return this.each(function (v) {
+ return v.innerHTML = source;
+ });
+ },
+
+ insertAfter: function (selector) {
+ var _this = this;
+
+ cash(selector).each(function (el, i) {
+ var parent = el.parentNode,
+ sibling = el.nextSibling;
+ _this.each(function (v) {
+ parent.insertBefore(i === 0 ? v : v.cloneNode(true), sibling);
+ });
+ });
+
+ return this;
+ },
+
+ insertBefore: function (selector) {
+ var _this2 = this;
+ cash(selector).each(function (el, i) {
+ var parent = el.parentNode;
+ _this2.each(function (v) {
+ parent.insertBefore(i === 0 ? v : v.cloneNode(true), el);
+ });
+ });
+ return this;
+ },
+
+ prepend: function (content) {
+ insertContent(this, content, true);
+ return this;
+ },
+
+ prependTo: function (parent) {
+ insertContent(cash(parent), this, true);
+ return this;
+ },
+
+ remove: function () {
+ return this.each(function (v) {
+ if (!!v.parentNode) {
+ return v.parentNode.removeChild(v);
+ }
+ });
+ },
+
+ text: function (content) {
+ if (content === undefined) {
+ return this[0].textContent;
+ }
+ return this.each(function (v) {
+ return v.textContent = content;
+ });
+ }
+
+ });
+
+ var docEl = doc.documentElement;
+
+ fn.extend({
+ position: function () {
+ var el = this[0];
+ return {
+ left: el.offsetLeft,
+ top: el.offsetTop
+ };
+ },
+
+ offset: function () {
+ var rect = this[0].getBoundingClientRect();
+ return {
+ top: rect.top + win.pageYOffset - docEl.clientTop,
+ left: rect.left + win.pageXOffset - docEl.clientLeft
+ };
+ },
+
+ offsetParent: function () {
+ return cash(this[0].offsetParent);
+ }
+
+ });
+
+ fn.extend({
+ children: function (selector) {
+ var elems = [];
+ this.each(function (el) {
+ push.apply(elems, el.children);
+ });
+ elems = unique(elems);
+
+ return !selector ? elems : elems.filter(function (v) {
+ return matches(v, selector);
+ });
+ },
+
+ closest: function (selector) {
+ if (!selector || this.length < 1) {
+ return cash();
+ }
+ if (this.is(selector)) {
+ return this.filter(selector);
+ }
+ return this.parent().closest(selector);
+ },
+
+ is: function (selector) {
+ if (!selector) {
+ return false;
+ }
+
+ var match = false,
+ comparator = getCompareFunction(selector);
+
+ this.each(function (el) {
+ match = comparator(el, selector);
+ return !match;
+ });
+
+ return match;
+ },
+
+ find: function (selector) {
+ if (!selector || selector.nodeType) {
+ return cash(selector && this.has(selector).length ? selector : null);
+ }
+
+ var elems = [];
+ this.each(function (el) {
+ push.apply(elems, find(selector, el));
+ });
+
+ return unique(elems);
+ },
+
+ has: function (selector) {
+ var comparator = isString(selector) ? function (el) {
+ return find(selector, el).length !== 0;
+ } : function (el) {
+ return el.contains(selector);
+ };
+
+ return this.filter(comparator);
+ },
+
+ next: function () {
+ return cash(this[0].nextElementSibling);
+ },
+
+ not: function (selector) {
+ if (!selector) {
+ return this;
+ }
+
+ var comparator = getCompareFunction(selector);
+
+ return this.filter(function (el) {
+ return !comparator(el, selector);
+ });
+ },
+
+ parent: function () {
+ var result = [];
+
+ this.each(function (item) {
+ if (item && item.parentNode) {
+ result.push(item.parentNode);
+ }
+ });
+
+ return unique(result);
+ },
+
+ parents: function (selector) {
+ var last,
+ result = [];
+
+ this.each(function (item) {
+ last = item;
+
+ while (last && last.parentNode && last !== doc.body.parentNode) {
+ last = last.parentNode;
+
+ if (!selector || selector && matches(last, selector)) {
+ result.push(last);
+ }
+ }
+ });
+
+ return unique(result);
+ },
+
+ prev: function () {
+ return cash(this[0].previousElementSibling);
+ },
+
+ siblings: function (selector) {
+ var collection = this.parent().children(selector),
+ el = this[0];
+
+ return collection.filter(function (i) {
+ return i !== el;
+ });
+ }
+
+ });
+
+ return cash;
+});
+;
+var Component = function () {
+ /**
+ * Generic constructor for all components
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Component(classDef, el, options) {
+ _classCallCheck(this, Component);
+
+ // Display error if el is valid HTML Element
+ if (!(el instanceof Element)) {
+ console.error(Error(el + ' is not an HTML Element'));
+ }
+
+ // If exists, destroy and reinitialize in child
+ var ins = classDef.getInstance(el);
+ if (!!ins) {
+ ins.destroy();
+ }
+
+ this.el = el;
+ this.$el = cash(el);
+ }
+
+ /**
+ * Initializes components
+ * @param {class} classDef
+ * @param {Element | NodeList | jQuery} els
+ * @param {Object} options
+ */
+
+
+ _createClass(Component, null, [{
+ key: "init",
+ value: function init(classDef, els, options) {
+ var instances = null;
+ if (els instanceof Element) {
+ instances = new classDef(els, options);
+ } else if (!!els && (els.jquery || els.cash || els instanceof NodeList)) {
+ var instancesArr = [];
+ for (var i = 0; i < els.length; i++) {
+ instancesArr.push(new classDef(els[i], options));
+ }
+ instances = instancesArr;
+ }
+
+ return instances;
+ }
+ }]);
+
+ return Component;
+}();
+
+; // Required for Meteor package, the use of window prevents export by Meteor
+(function (window) {
+ if (window.Package) {
+ M = {};
+ } else {
+ window.M = {};
+ }
+
+ // Check for jQuery
+ M.jQueryLoaded = !!window.jQuery;
+})(window);
+
+// AMD
+if (typeof define === 'function' && define.amd) {
+ define('M', [], function () {
+ return M;
+ });
+
+ // Common JS
+} else if (typeof exports !== 'undefined' && !exports.nodeType) {
+ if (typeof module !== 'undefined' && !module.nodeType && module.exports) {
+ exports = module.exports = M;
+ }
+ exports.default = M;
+}
+
+M.version = '1.0.0';
+
+M.keys = {
+ TAB: 9,
+ ENTER: 13,
+ ESC: 27,
+ ARROW_UP: 38,
+ ARROW_DOWN: 40
+};
+
+/**
+ * TabPress Keydown handler
+ */
+M.tabPressed = false;
+M.keyDown = false;
+var docHandleKeydown = function (e) {
+ M.keyDown = true;
+ if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
+ M.tabPressed = true;
+ }
+};
+var docHandleKeyup = function (e) {
+ M.keyDown = false;
+ if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
+ M.tabPressed = false;
+ }
+};
+var docHandleFocus = function (e) {
+ if (M.keyDown) {
+ document.body.classList.add('keyboard-focused');
+ }
+};
+var docHandleBlur = function (e) {
+ document.body.classList.remove('keyboard-focused');
+};
+document.addEventListener('keydown', docHandleKeydown, true);
+document.addEventListener('keyup', docHandleKeyup, true);
+document.addEventListener('focus', docHandleFocus, true);
+document.addEventListener('blur', docHandleBlur, true);
+
+/**
+ * Initialize jQuery wrapper for plugin
+ * @param {Class} plugin javascript class
+ * @param {string} pluginName jQuery plugin name
+ * @param {string} classRef Class reference name
+ */
+M.initializeJqueryWrapper = function (plugin, pluginName, classRef) {
+ jQuery.fn[pluginName] = function (methodOrOptions) {
+ // Call plugin method if valid method name is passed in
+ if (plugin.prototype[methodOrOptions]) {
+ var params = Array.prototype.slice.call(arguments, 1);
+
+ // Getter methods
+ if (methodOrOptions.slice(0, 3) === 'get') {
+ var instance = this.first()[0][classRef];
+ return instance[methodOrOptions].apply(instance, params);
+ }
+
+ // Void methods
+ return this.each(function () {
+ var instance = this[classRef];
+ instance[methodOrOptions].apply(instance, params);
+ });
+
+ // Initialize plugin if options or no argument is passed in
+ } else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
+ plugin.init(this, arguments[0]);
+ return this;
+ }
+
+ // Return error if an unrecognized method name is passed in
+ jQuery.error("Method " + methodOrOptions + " does not exist on jQuery." + pluginName);
+ };
+};
+
+/**
+ * Automatically initialize components
+ * @param {Element} context DOM Element to search within for components
+ */
+M.AutoInit = function (context) {
+ // Use document.body if no context is given
+ var root = !!context ? context : document.body;
+
+ var registry = {
+ Autocomplete: root.querySelectorAll('.autocomplete:not(.no-autoinit)'),
+ Carousel: root.querySelectorAll('.carousel:not(.no-autoinit)'),
+ Chips: root.querySelectorAll('.chips:not(.no-autoinit)'),
+ Collapsible: root.querySelectorAll('.collapsible:not(.no-autoinit)'),
+ Datepicker: root.querySelectorAll('.datepicker:not(.no-autoinit)'),
+ Dropdown: root.querySelectorAll('.dropdown-trigger:not(.no-autoinit)'),
+ Materialbox: root.querySelectorAll('.materialboxed:not(.no-autoinit)'),
+ Modal: root.querySelectorAll('.modal:not(.no-autoinit)'),
+ Parallax: root.querySelectorAll('.parallax:not(.no-autoinit)'),
+ Pushpin: root.querySelectorAll('.pushpin:not(.no-autoinit)'),
+ ScrollSpy: root.querySelectorAll('.scrollspy:not(.no-autoinit)'),
+ FormSelect: root.querySelectorAll('select:not(.no-autoinit)'),
+ Sidenav: root.querySelectorAll('.sidenav:not(.no-autoinit)'),
+ Tabs: root.querySelectorAll('.tabs:not(.no-autoinit)'),
+ TapTarget: root.querySelectorAll('.tap-target:not(.no-autoinit)'),
+ Timepicker: root.querySelectorAll('.timepicker:not(.no-autoinit)'),
+ Tooltip: root.querySelectorAll('.tooltipped:not(.no-autoinit)'),
+ FloatingActionButton: root.querySelectorAll('.fixed-action-btn:not(.no-autoinit)')
+ };
+
+ for (var pluginName in registry) {
+ var plugin = M[pluginName];
+ plugin.init(registry[pluginName]);
+ }
+};
+
+/**
+ * Generate approximated selector string for a jQuery object
+ * @param {jQuery} obj jQuery object to be parsed
+ * @returns {string}
+ */
+M.objectSelectorString = function (obj) {
+ var tagStr = obj.prop('tagName') || '';
+ var idStr = obj.attr('id') || '';
+ var classStr = obj.attr('class') || '';
+ return (tagStr + idStr + classStr).replace(/\s/g, '');
+};
+
+// Unique Random ID
+M.guid = function () {
+ function s4() {
+ return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
+ }
+ return function () {
+ return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+ };
+}();
+
+/**
+ * Escapes hash from special characters
+ * @param {string} hash String returned from this.hash
+ * @returns {string}
+ */
+M.escapeHash = function (hash) {
+ return hash.replace(/(:|\.|\[|\]|,|=|\/)/g, '\\$1');
+};
+
+M.elementOrParentIsFixed = function (element) {
+ var $element = $(element);
+ var $checkElements = $element.add($element.parents());
+ var isFixed = false;
+ $checkElements.each(function () {
+ if ($(this).css('position') === 'fixed') {
+ isFixed = true;
+ return false;
+ }
+ });
+ return isFixed;
+};
+
+/**
+ * @typedef {Object} Edges
+ * @property {Boolean} top If the top edge was exceeded
+ * @property {Boolean} right If the right edge was exceeded
+ * @property {Boolean} bottom If the bottom edge was exceeded
+ * @property {Boolean} left If the left edge was exceeded
+ */
+
+/**
+ * @typedef {Object} Bounding
+ * @property {Number} left left offset coordinate
+ * @property {Number} top top offset coordinate
+ * @property {Number} width
+ * @property {Number} height
+ */
+
+/**
+ * Escapes hash from special characters
+ * @param {Element} container Container element that acts as the boundary
+ * @param {Bounding} bounding element bounding that is being checked
+ * @param {Number} offset offset from edge that counts as exceeding
+ * @returns {Edges}
+ */
+M.checkWithinContainer = function (container, bounding, offset) {
+ var edges = {
+ top: false,
+ right: false,
+ bottom: false,
+ left: false
+ };
+
+ var containerRect = container.getBoundingClientRect();
+ // If body element is smaller than viewport, use viewport height instead.
+ var containerBottom = container === document.body ? Math.max(containerRect.bottom, window.innerHeight) : containerRect.bottom;
+
+ var scrollLeft = container.scrollLeft;
+ var scrollTop = container.scrollTop;
+
+ var scrolledX = bounding.left - scrollLeft;
+ var scrolledY = bounding.top - scrollTop;
+
+ // Check for container and viewport for each edge
+ if (scrolledX < containerRect.left + offset || scrolledX < offset) {
+ edges.left = true;
+ }
+
+ if (scrolledX + bounding.width > containerRect.right - offset || scrolledX + bounding.width > window.innerWidth - offset) {
+ edges.right = true;
+ }
+
+ if (scrolledY < containerRect.top + offset || scrolledY < offset) {
+ edges.top = true;
+ }
+
+ if (scrolledY + bounding.height > containerBottom - offset || scrolledY + bounding.height > window.innerHeight - offset) {
+ edges.bottom = true;
+ }
+
+ return edges;
+};
+
+M.checkPossibleAlignments = function (el, container, bounding, offset) {
+ var canAlign = {
+ top: true,
+ right: true,
+ bottom: true,
+ left: true,
+ spaceOnTop: null,
+ spaceOnRight: null,
+ spaceOnBottom: null,
+ spaceOnLeft: null
+ };
+
+ var containerAllowsOverflow = getComputedStyle(container).overflow === 'visible';
+ var containerRect = container.getBoundingClientRect();
+ var containerHeight = Math.min(containerRect.height, window.innerHeight);
+ var containerWidth = Math.min(containerRect.width, window.innerWidth);
+ var elOffsetRect = el.getBoundingClientRect();
+
+ var scrollLeft = container.scrollLeft;
+ var scrollTop = container.scrollTop;
+
+ var scrolledX = bounding.left - scrollLeft;
+ var scrolledYTopEdge = bounding.top - scrollTop;
+ var scrolledYBottomEdge = bounding.top + elOffsetRect.height - scrollTop;
+
+ // Check for container and viewport for left
+ canAlign.spaceOnRight = !containerAllowsOverflow ? containerWidth - (scrolledX + bounding.width) : window.innerWidth - (elOffsetRect.left + bounding.width);
+ if (canAlign.spaceOnRight < 0) {
+ canAlign.left = false;
+ }
+
+ // Check for container and viewport for Right
+ canAlign.spaceOnLeft = !containerAllowsOverflow ? scrolledX - bounding.width + elOffsetRect.width : elOffsetRect.right - bounding.width;
+ if (canAlign.spaceOnLeft < 0) {
+ canAlign.right = false;
+ }
+
+ // Check for container and viewport for Top
+ canAlign.spaceOnBottom = !containerAllowsOverflow ? containerHeight - (scrolledYTopEdge + bounding.height + offset) : window.innerHeight - (elOffsetRect.top + bounding.height + offset);
+ if (canAlign.spaceOnBottom < 0) {
+ canAlign.top = false;
+ }
+
+ // Check for container and viewport for Bottom
+ canAlign.spaceOnTop = !containerAllowsOverflow ? scrolledYBottomEdge - (bounding.height - offset) : elOffsetRect.bottom - (bounding.height + offset);
+ if (canAlign.spaceOnTop < 0) {
+ canAlign.bottom = false;
+ }
+
+ return canAlign;
+};
+
+M.getOverflowParent = function (element) {
+ if (element == null) {
+ return null;
+ }
+
+ if (element === document.body || getComputedStyle(element).overflow !== 'visible') {
+ return element;
+ }
+
+ return M.getOverflowParent(element.parentElement);
+};
+
+/**
+ * Gets id of component from a trigger
+ * @param {Element} trigger trigger
+ * @returns {string}
+ */
+M.getIdFromTrigger = function (trigger) {
+ var id = trigger.getAttribute('data-target');
+ if (!id) {
+ id = trigger.getAttribute('href');
+ if (id) {
+ id = id.slice(1);
+ } else {
+ id = '';
+ }
+ }
+ return id;
+};
+
+/**
+ * Multi browser support for document scroll top
+ * @returns {Number}
+ */
+M.getDocumentScrollTop = function () {
+ return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+};
+
+/**
+ * Multi browser support for document scroll left
+ * @returns {Number}
+ */
+M.getDocumentScrollLeft = function () {
+ return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
+};
+
+/**
+ * @typedef {Object} Edges
+ * @property {Boolean} top If the top edge was exceeded
+ * @property {Boolean} right If the right edge was exceeded
+ * @property {Boolean} bottom If the bottom edge was exceeded
+ * @property {Boolean} left If the left edge was exceeded
+ */
+
+/**
+ * @typedef {Object} Bounding
+ * @property {Number} left left offset coordinate
+ * @property {Number} top top offset coordinate
+ * @property {Number} width
+ * @property {Number} height
+ */
+
+/**
+ * Get time in ms
+ * @license https://raw.github.com/jashkenas/underscore/master/LICENSE
+ * @type {function}
+ * @return {number}
+ */
+var getTime = Date.now || function () {
+ return new Date().getTime();
+};
+
+/**
+ * Returns a function, that, when invoked, will only be triggered at most once
+ * during a given window of time. Normally, the throttled function will run
+ * as much as it can, without ever going more than once per `wait` duration;
+ * but if you'd like to disable the execution on the leading edge, pass
+ * `{leading: false}`. To disable execution on the trailing edge, ditto.
+ * @license https://raw.github.com/jashkenas/underscore/master/LICENSE
+ * @param {function} func
+ * @param {number} wait
+ * @param {Object=} options
+ * @returns {Function}
+ */
+M.throttle = function (func, wait, options) {
+ var context = void 0,
+ args = void 0,
+ result = void 0;
+ var timeout = null;
+ var previous = 0;
+ options || (options = {});
+ var later = function () {
+ previous = options.leading === false ? 0 : getTime();
+ timeout = null;
+ result = func.apply(context, args);
+ context = args = null;
+ };
+ return function () {
+ var now = getTime();
+ if (!previous && options.leading === false) previous = now;
+ var remaining = wait - (now - previous);
+ context = this;
+ args = arguments;
+ if (remaining <= 0) {
+ clearTimeout(timeout);
+ timeout = null;
+ previous = now;
+ result = func.apply(context, args);
+ context = args = null;
+ } else if (!timeout && options.trailing !== false) {
+ timeout = setTimeout(later, remaining);
+ }
+ return result;
+ };
+};
+; /*
+ v2.2.0
+ 2017 Julian Garnier
+ Released under the MIT license
+ */
+var $jscomp = { scope: {} };$jscomp.defineProperty = "function" == typeof Object.defineProperties ? Object.defineProperty : function (e, r, p) {
+ if (p.get || p.set) throw new TypeError("ES3 does not support getters and setters.");e != Array.prototype && e != Object.prototype && (e[r] = p.value);
+};$jscomp.getGlobal = function (e) {
+ return "undefined" != typeof window && window === e ? e : "undefined" != typeof global && null != global ? global : e;
+};$jscomp.global = $jscomp.getGlobal(this);$jscomp.SYMBOL_PREFIX = "jscomp_symbol_";
+$jscomp.initSymbol = function () {
+ $jscomp.initSymbol = function () {};$jscomp.global.Symbol || ($jscomp.global.Symbol = $jscomp.Symbol);
+};$jscomp.symbolCounter_ = 0;$jscomp.Symbol = function (e) {
+ return $jscomp.SYMBOL_PREFIX + (e || "") + $jscomp.symbolCounter_++;
+};
+$jscomp.initSymbolIterator = function () {
+ $jscomp.initSymbol();var e = $jscomp.global.Symbol.iterator;e || (e = $jscomp.global.Symbol.iterator = $jscomp.global.Symbol("iterator"));"function" != typeof Array.prototype[e] && $jscomp.defineProperty(Array.prototype, e, { configurable: !0, writable: !0, value: function () {
+ return $jscomp.arrayIterator(this);
+ } });$jscomp.initSymbolIterator = function () {};
+};$jscomp.arrayIterator = function (e) {
+ var r = 0;return $jscomp.iteratorPrototype(function () {
+ return r < e.length ? { done: !1, value: e[r++] } : { done: !0 };
+ });
+};
+$jscomp.iteratorPrototype = function (e) {
+ $jscomp.initSymbolIterator();e = { next: e };e[$jscomp.global.Symbol.iterator] = function () {
+ return this;
+ };return e;
+};$jscomp.array = $jscomp.array || {};$jscomp.iteratorFromArray = function (e, r) {
+ $jscomp.initSymbolIterator();e instanceof String && (e += "");var p = 0,
+ m = { next: function () {
+ if (p < e.length) {
+ var u = p++;return { value: r(u, e[u]), done: !1 };
+ }m.next = function () {
+ return { done: !0, value: void 0 };
+ };return m.next();
+ } };m[Symbol.iterator] = function () {
+ return m;
+ };return m;
+};
+$jscomp.polyfill = function (e, r, p, m) {
+ if (r) {
+ p = $jscomp.global;e = e.split(".");for (m = 0; m < e.length - 1; m++) {
+ var u = e[m];u in p || (p[u] = {});p = p[u];
+ }e = e[e.length - 1];m = p[e];r = r(m);r != m && null != r && $jscomp.defineProperty(p, e, { configurable: !0, writable: !0, value: r });
+ }
+};$jscomp.polyfill("Array.prototype.keys", function (e) {
+ return e ? e : function () {
+ return $jscomp.iteratorFromArray(this, function (e) {
+ return e;
+ });
+ };
+}, "es6-impl", "es3");var $jscomp$this = this;
+(function (r) {
+ M.anime = r();
+})(function () {
+ function e(a) {
+ if (!h.col(a)) try {
+ return document.querySelectorAll(a);
+ } catch (c) {}
+ }function r(a, c) {
+ for (var d = a.length, b = 2 <= arguments.length ? arguments[1] : void 0, f = [], n = 0; n < d; n++) {
+ if (n in a) {
+ var k = a[n];c.call(b, k, n, a) && f.push(k);
+ }
+ }return f;
+ }function p(a) {
+ return a.reduce(function (a, d) {
+ return a.concat(h.arr(d) ? p(d) : d);
+ }, []);
+ }function m(a) {
+ if (h.arr(a)) return a;
+ h.str(a) && (a = e(a) || a);return a instanceof NodeList || a instanceof HTMLCollection ? [].slice.call(a) : [a];
+ }function u(a, c) {
+ return a.some(function (a) {
+ return a === c;
+ });
+ }function C(a) {
+ var c = {},
+ d;for (d in a) {
+ c[d] = a[d];
+ }return c;
+ }function D(a, c) {
+ var d = C(a),
+ b;for (b in a) {
+ d[b] = c.hasOwnProperty(b) ? c[b] : a[b];
+ }return d;
+ }function z(a, c) {
+ var d = C(a),
+ b;for (b in c) {
+ d[b] = h.und(a[b]) ? c[b] : a[b];
+ }return d;
+ }function T(a) {
+ a = a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (a, c, d, k) {
+ return c + c + d + d + k + k;
+ });var c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);
+ a = parseInt(c[1], 16);var d = parseInt(c[2], 16),
+ c = parseInt(c[3], 16);return "rgba(" + a + "," + d + "," + c + ",1)";
+ }function U(a) {
+ function c(a, c, b) {
+ 0 > b && (b += 1);1 < b && --b;return b < 1 / 6 ? a + 6 * (c - a) * b : .5 > b ? c : b < 2 / 3 ? a + (c - a) * (2 / 3 - b) * 6 : a;
+ }var d = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(a) || /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(a);a = parseInt(d[1]) / 360;var b = parseInt(d[2]) / 100,
+ f = parseInt(d[3]) / 100,
+ d = d[4] || 1;if (0 == b) f = b = a = f;else {
+ var n = .5 > f ? f * (1 + b) : f + b - f * b,
+ k = 2 * f - n,
+ f = c(k, n, a + 1 / 3),
+ b = c(k, n, a);a = c(k, n, a - 1 / 3);
+ }return "rgba(" + 255 * f + "," + 255 * b + "," + 255 * a + "," + d + ")";
+ }function y(a) {
+ if (a = /([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(a)) return a[2];
+ }function V(a) {
+ if (-1 < a.indexOf("translate") || "perspective" === a) return "px";if (-1 < a.indexOf("rotate") || -1 < a.indexOf("skew")) return "deg";
+ }function I(a, c) {
+ return h.fnc(a) ? a(c.target, c.id, c.total) : a;
+ }function E(a, c) {
+ if (c in a.style) return getComputedStyle(a).getPropertyValue(c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()) || "0";
+ }function J(a, c) {
+ if (h.dom(a) && u(W, c)) return "transform";if (h.dom(a) && (a.getAttribute(c) || h.svg(a) && a[c])) return "attribute";if (h.dom(a) && "transform" !== c && E(a, c)) return "css";if (null != a[c]) return "object";
+ }function X(a, c) {
+ var d = V(c),
+ d = -1 < c.indexOf("scale") ? 1 : 0 + d;a = a.style.transform;if (!a) return d;for (var b = [], f = [], n = [], k = /(\w+)\((.+?)\)/g; b = k.exec(a);) {
+ f.push(b[1]), n.push(b[2]);
+ }a = r(n, function (a, b) {
+ return f[b] === c;
+ });return a.length ? a[0] : d;
+ }function K(a, c) {
+ switch (J(a, c)) {case "transform":
+ return X(a, c);case "css":
+ return E(a, c);case "attribute":
+ return a.getAttribute(c);}return a[c] || 0;
+ }function L(a, c) {
+ var d = /^(\*=|\+=|-=)/.exec(a);if (!d) return a;var b = y(a) || 0;c = parseFloat(c);a = parseFloat(a.replace(d[0], ""));switch (d[0][0]) {case "+":
+ return c + a + b;case "-":
+ return c - a + b;case "*":
+ return c * a + b;}
+ }function F(a, c) {
+ return Math.sqrt(Math.pow(c.x - a.x, 2) + Math.pow(c.y - a.y, 2));
+ }function M(a) {
+ a = a.points;for (var c = 0, d, b = 0; b < a.numberOfItems; b++) {
+ var f = a.getItem(b);0 < b && (c += F(d, f));d = f;
+ }return c;
+ }function N(a) {
+ if (a.getTotalLength) return a.getTotalLength();switch (a.tagName.toLowerCase()) {case "circle":
+ return 2 * Math.PI * a.getAttribute("r");case "rect":
+ return 2 * a.getAttribute("width") + 2 * a.getAttribute("height");case "line":
+ return F({ x: a.getAttribute("x1"), y: a.getAttribute("y1") }, { x: a.getAttribute("x2"), y: a.getAttribute("y2") });case "polyline":
+ return M(a);case "polygon":
+ var c = a.points;return M(a) + F(c.getItem(c.numberOfItems - 1), c.getItem(0));}
+ }function Y(a, c) {
+ function d(b) {
+ b = void 0 === b ? 0 : b;return a.el.getPointAtLength(1 <= c + b ? c + b : 0);
+ }var b = d(),
+ f = d(-1),
+ n = d(1);switch (a.property) {case "x":
+ return b.x;case "y":
+ return b.y;
+ case "angle":
+ return 180 * Math.atan2(n.y - f.y, n.x - f.x) / Math.PI;}
+ }function O(a, c) {
+ var d = /-?\d*\.?\d+/g,
+ b;b = h.pth(a) ? a.totalLength : a;if (h.col(b)) {
+ if (h.rgb(b)) {
+ var f = /rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(b);b = f ? "rgba(" + f[1] + ",1)" : b;
+ } else b = h.hex(b) ? T(b) : h.hsl(b) ? U(b) : void 0;
+ } else f = (f = y(b)) ? b.substr(0, b.length - f.length) : b, b = c && !/\s/g.test(b) ? f + c : f;b += "";return { original: b, numbers: b.match(d) ? b.match(d).map(Number) : [0], strings: h.str(a) || c ? b.split(d) : [] };
+ }function P(a) {
+ a = a ? p(h.arr(a) ? a.map(m) : m(a)) : [];return r(a, function (a, d, b) {
+ return b.indexOf(a) === d;
+ });
+ }function Z(a) {
+ var c = P(a);return c.map(function (a, b) {
+ return { target: a, id: b, total: c.length };
+ });
+ }function aa(a, c) {
+ var d = C(c);if (h.arr(a)) {
+ var b = a.length;2 !== b || h.obj(a[0]) ? h.fnc(c.duration) || (d.duration = c.duration / b) : a = { value: a };
+ }return m(a).map(function (a, b) {
+ b = b ? 0 : c.delay;a = h.obj(a) && !h.pth(a) ? a : { value: a };h.und(a.delay) && (a.delay = b);return a;
+ }).map(function (a) {
+ return z(a, d);
+ });
+ }function ba(a, c) {
+ var d = {},
+ b;for (b in a) {
+ var f = I(a[b], c);h.arr(f) && (f = f.map(function (a) {
+ return I(a, c);
+ }), 1 === f.length && (f = f[0]));d[b] = f;
+ }d.duration = parseFloat(d.duration);d.delay = parseFloat(d.delay);return d;
+ }function ca(a) {
+ return h.arr(a) ? A.apply(this, a) : Q[a];
+ }function da(a, c) {
+ var d;return a.tweens.map(function (b) {
+ b = ba(b, c);var f = b.value,
+ e = K(c.target, a.name),
+ k = d ? d.to.original : e,
+ k = h.arr(f) ? f[0] : k,
+ w = L(h.arr(f) ? f[1] : f, k),
+ e = y(w) || y(k) || y(e);b.from = O(k, e);b.to = O(w, e);b.start = d ? d.end : a.offset;b.end = b.start + b.delay + b.duration;b.easing = ca(b.easing);b.elasticity = (1E3 - Math.min(Math.max(b.elasticity, 1), 999)) / 1E3;b.isPath = h.pth(f);b.isColor = h.col(b.from.original);b.isColor && (b.round = 1);return d = b;
+ });
+ }function ea(a, c) {
+ return r(p(a.map(function (a) {
+ return c.map(function (b) {
+ var c = J(a.target, b.name);if (c) {
+ var d = da(b, a);b = { type: c, property: b.name, animatable: a, tweens: d, duration: d[d.length - 1].end, delay: d[0].delay };
+ } else b = void 0;return b;
+ });
+ })), function (a) {
+ return !h.und(a);
+ });
+ }function R(a, c, d, b) {
+ var f = "delay" === a;return c.length ? (f ? Math.min : Math.max).apply(Math, c.map(function (b) {
+ return b[a];
+ })) : f ? b.delay : d.offset + b.delay + b.duration;
+ }function fa(a) {
+ var c = D(ga, a),
+ d = D(S, a),
+ b = Z(a.targets),
+ f = [],
+ e = z(c, d),
+ k;for (k in a) {
+ e.hasOwnProperty(k) || "targets" === k || f.push({ name: k, offset: e.offset, tweens: aa(a[k], d) });
+ }a = ea(b, f);return z(c, { children: [], animatables: b, animations: a, duration: R("duration", a, c, d), delay: R("delay", a, c, d) });
+ }function q(a) {
+ function c() {
+ return window.Promise && new Promise(function (a) {
+ return p = a;
+ });
+ }function d(a) {
+ return g.reversed ? g.duration - a : a;
+ }function b(a) {
+ for (var b = 0, c = {}, d = g.animations, f = d.length; b < f;) {
+ var e = d[b],
+ k = e.animatable,
+ h = e.tweens,
+ n = h.length - 1,
+ l = h[n];n && (l = r(h, function (b) {
+ return a < b.end;
+ })[0] || l);for (var h = Math.min(Math.max(a - l.start - l.delay, 0), l.duration) / l.duration, w = isNaN(h) ? 1 : l.easing(h, l.elasticity), h = l.to.strings, p = l.round, n = [], m = void 0, m = l.to.numbers.length, t = 0; t < m; t++) {
+ var x = void 0,
+ x = l.to.numbers[t],
+ q = l.from.numbers[t],
+ x = l.isPath ? Y(l.value, w * x) : q + w * (x - q);p && (l.isColor && 2 < t || (x = Math.round(x * p) / p));n.push(x);
+ }if (l = h.length) for (m = h[0], w = 0; w < l; w++) {
+ p = h[w + 1], t = n[w], isNaN(t) || (m = p ? m + (t + p) : m + (t + " "));
+ } else m = n[0];ha[e.type](k.target, e.property, m, c, k.id);e.currentValue = m;b++;
+ }if (b = Object.keys(c).length) for (d = 0; d < b; d++) {
+ H || (H = E(document.body, "transform") ? "transform" : "-webkit-transform"), g.animatables[d].target.style[H] = c[d].join(" ");
+ }g.currentTime = a;g.progress = a / g.duration * 100;
+ }function f(a) {
+ if (g[a]) g[a](g);
+ }function e() {
+ g.remaining && !0 !== g.remaining && g.remaining--;
+ }function k(a) {
+ var k = g.duration,
+ n = g.offset,
+ w = n + g.delay,
+ r = g.currentTime,
+ x = g.reversed,
+ q = d(a);if (g.children.length) {
+ var u = g.children,
+ v = u.length;
+ if (q >= g.currentTime) for (var G = 0; G < v; G++) {
+ u[G].seek(q);
+ } else for (; v--;) {
+ u[v].seek(q);
+ }
+ }if (q >= w || !k) g.began || (g.began = !0, f("begin")), f("run");if (q > n && q < k) b(q);else if (q <= n && 0 !== r && (b(0), x && e()), q >= k && r !== k || !k) b(k), x || e();f("update");a >= k && (g.remaining ? (t = h, "alternate" === g.direction && (g.reversed = !g.reversed)) : (g.pause(), g.completed || (g.completed = !0, f("complete"), "Promise" in window && (p(), m = c()))), l = 0);
+ }a = void 0 === a ? {} : a;var h,
+ t,
+ l = 0,
+ p = null,
+ m = c(),
+ g = fa(a);g.reset = function () {
+ var a = g.direction,
+ c = g.loop;g.currentTime = 0;g.progress = 0;g.paused = !0;g.began = !1;g.completed = !1;g.reversed = "reverse" === a;g.remaining = "alternate" === a && 1 === c ? 2 : c;b(0);for (a = g.children.length; a--;) {
+ g.children[a].reset();
+ }
+ };g.tick = function (a) {
+ h = a;t || (t = h);k((l + h - t) * q.speed);
+ };g.seek = function (a) {
+ k(d(a));
+ };g.pause = function () {
+ var a = v.indexOf(g);-1 < a && v.splice(a, 1);g.paused = !0;
+ };g.play = function () {
+ g.paused && (g.paused = !1, t = 0, l = d(g.currentTime), v.push(g), B || ia());
+ };g.reverse = function () {
+ g.reversed = !g.reversed;t = 0;l = d(g.currentTime);
+ };g.restart = function () {
+ g.pause();
+ g.reset();g.play();
+ };g.finished = m;g.reset();g.autoplay && g.play();return g;
+ }var ga = { update: void 0, begin: void 0, run: void 0, complete: void 0, loop: 1, direction: "normal", autoplay: !0, offset: 0 },
+ S = { duration: 1E3, delay: 0, easing: "easeOutElastic", elasticity: 500, round: 0 },
+ W = "translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),
+ H,
+ h = { arr: function (a) {
+ return Array.isArray(a);
+ }, obj: function (a) {
+ return -1 < Object.prototype.toString.call(a).indexOf("Object");
+ },
+ pth: function (a) {
+ return h.obj(a) && a.hasOwnProperty("totalLength");
+ }, svg: function (a) {
+ return a instanceof SVGElement;
+ }, dom: function (a) {
+ return a.nodeType || h.svg(a);
+ }, str: function (a) {
+ return "string" === typeof a;
+ }, fnc: function (a) {
+ return "function" === typeof a;
+ }, und: function (a) {
+ return "undefined" === typeof a;
+ }, hex: function (a) {
+ return (/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a)
+ );
+ }, rgb: function (a) {
+ return (/^rgb/.test(a)
+ );
+ }, hsl: function (a) {
+ return (/^hsl/.test(a)
+ );
+ }, col: function (a) {
+ return h.hex(a) || h.rgb(a) || h.hsl(a);
+ } },
+ A = function () {
+ function a(a, d, b) {
+ return (((1 - 3 * b + 3 * d) * a + (3 * b - 6 * d)) * a + 3 * d) * a;
+ }return function (c, d, b, f) {
+ if (0 <= c && 1 >= c && 0 <= b && 1 >= b) {
+ var e = new Float32Array(11);if (c !== d || b !== f) for (var k = 0; 11 > k; ++k) {
+ e[k] = a(.1 * k, c, b);
+ }return function (k) {
+ if (c === d && b === f) return k;if (0 === k) return 0;if (1 === k) return 1;for (var h = 0, l = 1; 10 !== l && e[l] <= k; ++l) {
+ h += .1;
+ }--l;var l = h + (k - e[l]) / (e[l + 1] - e[l]) * .1,
+ n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (.001 <= n) {
+ for (h = 0; 4 > h; ++h) {
+ n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (0 === n) break;var m = a(l, c, b) - k,
+ l = l - m / n;
+ }k = l;
+ } else if (0 === n) k = l;else {
+ var l = h,
+ h = h + .1,
+ g = 0;do {
+ m = l + (h - l) / 2, n = a(m, c, b) - k, 0 < n ? h = m : l = m;
+ } while (1e-7 < Math.abs(n) && 10 > ++g);k = m;
+ }return a(k, d, f);
+ };
+ }
+ };
+ }(),
+ Q = function () {
+ function a(a, b) {
+ return 0 === a || 1 === a ? a : -Math.pow(2, 10 * (a - 1)) * Math.sin(2 * (a - 1 - b / (2 * Math.PI) * Math.asin(1)) * Math.PI / b);
+ }var c = "Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),
+ d = { In: [[.55, .085, .68, .53], [.55, .055, .675, .19], [.895, .03, .685, .22], [.755, .05, .855, .06], [.47, 0, .745, .715], [.95, .05, .795, .035], [.6, .04, .98, .335], [.6, -.28, .735, .045], a], Out: [[.25, .46, .45, .94], [.215, .61, .355, 1], [.165, .84, .44, 1], [.23, 1, .32, 1], [.39, .575, .565, 1], [.19, 1, .22, 1], [.075, .82, .165, 1], [.175, .885, .32, 1.275], function (b, c) {
+ return 1 - a(1 - b, c);
+ }], InOut: [[.455, .03, .515, .955], [.645, .045, .355, 1], [.77, 0, .175, 1], [.86, 0, .07, 1], [.445, .05, .55, .95], [1, 0, 0, 1], [.785, .135, .15, .86], [.68, -.55, .265, 1.55], function (b, c) {
+ return .5 > b ? a(2 * b, c) / 2 : 1 - a(-2 * b + 2, c) / 2;
+ }] },
+ b = { linear: A(.25, .25, .75, .75) },
+ f = {},
+ e;for (e in d) {
+ f.type = e, d[f.type].forEach(function (a) {
+ return function (d, f) {
+ b["ease" + a.type + c[f]] = h.fnc(d) ? d : A.apply($jscomp$this, d);
+ };
+ }(f)), f = { type: f.type };
+ }return b;
+ }(),
+ ha = { css: function (a, c, d) {
+ return a.style[c] = d;
+ }, attribute: function (a, c, d) {
+ return a.setAttribute(c, d);
+ }, object: function (a, c, d) {
+ return a[c] = d;
+ }, transform: function (a, c, d, b, f) {
+ b[f] || (b[f] = []);b[f].push(c + "(" + d + ")");
+ } },
+ v = [],
+ B = 0,
+ ia = function () {
+ function a() {
+ B = requestAnimationFrame(c);
+ }function c(c) {
+ var b = v.length;if (b) {
+ for (var d = 0; d < b;) {
+ v[d] && v[d].tick(c), d++;
+ }a();
+ } else cancelAnimationFrame(B), B = 0;
+ }return a;
+ }();q.version = "2.2.0";q.speed = 1;q.running = v;q.remove = function (a) {
+ a = P(a);for (var c = v.length; c--;) {
+ for (var d = v[c], b = d.animations, f = b.length; f--;) {
+ u(a, b[f].animatable.target) && (b.splice(f, 1), b.length || d.pause());
+ }
+ }
+ };q.getValue = K;q.path = function (a, c) {
+ var d = h.str(a) ? e(a)[0] : a,
+ b = c || 100;return function (a) {
+ return { el: d, property: a, totalLength: N(d) * (b / 100) };
+ };
+ };q.setDashoffset = function (a) {
+ var c = N(a);a.setAttribute("stroke-dasharray", c);return c;
+ };q.bezier = A;q.easings = Q;q.timeline = function (a) {
+ var c = q(a);c.pause();c.duration = 0;c.add = function (d) {
+ c.children.forEach(function (a) {
+ a.began = !0;a.completed = !0;
+ });m(d).forEach(function (b) {
+ var d = z(b, D(S, a || {}));d.targets = d.targets || a.targets;b = c.duration;var e = d.offset;d.autoplay = !1;d.direction = c.direction;d.offset = h.und(e) ? b : L(e, b);c.began = !0;c.completed = !0;c.seek(d.offset);d = q(d);d.began = !0;d.completed = !0;d.duration > b && (c.duration = d.duration);c.children.push(d);
+ });c.seek(0);c.reset();c.autoplay && c.restart();return c;
+ };return c;
+ };q.random = function (a, c) {
+ return Math.floor(Math.random() * (c - a + 1)) + a;
+ };return q;
+});
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ accordion: true,
+ onOpenStart: undefined,
+ onOpenEnd: undefined,
+ onCloseStart: undefined,
+ onCloseEnd: undefined,
+ inDuration: 300,
+ outDuration: 300
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Collapsible = function (_Component) {
+ _inherits(Collapsible, _Component);
+
+ /**
+ * Construct Collapsible instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Collapsible(el, options) {
+ _classCallCheck(this, Collapsible);
+
+ var _this3 = _possibleConstructorReturn(this, (Collapsible.__proto__ || Object.getPrototypeOf(Collapsible)).call(this, Collapsible, el, options));
+
+ _this3.el.M_Collapsible = _this3;
+
+ /**
+ * Options for the collapsible
+ * @member Collapsible#options
+ * @prop {Boolean} [accordion=false] - Type of the collapsible
+ * @prop {Function} onOpenStart - Callback function called before collapsible is opened
+ * @prop {Function} onOpenEnd - Callback function called after collapsible is opened
+ * @prop {Function} onCloseStart - Callback function called before collapsible is closed
+ * @prop {Function} onCloseEnd - Callback function called after collapsible is closed
+ * @prop {Number} inDuration - Transition in duration in milliseconds.
+ * @prop {Number} outDuration - Transition duration in milliseconds.
+ */
+ _this3.options = $.extend({}, Collapsible.defaults, options);
+
+ // Setup tab indices
+ _this3.$headers = _this3.$el.children('li').children('.collapsible-header');
+ _this3.$headers.attr('tabindex', 0);
+
+ _this3._setupEventHandlers();
+
+ // Open first active
+ var $activeBodies = _this3.$el.children('li.active').children('.collapsible-body');
+ if (_this3.options.accordion) {
+ // Handle Accordion
+ $activeBodies.first().css('display', 'block');
+ } else {
+ // Handle Expandables
+ $activeBodies.css('display', 'block');
+ }
+ return _this3;
+ }
+
+ _createClass(Collapsible, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this.el.M_Collapsible = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ var _this4 = this;
+
+ this._handleCollapsibleClickBound = this._handleCollapsibleClick.bind(this);
+ this._handleCollapsibleKeydownBound = this._handleCollapsibleKeydown.bind(this);
+ this.el.addEventListener('click', this._handleCollapsibleClickBound);
+ this.$headers.each(function (header) {
+ header.addEventListener('keydown', _this4._handleCollapsibleKeydownBound);
+ });
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ var _this5 = this;
+
+ this.el.removeEventListener('click', this._handleCollapsibleClickBound);
+ this.$headers.each(function (header) {
+ header.removeEventListener('keydown', _this5._handleCollapsibleKeydownBound);
+ });
+ }
+
+ /**
+ * Handle Collapsible Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleCollapsibleClick",
+ value: function _handleCollapsibleClick(e) {
+ var $header = $(e.target).closest('.collapsible-header');
+ if (e.target && $header.length) {
+ var $collapsible = $header.closest('.collapsible');
+ if ($collapsible[0] === this.el) {
+ var $collapsibleLi = $header.closest('li');
+ var $collapsibleLis = $collapsible.children('li');
+ var isActive = $collapsibleLi[0].classList.contains('active');
+ var index = $collapsibleLis.index($collapsibleLi);
+
+ if (isActive) {
+ this.close(index);
+ } else {
+ this.open(index);
+ }
+ }
+ }
+ }
+
+ /**
+ * Handle Collapsible Keydown
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleCollapsibleKeydown",
+ value: function _handleCollapsibleKeydown(e) {
+ if (e.keyCode === 13) {
+ this._handleCollapsibleClickBound(e);
+ }
+ }
+
+ /**
+ * Animate in collapsible slide
+ * @param {Number} index - 0th index of slide
+ */
+
+ }, {
+ key: "_animateIn",
+ value: function _animateIn(index) {
+ var _this6 = this;
+
+ var $collapsibleLi = this.$el.children('li').eq(index);
+ if ($collapsibleLi.length) {
+ var $body = $collapsibleLi.children('.collapsible-body');
+
+ anim.remove($body[0]);
+ $body.css({
+ display: 'block',
+ overflow: 'hidden',
+ height: 0,
+ paddingTop: '',
+ paddingBottom: ''
+ });
+
+ var pTop = $body.css('padding-top');
+ var pBottom = $body.css('padding-bottom');
+ var finalHeight = $body[0].scrollHeight;
+ $body.css({
+ paddingTop: 0,
+ paddingBottom: 0
+ });
+
+ anim({
+ targets: $body[0],
+ height: finalHeight,
+ paddingTop: pTop,
+ paddingBottom: pBottom,
+ duration: this.options.inDuration,
+ easing: 'easeInOutCubic',
+ complete: function (anim) {
+ $body.css({
+ overflow: '',
+ paddingTop: '',
+ paddingBottom: '',
+ height: ''
+ });
+
+ // onOpenEnd callback
+ if (typeof _this6.options.onOpenEnd === 'function') {
+ _this6.options.onOpenEnd.call(_this6, $collapsibleLi[0]);
+ }
+ }
+ });
+ }
+ }
+
+ /**
+ * Animate out collapsible slide
+ * @param {Number} index - 0th index of slide to open
+ */
+
+ }, {
+ key: "_animateOut",
+ value: function _animateOut(index) {
+ var _this7 = this;
+
+ var $collapsibleLi = this.$el.children('li').eq(index);
+ if ($collapsibleLi.length) {
+ var $body = $collapsibleLi.children('.collapsible-body');
+ anim.remove($body[0]);
+ $body.css('overflow', 'hidden');
+ anim({
+ targets: $body[0],
+ height: 0,
+ paddingTop: 0,
+ paddingBottom: 0,
+ duration: this.options.outDuration,
+ easing: 'easeInOutCubic',
+ complete: function () {
+ $body.css({
+ height: '',
+ overflow: '',
+ padding: '',
+ display: ''
+ });
+
+ // onCloseEnd callback
+ if (typeof _this7.options.onCloseEnd === 'function') {
+ _this7.options.onCloseEnd.call(_this7, $collapsibleLi[0]);
+ }
+ }
+ });
+ }
+ }
+
+ /**
+ * Open Collapsible
+ * @param {Number} index - 0th index of slide
+ */
+
+ }, {
+ key: "open",
+ value: function open(index) {
+ var _this8 = this;
+
+ var $collapsibleLi = this.$el.children('li').eq(index);
+ if ($collapsibleLi.length && !$collapsibleLi[0].classList.contains('active')) {
+ // onOpenStart callback
+ if (typeof this.options.onOpenStart === 'function') {
+ this.options.onOpenStart.call(this, $collapsibleLi[0]);
+ }
+
+ // Handle accordion behavior
+ if (this.options.accordion) {
+ var $collapsibleLis = this.$el.children('li');
+ var $activeLis = this.$el.children('li.active');
+ $activeLis.each(function (el) {
+ var index = $collapsibleLis.index($(el));
+ _this8.close(index);
+ });
+ }
+
+ // Animate in
+ $collapsibleLi[0].classList.add('active');
+ this._animateIn(index);
+ }
+ }
+
+ /**
+ * Close Collapsible
+ * @param {Number} index - 0th index of slide
+ */
+
+ }, {
+ key: "close",
+ value: function close(index) {
+ var $collapsibleLi = this.$el.children('li').eq(index);
+ if ($collapsibleLi.length && $collapsibleLi[0].classList.contains('active')) {
+ // onCloseStart callback
+ if (typeof this.options.onCloseStart === 'function') {
+ this.options.onCloseStart.call(this, $collapsibleLi[0]);
+ }
+
+ // Animate out
+ $collapsibleLi[0].classList.remove('active');
+ this._animateOut(index);
+ }
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Collapsible.__proto__ || Object.getPrototypeOf(Collapsible), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Collapsible;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Collapsible;
+ }(Component);
+
+ M.Collapsible = Collapsible;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Collapsible, 'collapsible', 'M_Collapsible');
+ }
+})(cash, M.anime);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ alignment: 'left',
+ autoFocus: true,
+ constrainWidth: true,
+ container: null,
+ coverTrigger: true,
+ closeOnClick: true,
+ hover: false,
+ inDuration: 150,
+ outDuration: 250,
+ onOpenStart: null,
+ onOpenEnd: null,
+ onCloseStart: null,
+ onCloseEnd: null,
+ onItemClick: null
+ };
+
+ /**
+ * @class
+ */
+
+ var Dropdown = function (_Component2) {
+ _inherits(Dropdown, _Component2);
+
+ function Dropdown(el, options) {
+ _classCallCheck(this, Dropdown);
+
+ var _this9 = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, Dropdown, el, options));
+
+ _this9.el.M_Dropdown = _this9;
+ Dropdown._dropdowns.push(_this9);
+
+ _this9.id = M.getIdFromTrigger(el);
+ _this9.dropdownEl = document.getElementById(_this9.id);
+ _this9.$dropdownEl = $(_this9.dropdownEl);
+
+ /**
+ * Options for the dropdown
+ * @member Dropdown#options
+ * @prop {String} [alignment='left'] - Edge which the dropdown is aligned to
+ * @prop {Boolean} [autoFocus=true] - Automatically focus dropdown el for keyboard
+ * @prop {Boolean} [constrainWidth=true] - Constrain width to width of the button
+ * @prop {Element} container - Container element to attach dropdown to (optional)
+ * @prop {Boolean} [coverTrigger=true] - Place dropdown over trigger
+ * @prop {Boolean} [closeOnClick=true] - Close on click of dropdown item
+ * @prop {Boolean} [hover=false] - Open dropdown on hover
+ * @prop {Number} [inDuration=150] - Duration of open animation in ms
+ * @prop {Number} [outDuration=250] - Duration of close animation in ms
+ * @prop {Function} onOpenStart - Function called when dropdown starts opening
+ * @prop {Function} onOpenEnd - Function called when dropdown finishes opening
+ * @prop {Function} onCloseStart - Function called when dropdown starts closing
+ * @prop {Function} onCloseEnd - Function called when dropdown finishes closing
+ */
+ _this9.options = $.extend({}, Dropdown.defaults, options);
+
+ /**
+ * Describes open/close state of dropdown
+ * @type {Boolean}
+ */
+ _this9.isOpen = false;
+
+ /**
+ * Describes if dropdown content is scrollable
+ * @type {Boolean}
+ */
+ _this9.isScrollable = false;
+
+ /**
+ * Describes if touch moving on dropdown content
+ * @type {Boolean}
+ */
+ _this9.isTouchMoving = false;
+
+ _this9.focusedIndex = -1;
+ _this9.filterQuery = [];
+
+ // Move dropdown-content after dropdown-trigger
+ if (!!_this9.options.container) {
+ $(_this9.options.container).append(_this9.dropdownEl);
+ } else {
+ _this9.$el.after(_this9.dropdownEl);
+ }
+
+ _this9._makeDropdownFocusable();
+ _this9._resetFilterQueryBound = _this9._resetFilterQuery.bind(_this9);
+ _this9._handleDocumentClickBound = _this9._handleDocumentClick.bind(_this9);
+ _this9._handleDocumentTouchmoveBound = _this9._handleDocumentTouchmove.bind(_this9);
+ _this9._handleDropdownClickBound = _this9._handleDropdownClick.bind(_this9);
+ _this9._handleDropdownKeydownBound = _this9._handleDropdownKeydown.bind(_this9);
+ _this9._handleTriggerKeydownBound = _this9._handleTriggerKeydown.bind(_this9);
+ _this9._setupEventHandlers();
+ return _this9;
+ }
+
+ _createClass(Dropdown, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._resetDropdownStyles();
+ this._removeEventHandlers();
+ Dropdown._dropdowns.splice(Dropdown._dropdowns.indexOf(this), 1);
+ this.el.M_Dropdown = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ // Trigger keydown handler
+ this.el.addEventListener('keydown', this._handleTriggerKeydownBound);
+
+ // Item click handler
+ this.dropdownEl.addEventListener('click', this._handleDropdownClickBound);
+
+ // Hover event handlers
+ if (this.options.hover) {
+ this._handleMouseEnterBound = this._handleMouseEnter.bind(this);
+ this.el.addEventListener('mouseenter', this._handleMouseEnterBound);
+ this._handleMouseLeaveBound = this._handleMouseLeave.bind(this);
+ this.el.addEventListener('mouseleave', this._handleMouseLeaveBound);
+ this.dropdownEl.addEventListener('mouseleave', this._handleMouseLeaveBound);
+
+ // Click event handlers
+ } else {
+ this._handleClickBound = this._handleClick.bind(this);
+ this.el.addEventListener('click', this._handleClickBound);
+ }
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('keydown', this._handleTriggerKeydownBound);
+ this.dropdownEl.removeEventListener('click', this._handleDropdownClickBound);
+
+ if (this.options.hover) {
+ this.el.removeEventListener('mouseenter', this._handleMouseEnterBound);
+ this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound);
+ this.dropdownEl.removeEventListener('mouseleave', this._handleMouseLeaveBound);
+ } else {
+ this.el.removeEventListener('click', this._handleClickBound);
+ }
+ }
+ }, {
+ key: "_setupTemporaryEventHandlers",
+ value: function _setupTemporaryEventHandlers() {
+ // Use capture phase event handler to prevent click
+ document.body.addEventListener('click', this._handleDocumentClickBound, true);
+ document.body.addEventListener('touchend', this._handleDocumentClickBound);
+ document.body.addEventListener('touchmove', this._handleDocumentTouchmoveBound);
+ this.dropdownEl.addEventListener('keydown', this._handleDropdownKeydownBound);
+ }
+ }, {
+ key: "_removeTemporaryEventHandlers",
+ value: function _removeTemporaryEventHandlers() {
+ // Use capture phase event handler to prevent click
+ document.body.removeEventListener('click', this._handleDocumentClickBound, true);
+ document.body.removeEventListener('touchend', this._handleDocumentClickBound);
+ document.body.removeEventListener('touchmove', this._handleDocumentTouchmoveBound);
+ this.dropdownEl.removeEventListener('keydown', this._handleDropdownKeydownBound);
+ }
+ }, {
+ key: "_handleClick",
+ value: function _handleClick(e) {
+ e.preventDefault();
+ this.open();
+ }
+ }, {
+ key: "_handleMouseEnter",
+ value: function _handleMouseEnter() {
+ this.open();
+ }
+ }, {
+ key: "_handleMouseLeave",
+ value: function _handleMouseLeave(e) {
+ var toEl = e.toElement || e.relatedTarget;
+ var leaveToDropdownContent = !!$(toEl).closest('.dropdown-content').length;
+ var leaveToActiveDropdownTrigger = false;
+
+ var $closestTrigger = $(toEl).closest('.dropdown-trigger');
+ if ($closestTrigger.length && !!$closestTrigger[0].M_Dropdown && $closestTrigger[0].M_Dropdown.isOpen) {
+ leaveToActiveDropdownTrigger = true;
+ }
+
+ // Close hover dropdown if mouse did not leave to either active dropdown-trigger or dropdown-content
+ if (!leaveToActiveDropdownTrigger && !leaveToDropdownContent) {
+ this.close();
+ }
+ }
+ }, {
+ key: "_handleDocumentClick",
+ value: function _handleDocumentClick(e) {
+ var _this10 = this;
+
+ var $target = $(e.target);
+ if (this.options.closeOnClick && $target.closest('.dropdown-content').length && !this.isTouchMoving) {
+ // isTouchMoving to check if scrolling on mobile.
+ setTimeout(function () {
+ _this10.close();
+ }, 0);
+ } else if ($target.closest('.dropdown-trigger').length || !$target.closest('.dropdown-content').length) {
+ setTimeout(function () {
+ _this10.close();
+ }, 0);
+ }
+ this.isTouchMoving = false;
+ }
+ }, {
+ key: "_handleTriggerKeydown",
+ value: function _handleTriggerKeydown(e) {
+ // ARROW DOWN OR ENTER WHEN SELECT IS CLOSED - open Dropdown
+ if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ENTER) && !this.isOpen) {
+ e.preventDefault();
+ this.open();
+ }
+ }
+
+ /**
+ * Handle Document Touchmove
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleDocumentTouchmove",
+ value: function _handleDocumentTouchmove(e) {
+ var $target = $(e.target);
+ if ($target.closest('.dropdown-content').length) {
+ this.isTouchMoving = true;
+ }
+ }
+
+ /**
+ * Handle Dropdown Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleDropdownClick",
+ value: function _handleDropdownClick(e) {
+ // onItemClick callback
+ if (typeof this.options.onItemClick === 'function') {
+ var itemEl = $(e.target).closest('li')[0];
+ this.options.onItemClick.call(this, itemEl);
+ }
+ }
+
+ /**
+ * Handle Dropdown Keydown
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleDropdownKeydown",
+ value: function _handleDropdownKeydown(e) {
+ if (e.which === M.keys.TAB) {
+ e.preventDefault();
+ this.close();
+
+ // Navigate down dropdown list
+ } else if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) && this.isOpen) {
+ e.preventDefault();
+ var direction = e.which === M.keys.ARROW_DOWN ? 1 : -1;
+ var newFocusedIndex = this.focusedIndex;
+ var foundNewIndex = false;
+ do {
+ newFocusedIndex = newFocusedIndex + direction;
+
+ if (!!this.dropdownEl.children[newFocusedIndex] && this.dropdownEl.children[newFocusedIndex].tabIndex !== -1) {
+ foundNewIndex = true;
+ break;
+ }
+ } while (newFocusedIndex < this.dropdownEl.children.length && newFocusedIndex >= 0);
+
+ if (foundNewIndex) {
+ this.focusedIndex = newFocusedIndex;
+ this._focusFocusedItem();
+ }
+
+ // ENTER selects choice on focused item
+ } else if (e.which === M.keys.ENTER && this.isOpen) {
+ // Search for <a> and <button>
+ var focusedElement = this.dropdownEl.children[this.focusedIndex];
+ var $activatableElement = $(focusedElement).find('a, button').first();
+
+ // Click a or button tag if exists, otherwise click li tag
+ if (!!$activatableElement.length) {
+ $activatableElement[0].click();
+ } else if (!!focusedElement) {
+ focusedElement.click();
+ }
+
+ // Close dropdown on ESC
+ } else if (e.which === M.keys.ESC && this.isOpen) {
+ e.preventDefault();
+ this.close();
+ }
+
+ // CASE WHEN USER TYPE LETTERS
+ var letter = String.fromCharCode(e.which).toLowerCase(),
+ nonLetters = [9, 13, 27, 38, 40];
+ if (letter && nonLetters.indexOf(e.which) === -1) {
+ this.filterQuery.push(letter);
+
+ var string = this.filterQuery.join(''),
+ newOptionEl = $(this.dropdownEl).find('li').filter(function (el) {
+ return $(el).text().toLowerCase().indexOf(string) === 0;
+ })[0];
+
+ if (newOptionEl) {
+ this.focusedIndex = $(newOptionEl).index();
+ this._focusFocusedItem();
+ }
+ }
+
+ this.filterTimeout = setTimeout(this._resetFilterQueryBound, 1000);
+ }
+
+ /**
+ * Setup dropdown
+ */
+
+ }, {
+ key: "_resetFilterQuery",
+ value: function _resetFilterQuery() {
+ this.filterQuery = [];
+ }
+ }, {
+ key: "_resetDropdownStyles",
+ value: function _resetDropdownStyles() {
+ this.$dropdownEl.css({
+ display: '',
+ width: '',
+ height: '',
+ left: '',
+ top: '',
+ 'transform-origin': '',
+ transform: '',
+ opacity: ''
+ });
+ }
+ }, {
+ key: "_makeDropdownFocusable",
+ value: function _makeDropdownFocusable() {
+ // Needed for arrow key navigation
+ this.dropdownEl.tabIndex = 0;
+
+ // Only set tabindex if it hasn't been set by user
+ $(this.dropdownEl).children().each(function (el) {
+ if (!el.getAttribute('tabindex')) {
+ el.setAttribute('tabindex', 0);
+ }
+ });
+ }
+ }, {
+ key: "_focusFocusedItem",
+ value: function _focusFocusedItem() {
+ if (this.focusedIndex >= 0 && this.focusedIndex < this.dropdownEl.children.length && this.options.autoFocus) {
+ this.dropdownEl.children[this.focusedIndex].focus();
+ }
+ }
+ }, {
+ key: "_getDropdownPosition",
+ value: function _getDropdownPosition() {
+ var offsetParentBRect = this.el.offsetParent.getBoundingClientRect();
+ var triggerBRect = this.el.getBoundingClientRect();
+ var dropdownBRect = this.dropdownEl.getBoundingClientRect();
+
+ var idealHeight = dropdownBRect.height;
+ var idealWidth = dropdownBRect.width;
+ var idealXPos = triggerBRect.left - dropdownBRect.left;
+ var idealYPos = triggerBRect.top - dropdownBRect.top;
+
+ var dropdownBounds = {
+ left: idealXPos,
+ top: idealYPos,
+ height: idealHeight,
+ width: idealWidth
+ };
+
+ // Countainer here will be closest ancestor with overflow: hidden
+ var closestOverflowParent = !!this.dropdownEl.offsetParent ? this.dropdownEl.offsetParent : this.dropdownEl.parentNode;
+
+ var alignments = M.checkPossibleAlignments(this.el, closestOverflowParent, dropdownBounds, this.options.coverTrigger ? 0 : triggerBRect.height);
+
+ var verticalAlignment = 'top';
+ var horizontalAlignment = this.options.alignment;
+ idealYPos += this.options.coverTrigger ? 0 : triggerBRect.height;
+
+ // Reset isScrollable
+ this.isScrollable = false;
+
+ if (!alignments.top) {
+ if (alignments.bottom) {
+ verticalAlignment = 'bottom';
+ } else {
+ this.isScrollable = true;
+
+ // Determine which side has most space and cutoff at correct height
+ if (alignments.spaceOnTop > alignments.spaceOnBottom) {
+ verticalAlignment = 'bottom';
+ idealHeight += alignments.spaceOnTop;
+ idealYPos -= alignments.spaceOnTop;
+ } else {
+ idealHeight += alignments.spaceOnBottom;
+ }
+ }
+ }
+
+ // If preferred horizontal alignment is possible
+ if (!alignments[horizontalAlignment]) {
+ var oppositeAlignment = horizontalAlignment === 'left' ? 'right' : 'left';
+ if (alignments[oppositeAlignment]) {
+ horizontalAlignment = oppositeAlignment;
+ } else {
+ // Determine which side has most space and cutoff at correct height
+ if (alignments.spaceOnLeft > alignments.spaceOnRight) {
+ horizontalAlignment = 'right';
+ idealWidth += alignments.spaceOnLeft;
+ idealXPos -= alignments.spaceOnLeft;
+ } else {
+ horizontalAlignment = 'left';
+ idealWidth += alignments.spaceOnRight;
+ }
+ }
+ }
+
+ if (verticalAlignment === 'bottom') {
+ idealYPos = idealYPos - dropdownBRect.height + (this.options.coverTrigger ? triggerBRect.height : 0);
+ }
+ if (horizontalAlignment === 'right') {
+ idealXPos = idealXPos - dropdownBRect.width + triggerBRect.width;
+ }
+ return {
+ x: idealXPos,
+ y: idealYPos,
+ verticalAlignment: verticalAlignment,
+ horizontalAlignment: horizontalAlignment,
+ height: idealHeight,
+ width: idealWidth
+ };
+ }
+
+ /**
+ * Animate in dropdown
+ */
+
+ }, {
+ key: "_animateIn",
+ value: function _animateIn() {
+ var _this11 = this;
+
+ anim.remove(this.dropdownEl);
+ anim({
+ targets: this.dropdownEl,
+ opacity: {
+ value: [0, 1],
+ easing: 'easeOutQuad'
+ },
+ scaleX: [0.3, 1],
+ scaleY: [0.3, 1],
+ duration: this.options.inDuration,
+ easing: 'easeOutQuint',
+ complete: function (anim) {
+ if (_this11.options.autoFocus) {
+ _this11.dropdownEl.focus();
+ }
+
+ // onOpenEnd callback
+ if (typeof _this11.options.onOpenEnd === 'function') {
+ _this11.options.onOpenEnd.call(_this11, _this11.el);
+ }
+ }
+ });
+ }
+
+ /**
+ * Animate out dropdown
+ */
+
+ }, {
+ key: "_animateOut",
+ value: function _animateOut() {
+ var _this12 = this;
+
+ anim.remove(this.dropdownEl);
+ anim({
+ targets: this.dropdownEl,
+ opacity: {
+ value: 0,
+ easing: 'easeOutQuint'
+ },
+ scaleX: 0.3,
+ scaleY: 0.3,
+ duration: this.options.outDuration,
+ easing: 'easeOutQuint',
+ complete: function (anim) {
+ _this12._resetDropdownStyles();
+
+ // onCloseEnd callback
+ if (typeof _this12.options.onCloseEnd === 'function') {
+ _this12.options.onCloseEnd.call(_this12, _this12.el);
+ }
+ }
+ });
+ }
+
+ /**
+ * Place dropdown
+ */
+
+ }, {
+ key: "_placeDropdown",
+ value: function _placeDropdown() {
+ // Set width before calculating positionInfo
+ var idealWidth = this.options.constrainWidth ? this.el.getBoundingClientRect().width : this.dropdownEl.getBoundingClientRect().width;
+ this.dropdownEl.style.width = idealWidth + 'px';
+
+ var positionInfo = this._getDropdownPosition();
+ this.dropdownEl.style.left = positionInfo.x + 'px';
+ this.dropdownEl.style.top = positionInfo.y + 'px';
+ this.dropdownEl.style.height = positionInfo.height + 'px';
+ this.dropdownEl.style.width = positionInfo.width + 'px';
+ this.dropdownEl.style.transformOrigin = (positionInfo.horizontalAlignment === 'left' ? '0' : '100%') + " " + (positionInfo.verticalAlignment === 'top' ? '0' : '100%');
+ }
+
+ /**
+ * Open Dropdown
+ */
+
+ }, {
+ key: "open",
+ value: function open() {
+ if (this.isOpen) {
+ return;
+ }
+ this.isOpen = true;
+
+ // onOpenStart callback
+ if (typeof this.options.onOpenStart === 'function') {
+ this.options.onOpenStart.call(this, this.el);
+ }
+
+ // Reset styles
+ this._resetDropdownStyles();
+ this.dropdownEl.style.display = 'block';
+
+ this._placeDropdown();
+ this._animateIn();
+ this._setupTemporaryEventHandlers();
+ }
+
+ /**
+ * Close Dropdown
+ */
+
+ }, {
+ key: "close",
+ value: function close() {
+ if (!this.isOpen) {
+ return;
+ }
+ this.isOpen = false;
+ this.focusedIndex = -1;
+
+ // onCloseStart callback
+ if (typeof this.options.onCloseStart === 'function') {
+ this.options.onCloseStart.call(this, this.el);
+ }
+
+ this._animateOut();
+ this._removeTemporaryEventHandlers();
+
+ if (this.options.autoFocus) {
+ this.el.focus();
+ }
+ }
+
+ /**
+ * Recalculate dimensions
+ */
+
+ }, {
+ key: "recalculateDimensions",
+ value: function recalculateDimensions() {
+ if (this.isOpen) {
+ this.$dropdownEl.css({
+ width: '',
+ height: '',
+ left: '',
+ top: '',
+ 'transform-origin': ''
+ });
+ this._placeDropdown();
+ }
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Dropdown.__proto__ || Object.getPrototypeOf(Dropdown), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Dropdown;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Dropdown;
+ }(Component);
+
+ /**
+ * @static
+ * @memberof Dropdown
+ */
+
+
+ Dropdown._dropdowns = [];
+
+ M.Dropdown = Dropdown;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Dropdown, 'dropdown', 'M_Dropdown');
+ }
+})(cash, M.anime);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ opacity: 0.5,
+ inDuration: 250,
+ outDuration: 250,
+ onOpenStart: null,
+ onOpenEnd: null,
+ onCloseStart: null,
+ onCloseEnd: null,
+ preventScrolling: true,
+ dismissible: true,
+ startingTop: '4%',
+ endingTop: '10%'
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Modal = function (_Component3) {
+ _inherits(Modal, _Component3);
+
+ /**
+ * Construct Modal instance and set up overlay
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Modal(el, options) {
+ _classCallCheck(this, Modal);
+
+ var _this13 = _possibleConstructorReturn(this, (Modal.__proto__ || Object.getPrototypeOf(Modal)).call(this, Modal, el, options));
+
+ _this13.el.M_Modal = _this13;
+
+ /**
+ * Options for the modal
+ * @member Modal#options
+ * @prop {Number} [opacity=0.5] - Opacity of the modal overlay
+ * @prop {Number} [inDuration=250] - Length in ms of enter transition
+ * @prop {Number} [outDuration=250] - Length in ms of exit transition
+ * @prop {Function} onOpenStart - Callback function called before modal is opened
+ * @prop {Function} onOpenEnd - Callback function called after modal is opened
+ * @prop {Function} onCloseStart - Callback function called before modal is closed
+ * @prop {Function} onCloseEnd - Callback function called after modal is closed
+ * @prop {Boolean} [dismissible=true] - Allow modal to be dismissed by keyboard or overlay click
+ * @prop {String} [startingTop='4%'] - startingTop
+ * @prop {String} [endingTop='10%'] - endingTop
+ */
+ _this13.options = $.extend({}, Modal.defaults, options);
+
+ /**
+ * Describes open/close state of modal
+ * @type {Boolean}
+ */
+ _this13.isOpen = false;
+
+ _this13.id = _this13.$el.attr('id');
+ _this13._openingTrigger = undefined;
+ _this13.$overlay = $('<div class="modal-overlay"></div>');
+ _this13.el.tabIndex = 0;
+ _this13._nthModalOpened = 0;
+
+ Modal._count++;
+ _this13._setupEventHandlers();
+ return _this13;
+ }
+
+ _createClass(Modal, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ Modal._count--;
+ this._removeEventHandlers();
+ this.el.removeAttribute('style');
+ this.$overlay.remove();
+ this.el.M_Modal = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleOverlayClickBound = this._handleOverlayClick.bind(this);
+ this._handleModalCloseClickBound = this._handleModalCloseClick.bind(this);
+
+ if (Modal._count === 1) {
+ document.body.addEventListener('click', this._handleTriggerClick);
+ }
+ this.$overlay[0].addEventListener('click', this._handleOverlayClickBound);
+ this.el.addEventListener('click', this._handleModalCloseClickBound);
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ if (Modal._count === 0) {
+ document.body.removeEventListener('click', this._handleTriggerClick);
+ }
+ this.$overlay[0].removeEventListener('click', this._handleOverlayClickBound);
+ this.el.removeEventListener('click', this._handleModalCloseClickBound);
+ }
+
+ /**
+ * Handle Trigger Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleTriggerClick",
+ value: function _handleTriggerClick(e) {
+ var $trigger = $(e.target).closest('.modal-trigger');
+ if ($trigger.length) {
+ var modalId = M.getIdFromTrigger($trigger[0]);
+ var modalInstance = document.getElementById(modalId).M_Modal;
+ if (modalInstance) {
+ modalInstance.open($trigger);
+ }
+ e.preventDefault();
+ }
+ }
+
+ /**
+ * Handle Overlay Click
+ */
+
+ }, {
+ key: "_handleOverlayClick",
+ value: function _handleOverlayClick() {
+ if (this.options.dismissible) {
+ this.close();
+ }
+ }
+
+ /**
+ * Handle Modal Close Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleModalCloseClick",
+ value: function _handleModalCloseClick(e) {
+ var $closeTrigger = $(e.target).closest('.modal-close');
+ if ($closeTrigger.length) {
+ this.close();
+ }
+ }
+
+ /**
+ * Handle Keydown
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleKeydown",
+ value: function _handleKeydown(e) {
+ // ESC key
+ if (e.keyCode === 27 && this.options.dismissible) {
+ this.close();
+ }
+ }
+
+ /**
+ * Handle Focus
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleFocus",
+ value: function _handleFocus(e) {
+ // Only trap focus if this modal is the last model opened (prevents loops in nested modals).
+ if (!this.el.contains(e.target) && this._nthModalOpened === Modal._modalsOpen) {
+ this.el.focus();
+ }
+ }
+
+ /**
+ * Animate in modal
+ */
+
+ }, {
+ key: "_animateIn",
+ value: function _animateIn() {
+ var _this14 = this;
+
+ // Set initial styles
+ $.extend(this.el.style, {
+ display: 'block',
+ opacity: 0
+ });
+ $.extend(this.$overlay[0].style, {
+ display: 'block',
+ opacity: 0
+ });
+
+ // Animate overlay
+ anim({
+ targets: this.$overlay[0],
+ opacity: this.options.opacity,
+ duration: this.options.inDuration,
+ easing: 'easeOutQuad'
+ });
+
+ // Define modal animation options
+ var enterAnimOptions = {
+ targets: this.el,
+ duration: this.options.inDuration,
+ easing: 'easeOutCubic',
+ // Handle modal onOpenEnd callback
+ complete: function () {
+ if (typeof _this14.options.onOpenEnd === 'function') {
+ _this14.options.onOpenEnd.call(_this14, _this14.el, _this14._openingTrigger);
+ }
+ }
+ };
+
+ // Bottom sheet animation
+ if (this.el.classList.contains('bottom-sheet')) {
+ $.extend(enterAnimOptions, {
+ bottom: 0,
+ opacity: 1
+ });
+ anim(enterAnimOptions);
+
+ // Normal modal animation
+ } else {
+ $.extend(enterAnimOptions, {
+ top: [this.options.startingTop, this.options.endingTop],
+ opacity: 1,
+ scaleX: [0.8, 1],
+ scaleY: [0.8, 1]
+ });
+ anim(enterAnimOptions);
+ }
+ }
+
+ /**
+ * Animate out modal
+ */
+
+ }, {
+ key: "_animateOut",
+ value: function _animateOut() {
+ var _this15 = this;
+
+ // Animate overlay
+ anim({
+ targets: this.$overlay[0],
+ opacity: 0,
+ duration: this.options.outDuration,
+ easing: 'easeOutQuart'
+ });
+
+ // Define modal animation options
+ var exitAnimOptions = {
+ targets: this.el,
+ duration: this.options.outDuration,
+ easing: 'easeOutCubic',
+ // Handle modal ready callback
+ complete: function () {
+ _this15.el.style.display = 'none';
+ _this15.$overlay.remove();
+
+ // Call onCloseEnd callback
+ if (typeof _this15.options.onCloseEnd === 'function') {
+ _this15.options.onCloseEnd.call(_this15, _this15.el);
+ }
+ }
+ };
+
+ // Bottom sheet animation
+ if (this.el.classList.contains('bottom-sheet')) {
+ $.extend(exitAnimOptions, {
+ bottom: '-100%',
+ opacity: 0
+ });
+ anim(exitAnimOptions);
+
+ // Normal modal animation
+ } else {
+ $.extend(exitAnimOptions, {
+ top: [this.options.endingTop, this.options.startingTop],
+ opacity: 0,
+ scaleX: 0.8,
+ scaleY: 0.8
+ });
+ anim(exitAnimOptions);
+ }
+ }
+
+ /**
+ * Open Modal
+ * @param {cash} [$trigger]
+ */
+
+ }, {
+ key: "open",
+ value: function open($trigger) {
+ if (this.isOpen) {
+ return;
+ }
+
+ this.isOpen = true;
+ Modal._modalsOpen++;
+ this._nthModalOpened = Modal._modalsOpen;
+
+ // Set Z-Index based on number of currently open modals
+ this.$overlay[0].style.zIndex = 1000 + Modal._modalsOpen * 2;
+ this.el.style.zIndex = 1000 + Modal._modalsOpen * 2 + 1;
+
+ // Set opening trigger, undefined indicates modal was opened by javascript
+ this._openingTrigger = !!$trigger ? $trigger[0] : undefined;
+
+ // onOpenStart callback
+ if (typeof this.options.onOpenStart === 'function') {
+ this.options.onOpenStart.call(this, this.el, this._openingTrigger);
+ }
+
+ if (this.options.preventScrolling) {
+ document.body.style.overflow = 'hidden';
+ }
+
+ this.el.classList.add('open');
+ this.el.insertAdjacentElement('afterend', this.$overlay[0]);
+
+ if (this.options.dismissible) {
+ this._handleKeydownBound = this._handleKeydown.bind(this);
+ this._handleFocusBound = this._handleFocus.bind(this);
+ document.addEventListener('keydown', this._handleKeydownBound);
+ document.addEventListener('focus', this._handleFocusBound, true);
+ }
+
+ anim.remove(this.el);
+ anim.remove(this.$overlay[0]);
+ this._animateIn();
+
+ // Focus modal
+ this.el.focus();
+
+ return this;
+ }
+
+ /**
+ * Close Modal
+ */
+
+ }, {
+ key: "close",
+ value: function close() {
+ if (!this.isOpen) {
+ return;
+ }
+
+ this.isOpen = false;
+ Modal._modalsOpen--;
+ this._nthModalOpened = 0;
+
+ // Call onCloseStart callback
+ if (typeof this.options.onCloseStart === 'function') {
+ this.options.onCloseStart.call(this, this.el);
+ }
+
+ this.el.classList.remove('open');
+
+ // Enable body scrolling only if there are no more modals open.
+ if (Modal._modalsOpen === 0) {
+ document.body.style.overflow = '';
+ }
+
+ if (this.options.dismissible) {
+ document.removeEventListener('keydown', this._handleKeydownBound);
+ document.removeEventListener('focus', this._handleFocusBound, true);
+ }
+
+ anim.remove(this.el);
+ anim.remove(this.$overlay[0]);
+ this._animateOut();
+ return this;
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Modal.__proto__ || Object.getPrototypeOf(Modal), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Modal;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Modal;
+ }(Component);
+
+ /**
+ * @static
+ * @memberof Modal
+ */
+
+
+ Modal._modalsOpen = 0;
+
+ /**
+ * @static
+ * @memberof Modal
+ */
+ Modal._count = 0;
+
+ M.Modal = Modal;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Modal, 'modal', 'M_Modal');
+ }
+})(cash, M.anime);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ inDuration: 275,
+ outDuration: 200,
+ onOpenStart: null,
+ onOpenEnd: null,
+ onCloseStart: null,
+ onCloseEnd: null
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Materialbox = function (_Component4) {
+ _inherits(Materialbox, _Component4);
+
+ /**
+ * Construct Materialbox instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Materialbox(el, options) {
+ _classCallCheck(this, Materialbox);
+
+ var _this16 = _possibleConstructorReturn(this, (Materialbox.__proto__ || Object.getPrototypeOf(Materialbox)).call(this, Materialbox, el, options));
+
+ _this16.el.M_Materialbox = _this16;
+
+ /**
+ * Options for the modal
+ * @member Materialbox#options
+ * @prop {Number} [inDuration=275] - Length in ms of enter transition
+ * @prop {Number} [outDuration=200] - Length in ms of exit transition
+ * @prop {Function} onOpenStart - Callback function called before materialbox is opened
+ * @prop {Function} onOpenEnd - Callback function called after materialbox is opened
+ * @prop {Function} onCloseStart - Callback function called before materialbox is closed
+ * @prop {Function} onCloseEnd - Callback function called after materialbox is closed
+ */
+ _this16.options = $.extend({}, Materialbox.defaults, options);
+
+ _this16.overlayActive = false;
+ _this16.doneAnimating = true;
+ _this16.placeholder = $('<div></div>').addClass('material-placeholder');
+ _this16.originalWidth = 0;
+ _this16.originalHeight = 0;
+ _this16.originInlineStyles = _this16.$el.attr('style');
+ _this16.caption = _this16.el.getAttribute('data-caption') || '';
+
+ // Wrap
+ _this16.$el.before(_this16.placeholder);
+ _this16.placeholder.append(_this16.$el);
+
+ _this16._setupEventHandlers();
+ return _this16;
+ }
+
+ _createClass(Materialbox, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this.el.M_Materialbox = undefined;
+
+ // Unwrap image
+ $(this.placeholder).after(this.el).remove();
+
+ this.$el.removeAttr('style');
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleMaterialboxClickBound = this._handleMaterialboxClick.bind(this);
+ this.el.addEventListener('click', this._handleMaterialboxClickBound);
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('click', this._handleMaterialboxClickBound);
+ }
+
+ /**
+ * Handle Materialbox Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleMaterialboxClick",
+ value: function _handleMaterialboxClick(e) {
+ // If already modal, return to original
+ if (this.doneAnimating === false || this.overlayActive && this.doneAnimating) {
+ this.close();
+ } else {
+ this.open();
+ }
+ }
+
+ /**
+ * Handle Window Scroll
+ */
+
+ }, {
+ key: "_handleWindowScroll",
+ value: function _handleWindowScroll() {
+ if (this.overlayActive) {
+ this.close();
+ }
+ }
+
+ /**
+ * Handle Window Resize
+ */
+
+ }, {
+ key: "_handleWindowResize",
+ value: function _handleWindowResize() {
+ if (this.overlayActive) {
+ this.close();
+ }
+ }
+
+ /**
+ * Handle Window Resize
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleWindowEscape",
+ value: function _handleWindowEscape(e) {
+ // ESC key
+ if (e.keyCode === 27 && this.doneAnimating && this.overlayActive) {
+ this.close();
+ }
+ }
+
+ /**
+ * Find ancestors with overflow: hidden; and make visible
+ */
+
+ }, {
+ key: "_makeAncestorsOverflowVisible",
+ value: function _makeAncestorsOverflowVisible() {
+ this.ancestorsChanged = $();
+ var ancestor = this.placeholder[0].parentNode;
+ while (ancestor !== null && !$(ancestor).is(document)) {
+ var curr = $(ancestor);
+ if (curr.css('overflow') !== 'visible') {
+ curr.css('overflow', 'visible');
+ if (this.ancestorsChanged === undefined) {
+ this.ancestorsChanged = curr;
+ } else {
+ this.ancestorsChanged = this.ancestorsChanged.add(curr);
+ }
+ }
+ ancestor = ancestor.parentNode;
+ }
+ }
+
+ /**
+ * Animate image in
+ */
+
+ }, {
+ key: "_animateImageIn",
+ value: function _animateImageIn() {
+ var _this17 = this;
+
+ var animOptions = {
+ targets: this.el,
+ height: [this.originalHeight, this.newHeight],
+ width: [this.originalWidth, this.newWidth],
+ left: M.getDocumentScrollLeft() + this.windowWidth / 2 - this.placeholder.offset().left - this.newWidth / 2,
+ top: M.getDocumentScrollTop() + this.windowHeight / 2 - this.placeholder.offset().top - this.newHeight / 2,
+ duration: this.options.inDuration,
+ easing: 'easeOutQuad',
+ complete: function () {
+ _this17.doneAnimating = true;
+
+ // onOpenEnd callback
+ if (typeof _this17.options.onOpenEnd === 'function') {
+ _this17.options.onOpenEnd.call(_this17, _this17.el);
+ }
+ }
+ };
+
+ // Override max-width or max-height if needed
+ this.maxWidth = this.$el.css('max-width');
+ this.maxHeight = this.$el.css('max-height');
+ if (this.maxWidth !== 'none') {
+ animOptions.maxWidth = this.newWidth;
+ }
+ if (this.maxHeight !== 'none') {
+ animOptions.maxHeight = this.newHeight;
+ }
+
+ anim(animOptions);
+ }
+
+ /**
+ * Animate image out
+ */
+
+ }, {
+ key: "_animateImageOut",
+ value: function _animateImageOut() {
+ var _this18 = this;
+
+ var animOptions = {
+ targets: this.el,
+ width: this.originalWidth,
+ height: this.originalHeight,
+ left: 0,
+ top: 0,
+ duration: this.options.outDuration,
+ easing: 'easeOutQuad',
+ complete: function () {
+ _this18.placeholder.css({
+ height: '',
+ width: '',
+ position: '',
+ top: '',
+ left: ''
+ });
+
+ // Revert to width or height attribute
+ if (_this18.attrWidth) {
+ _this18.$el.attr('width', _this18.attrWidth);
+ }
+ if (_this18.attrHeight) {
+ _this18.$el.attr('height', _this18.attrHeight);
+ }
+
+ _this18.$el.removeAttr('style');
+ _this18.originInlineStyles && _this18.$el.attr('style', _this18.originInlineStyles);
+
+ // Remove class
+ _this18.$el.removeClass('active');
+ _this18.doneAnimating = true;
+
+ // Remove overflow overrides on ancestors
+ if (_this18.ancestorsChanged.length) {
+ _this18.ancestorsChanged.css('overflow', '');
+ }
+
+ // onCloseEnd callback
+ if (typeof _this18.options.onCloseEnd === 'function') {
+ _this18.options.onCloseEnd.call(_this18, _this18.el);
+ }
+ }
+ };
+
+ anim(animOptions);
+ }
+
+ /**
+ * Update open and close vars
+ */
+
+ }, {
+ key: "_updateVars",
+ value: function _updateVars() {
+ this.windowWidth = window.innerWidth;
+ this.windowHeight = window.innerHeight;
+ this.caption = this.el.getAttribute('data-caption') || '';
+ }
+
+ /**
+ * Open Materialbox
+ */
+
+ }, {
+ key: "open",
+ value: function open() {
+ var _this19 = this;
+
+ this._updateVars();
+ this.originalWidth = this.el.getBoundingClientRect().width;
+ this.originalHeight = this.el.getBoundingClientRect().height;
+
+ // Set states
+ this.doneAnimating = false;
+ this.$el.addClass('active');
+ this.overlayActive = true;
+
+ // onOpenStart callback
+ if (typeof this.options.onOpenStart === 'function') {
+ this.options.onOpenStart.call(this, this.el);
+ }
+
+ // Set positioning for placeholder
+ this.placeholder.css({
+ width: this.placeholder[0].getBoundingClientRect().width + 'px',
+ height: this.placeholder[0].getBoundingClientRect().height + 'px',
+ position: 'relative',
+ top: 0,
+ left: 0
+ });
+
+ this._makeAncestorsOverflowVisible();
+
+ // Set css on origin
+ this.$el.css({
+ position: 'absolute',
+ 'z-index': 1000,
+ 'will-change': 'left, top, width, height'
+ });
+
+ // Change from width or height attribute to css
+ this.attrWidth = this.$el.attr('width');
+ this.attrHeight = this.$el.attr('height');
+ if (this.attrWidth) {
+ this.$el.css('width', this.attrWidth + 'px');
+ this.$el.removeAttr('width');
+ }
+ if (this.attrHeight) {
+ this.$el.css('width', this.attrHeight + 'px');
+ this.$el.removeAttr('height');
+ }
+
+ // Add overlay
+ this.$overlay = $('<div id="materialbox-overlay"></div>').css({
+ opacity: 0
+ }).one('click', function () {
+ if (_this19.doneAnimating) {
+ _this19.close();
+ }
+ });
+
+ // Put before in origin image to preserve z-index layering.
+ this.$el.before(this.$overlay);
+
+ // Set dimensions if needed
+ var overlayOffset = this.$overlay[0].getBoundingClientRect();
+ this.$overlay.css({
+ width: this.windowWidth + 'px',
+ height: this.windowHeight + 'px',
+ left: -1 * overlayOffset.left + 'px',
+ top: -1 * overlayOffset.top + 'px'
+ });
+
+ anim.remove(this.el);
+ anim.remove(this.$overlay[0]);
+
+ // Animate Overlay
+ anim({
+ targets: this.$overlay[0],
+ opacity: 1,
+ duration: this.options.inDuration,
+ easing: 'easeOutQuad'
+ });
+
+ // Add and animate caption if it exists
+ if (this.caption !== '') {
+ if (this.$photocaption) {
+ anim.remove(this.$photoCaption[0]);
+ }
+ this.$photoCaption = $('<div class="materialbox-caption"></div>');
+ this.$photoCaption.text(this.caption);
+ $('body').append(this.$photoCaption);
+ this.$photoCaption.css({ display: 'inline' });
+
+ anim({
+ targets: this.$photoCaption[0],
+ opacity: 1,
+ duration: this.options.inDuration,
+ easing: 'easeOutQuad'
+ });
+ }
+
+ // Resize Image
+ var ratio = 0;
+ var widthPercent = this.originalWidth / this.windowWidth;
+ var heightPercent = this.originalHeight / this.windowHeight;
+ this.newWidth = 0;
+ this.newHeight = 0;
+
+ if (widthPercent > heightPercent) {
+ ratio = this.originalHeight / this.originalWidth;
+ this.newWidth = this.windowWidth * 0.9;
+ this.newHeight = this.windowWidth * 0.9 * ratio;
+ } else {
+ ratio = this.originalWidth / this.originalHeight;
+ this.newWidth = this.windowHeight * 0.9 * ratio;
+ this.newHeight = this.windowHeight * 0.9;
+ }
+
+ this._animateImageIn();
+
+ // Handle Exit triggers
+ this._handleWindowScrollBound = this._handleWindowScroll.bind(this);
+ this._handleWindowResizeBound = this._handleWindowResize.bind(this);
+ this._handleWindowEscapeBound = this._handleWindowEscape.bind(this);
+
+ window.addEventListener('scroll', this._handleWindowScrollBound);
+ window.addEventListener('resize', this._handleWindowResizeBound);
+ window.addEventListener('keyup', this._handleWindowEscapeBound);
+ }
+
+ /**
+ * Close Materialbox
+ */
+
+ }, {
+ key: "close",
+ value: function close() {
+ var _this20 = this;
+
+ this._updateVars();
+ this.doneAnimating = false;
+
+ // onCloseStart callback
+ if (typeof this.options.onCloseStart === 'function') {
+ this.options.onCloseStart.call(this, this.el);
+ }
+
+ anim.remove(this.el);
+ anim.remove(this.$overlay[0]);
+
+ if (this.caption !== '') {
+ anim.remove(this.$photoCaption[0]);
+ }
+
+ // disable exit handlers
+ window.removeEventListener('scroll', this._handleWindowScrollBound);
+ window.removeEventListener('resize', this._handleWindowResizeBound);
+ window.removeEventListener('keyup', this._handleWindowEscapeBound);
+
+ anim({
+ targets: this.$overlay[0],
+ opacity: 0,
+ duration: this.options.outDuration,
+ easing: 'easeOutQuad',
+ complete: function () {
+ _this20.overlayActive = false;
+ _this20.$overlay.remove();
+ }
+ });
+
+ this._animateImageOut();
+
+ // Remove Caption + reset css settings on image
+ if (this.caption !== '') {
+ anim({
+ targets: this.$photoCaption[0],
+ opacity: 0,
+ duration: this.options.outDuration,
+ easing: 'easeOutQuad',
+ complete: function () {
+ _this20.$photoCaption.remove();
+ }
+ });
+ }
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Materialbox.__proto__ || Object.getPrototypeOf(Materialbox), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Materialbox;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Materialbox;
+ }(Component);
+
+ M.Materialbox = Materialbox;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Materialbox, 'materialbox', 'M_Materialbox');
+ }
+})(cash, M.anime);
+;(function ($) {
+ 'use strict';
+
+ var _defaults = {
+ responsiveThreshold: 0 // breakpoint for swipeable
+ };
+
+ var Parallax = function (_Component5) {
+ _inherits(Parallax, _Component5);
+
+ function Parallax(el, options) {
+ _classCallCheck(this, Parallax);
+
+ var _this21 = _possibleConstructorReturn(this, (Parallax.__proto__ || Object.getPrototypeOf(Parallax)).call(this, Parallax, el, options));
+
+ _this21.el.M_Parallax = _this21;
+
+ /**
+ * Options for the Parallax
+ * @member Parallax#options
+ * @prop {Number} responsiveThreshold
+ */
+ _this21.options = $.extend({}, Parallax.defaults, options);
+ _this21._enabled = window.innerWidth > _this21.options.responsiveThreshold;
+
+ _this21.$img = _this21.$el.find('img').first();
+ _this21.$img.each(function () {
+ var el = this;
+ if (el.complete) $(el).trigger('load');
+ });
+
+ _this21._updateParallax();
+ _this21._setupEventHandlers();
+ _this21._setupStyles();
+
+ Parallax._parallaxes.push(_this21);
+ return _this21;
+ }
+
+ _createClass(Parallax, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ Parallax._parallaxes.splice(Parallax._parallaxes.indexOf(this), 1);
+ this.$img[0].style.transform = '';
+ this._removeEventHandlers();
+
+ this.$el[0].M_Parallax = undefined;
+ }
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleImageLoadBound = this._handleImageLoad.bind(this);
+ this.$img[0].addEventListener('load', this._handleImageLoadBound);
+
+ if (Parallax._parallaxes.length === 0) {
+ Parallax._handleScrollThrottled = M.throttle(Parallax._handleScroll, 5);
+ window.addEventListener('scroll', Parallax._handleScrollThrottled);
+
+ Parallax._handleWindowResizeThrottled = M.throttle(Parallax._handleWindowResize, 5);
+ window.addEventListener('resize', Parallax._handleWindowResizeThrottled);
+ }
+ }
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.$img[0].removeEventListener('load', this._handleImageLoadBound);
+
+ if (Parallax._parallaxes.length === 0) {
+ window.removeEventListener('scroll', Parallax._handleScrollThrottled);
+ window.removeEventListener('resize', Parallax._handleWindowResizeThrottled);
+ }
+ }
+ }, {
+ key: "_setupStyles",
+ value: function _setupStyles() {
+ this.$img[0].style.opacity = 1;
+ }
+ }, {
+ key: "_handleImageLoad",
+ value: function _handleImageLoad() {
+ this._updateParallax();
+ }
+ }, {
+ key: "_updateParallax",
+ value: function _updateParallax() {
+ var containerHeight = this.$el.height() > 0 ? this.el.parentNode.offsetHeight : 500;
+ var imgHeight = this.$img[0].offsetHeight;
+ var parallaxDist = imgHeight - containerHeight;
+ var bottom = this.$el.offset().top + containerHeight;
+ var top = this.$el.offset().top;
+ var scrollTop = M.getDocumentScrollTop();
+ var windowHeight = window.innerHeight;
+ var windowBottom = scrollTop + windowHeight;
+ var percentScrolled = (windowBottom - top) / (containerHeight + windowHeight);
+ var parallax = parallaxDist * percentScrolled;
+
+ if (!this._enabled) {
+ this.$img[0].style.transform = '';
+ } else if (bottom > scrollTop && top < scrollTop + windowHeight) {
+ this.$img[0].style.transform = "translate3D(-50%, " + parallax + "px, 0)";
+ }
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Parallax.__proto__ || Object.getPrototypeOf(Parallax), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Parallax;
+ }
+ }, {
+ key: "_handleScroll",
+ value: function _handleScroll() {
+ for (var i = 0; i < Parallax._parallaxes.length; i++) {
+ var parallaxInstance = Parallax._parallaxes[i];
+ parallaxInstance._updateParallax.call(parallaxInstance);
+ }
+ }
+ }, {
+ key: "_handleWindowResize",
+ value: function _handleWindowResize() {
+ for (var i = 0; i < Parallax._parallaxes.length; i++) {
+ var parallaxInstance = Parallax._parallaxes[i];
+ parallaxInstance._enabled = window.innerWidth > parallaxInstance.options.responsiveThreshold;
+ }
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Parallax;
+ }(Component);
+
+ /**
+ * @static
+ * @memberof Parallax
+ */
+
+
+ Parallax._parallaxes = [];
+
+ M.Parallax = Parallax;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Parallax, 'parallax', 'M_Parallax');
+ }
+})(cash);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ duration: 300,
+ onShow: null,
+ swipeable: false,
+ responsiveThreshold: Infinity // breakpoint for swipeable
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Tabs = function (_Component6) {
+ _inherits(Tabs, _Component6);
+
+ /**
+ * Construct Tabs instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Tabs(el, options) {
+ _classCallCheck(this, Tabs);
+
+ var _this22 = _possibleConstructorReturn(this, (Tabs.__proto__ || Object.getPrototypeOf(Tabs)).call(this, Tabs, el, options));
+
+ _this22.el.M_Tabs = _this22;
+
+ /**
+ * Options for the Tabs
+ * @member Tabs#options
+ * @prop {Number} duration
+ * @prop {Function} onShow
+ * @prop {Boolean} swipeable
+ * @prop {Number} responsiveThreshold
+ */
+ _this22.options = $.extend({}, Tabs.defaults, options);
+
+ // Setup
+ _this22.$tabLinks = _this22.$el.children('li.tab').children('a');
+ _this22.index = 0;
+ _this22._setupActiveTabLink();
+
+ // Setup tabs content
+ if (_this22.options.swipeable) {
+ _this22._setupSwipeableTabs();
+ } else {
+ _this22._setupNormalTabs();
+ }
+
+ // Setup tabs indicator after content to ensure accurate widths
+ _this22._setTabsAndTabWidth();
+ _this22._createIndicator();
+
+ _this22._setupEventHandlers();
+ return _this22;
+ }
+
+ _createClass(Tabs, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this._indicator.parentNode.removeChild(this._indicator);
+
+ if (this.options.swipeable) {
+ this._teardownSwipeableTabs();
+ } else {
+ this._teardownNormalTabs();
+ }
+
+ this.$el[0].M_Tabs = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleWindowResizeBound = this._handleWindowResize.bind(this);
+ window.addEventListener('resize', this._handleWindowResizeBound);
+
+ this._handleTabClickBound = this._handleTabClick.bind(this);
+ this.el.addEventListener('click', this._handleTabClickBound);
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ window.removeEventListener('resize', this._handleWindowResizeBound);
+ this.el.removeEventListener('click', this._handleTabClickBound);
+ }
+
+ /**
+ * Handle window Resize
+ */
+
+ }, {
+ key: "_handleWindowResize",
+ value: function _handleWindowResize() {
+ this._setTabsAndTabWidth();
+
+ if (this.tabWidth !== 0 && this.tabsWidth !== 0) {
+ this._indicator.style.left = this._calcLeftPos(this.$activeTabLink) + 'px';
+ this._indicator.style.right = this._calcRightPos(this.$activeTabLink) + 'px';
+ }
+ }
+
+ /**
+ * Handle tab click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleTabClick",
+ value: function _handleTabClick(e) {
+ var _this23 = this;
+
+ var tab = $(e.target).closest('li.tab');
+ var tabLink = $(e.target).closest('a');
+
+ // Handle click on tab link only
+ if (!tabLink.length || !tabLink.parent().hasClass('tab')) {
+ return;
+ }
+
+ if (tab.hasClass('disabled')) {
+ e.preventDefault();
+ return;
+ }
+
+ // Act as regular link if target attribute is specified.
+ if (!!tabLink.attr('target')) {
+ return;
+ }
+
+ // Make the old tab inactive.
+ this.$activeTabLink.removeClass('active');
+ var $oldContent = this.$content;
+
+ // Update the variables with the new link and content
+ this.$activeTabLink = tabLink;
+ this.$content = $(M.escapeHash(tabLink[0].hash));
+ this.$tabLinks = this.$el.children('li.tab').children('a');
+
+ // Make the tab active.
+ this.$activeTabLink.addClass('active');
+ var prevIndex = this.index;
+ this.index = Math.max(this.$tabLinks.index(tabLink), 0);
+
+ // Swap content
+ if (this.options.swipeable) {
+ if (this._tabsCarousel) {
+ this._tabsCarousel.set(this.index, function () {
+ if (typeof _this23.options.onShow === 'function') {
+ _this23.options.onShow.call(_this23, _this23.$content[0]);
+ }
+ });
+ }
+ } else {
+ if (this.$content.length) {
+ this.$content[0].style.display = 'block';
+ this.$content.addClass('active');
+ if (typeof this.options.onShow === 'function') {
+ this.options.onShow.call(this, this.$content[0]);
+ }
+
+ if ($oldContent.length && !$oldContent.is(this.$content)) {
+ $oldContent[0].style.display = 'none';
+ $oldContent.removeClass('active');
+ }
+ }
+ }
+
+ // Update widths after content is swapped (scrollbar bugfix)
+ this._setTabsAndTabWidth();
+
+ // Update indicator
+ this._animateIndicator(prevIndex);
+
+ // Prevent the anchor's default click action
+ e.preventDefault();
+ }
+
+ /**
+ * Generate elements for tab indicator.
+ */
+
+ }, {
+ key: "_createIndicator",
+ value: function _createIndicator() {
+ var _this24 = this;
+
+ var indicator = document.createElement('li');
+ indicator.classList.add('indicator');
+
+ this.el.appendChild(indicator);
+ this._indicator = indicator;
+
+ setTimeout(function () {
+ _this24._indicator.style.left = _this24._calcLeftPos(_this24.$activeTabLink) + 'px';
+ _this24._indicator.style.right = _this24._calcRightPos(_this24.$activeTabLink) + 'px';
+ }, 0);
+ }
+
+ /**
+ * Setup first active tab link.
+ */
+
+ }, {
+ key: "_setupActiveTabLink",
+ value: function _setupActiveTabLink() {
+ // If the location.hash matches one of the links, use that as the active tab.
+ this.$activeTabLink = $(this.$tabLinks.filter('[href="' + location.hash + '"]'));
+
+ // If no match is found, use the first link or any with class 'active' as the initial active tab.
+ if (this.$activeTabLink.length === 0) {
+ this.$activeTabLink = this.$el.children('li.tab').children('a.active').first();
+ }
+ if (this.$activeTabLink.length === 0) {
+ this.$activeTabLink = this.$el.children('li.tab').children('a').first();
+ }
+
+ this.$tabLinks.removeClass('active');
+ this.$activeTabLink[0].classList.add('active');
+
+ this.index = Math.max(this.$tabLinks.index(this.$activeTabLink), 0);
+
+ if (this.$activeTabLink.length) {
+ this.$content = $(M.escapeHash(this.$activeTabLink[0].hash));
+ this.$content.addClass('active');
+ }
+ }
+
+ /**
+ * Setup swipeable tabs
+ */
+
+ }, {
+ key: "_setupSwipeableTabs",
+ value: function _setupSwipeableTabs() {
+ var _this25 = this;
+
+ // Change swipeable according to responsive threshold
+ if (window.innerWidth > this.options.responsiveThreshold) {
+ this.options.swipeable = false;
+ }
+
+ var $tabsContent = $();
+ this.$tabLinks.each(function (link) {
+ var $currContent = $(M.escapeHash(link.hash));
+ $currContent.addClass('carousel-item');
+ $tabsContent = $tabsContent.add($currContent);
+ });
+
+ var $tabsWrapper = $('<div class="tabs-content carousel carousel-slider"></div>');
+ $tabsContent.first().before($tabsWrapper);
+ $tabsWrapper.append($tabsContent);
+ $tabsContent[0].style.display = '';
+
+ // Keep active tab index to set initial carousel slide
+ var activeTabIndex = this.$activeTabLink.closest('.tab').index();
+
+ this._tabsCarousel = M.Carousel.init($tabsWrapper[0], {
+ fullWidth: true,
+ noWrap: true,
+ onCycleTo: function (item) {
+ var prevIndex = _this25.index;
+ _this25.index = $(item).index();
+ _this25.$activeTabLink.removeClass('active');
+ _this25.$activeTabLink = _this25.$tabLinks.eq(_this25.index);
+ _this25.$activeTabLink.addClass('active');
+ _this25._animateIndicator(prevIndex);
+ if (typeof _this25.options.onShow === 'function') {
+ _this25.options.onShow.call(_this25, _this25.$content[0]);
+ }
+ }
+ });
+
+ // Set initial carousel slide to active tab
+ this._tabsCarousel.set(activeTabIndex);
+ }
+
+ /**
+ * Teardown normal tabs.
+ */
+
+ }, {
+ key: "_teardownSwipeableTabs",
+ value: function _teardownSwipeableTabs() {
+ var $tabsWrapper = this._tabsCarousel.$el;
+ this._tabsCarousel.destroy();
+
+ // Unwrap
+ $tabsWrapper.after($tabsWrapper.children());
+ $tabsWrapper.remove();
+ }
+
+ /**
+ * Setup normal tabs.
+ */
+
+ }, {
+ key: "_setupNormalTabs",
+ value: function _setupNormalTabs() {
+ // Hide Tabs Content
+ this.$tabLinks.not(this.$activeTabLink).each(function (link) {
+ if (!!link.hash) {
+ var $currContent = $(M.escapeHash(link.hash));
+ if ($currContent.length) {
+ $currContent[0].style.display = 'none';
+ }
+ }
+ });
+ }
+
+ /**
+ * Teardown normal tabs.
+ */
+
+ }, {
+ key: "_teardownNormalTabs",
+ value: function _teardownNormalTabs() {
+ // show Tabs Content
+ this.$tabLinks.each(function (link) {
+ if (!!link.hash) {
+ var $currContent = $(M.escapeHash(link.hash));
+ if ($currContent.length) {
+ $currContent[0].style.display = '';
+ }
+ }
+ });
+ }
+
+ /**
+ * set tabs and tab width
+ */
+
+ }, {
+ key: "_setTabsAndTabWidth",
+ value: function _setTabsAndTabWidth() {
+ this.tabsWidth = this.$el.width();
+ this.tabWidth = Math.max(this.tabsWidth, this.el.scrollWidth) / this.$tabLinks.length;
+ }
+
+ /**
+ * Finds right attribute for indicator based on active tab.
+ * @param {cash} el
+ */
+
+ }, {
+ key: "_calcRightPos",
+ value: function _calcRightPos(el) {
+ return Math.ceil(this.tabsWidth - el.position().left - el[0].getBoundingClientRect().width);
+ }
+
+ /**
+ * Finds left attribute for indicator based on active tab.
+ * @param {cash} el
+ */
+
+ }, {
+ key: "_calcLeftPos",
+ value: function _calcLeftPos(el) {
+ return Math.floor(el.position().left);
+ }
+ }, {
+ key: "updateTabIndicator",
+ value: function updateTabIndicator() {
+ this._setTabsAndTabWidth();
+ this._animateIndicator(this.index);
+ }
+
+ /**
+ * Animates Indicator to active tab.
+ * @param {Number} prevIndex
+ */
+
+ }, {
+ key: "_animateIndicator",
+ value: function _animateIndicator(prevIndex) {
+ var leftDelay = 0,
+ rightDelay = 0;
+
+ if (this.index - prevIndex >= 0) {
+ leftDelay = 90;
+ } else {
+ rightDelay = 90;
+ }
+
+ // Animate
+ var animOptions = {
+ targets: this._indicator,
+ left: {
+ value: this._calcLeftPos(this.$activeTabLink),
+ delay: leftDelay
+ },
+ right: {
+ value: this._calcRightPos(this.$activeTabLink),
+ delay: rightDelay
+ },
+ duration: this.options.duration,
+ easing: 'easeOutQuad'
+ };
+ anim.remove(this._indicator);
+ anim(animOptions);
+ }
+
+ /**
+ * Select tab.
+ * @param {String} tabId
+ */
+
+ }, {
+ key: "select",
+ value: function select(tabId) {
+ var tab = this.$tabLinks.filter('[href="#' + tabId + '"]');
+ if (tab.length) {
+ tab.trigger('click');
+ }
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Tabs.__proto__ || Object.getPrototypeOf(Tabs), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Tabs;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Tabs;
+ }(Component);
+
+ M.Tabs = Tabs;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Tabs, 'tabs', 'M_Tabs');
+ }
+})(cash, M.anime);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ exitDelay: 200,
+ enterDelay: 0,
+ html: null,
+ margin: 5,
+ inDuration: 250,
+ outDuration: 200,
+ position: 'bottom',
+ transitionMovement: 10
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Tooltip = function (_Component7) {
+ _inherits(Tooltip, _Component7);
+
+ /**
+ * Construct Tooltip instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Tooltip(el, options) {
+ _classCallCheck(this, Tooltip);
+
+ var _this26 = _possibleConstructorReturn(this, (Tooltip.__proto__ || Object.getPrototypeOf(Tooltip)).call(this, Tooltip, el, options));
+
+ _this26.el.M_Tooltip = _this26;
+ _this26.options = $.extend({}, Tooltip.defaults, options);
+
+ _this26.isOpen = false;
+ _this26.isHovered = false;
+ _this26.isFocused = false;
+ _this26._appendTooltipEl();
+ _this26._setupEventHandlers();
+ return _this26;
+ }
+
+ _createClass(Tooltip, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ $(this.tooltipEl).remove();
+ this._removeEventHandlers();
+ this.el.M_Tooltip = undefined;
+ }
+ }, {
+ key: "_appendTooltipEl",
+ value: function _appendTooltipEl() {
+ var tooltipEl = document.createElement('div');
+ tooltipEl.classList.add('material-tooltip');
+ this.tooltipEl = tooltipEl;
+
+ var tooltipContentEl = document.createElement('div');
+ tooltipContentEl.classList.add('tooltip-content');
+ tooltipContentEl.innerHTML = this.options.html;
+ tooltipEl.appendChild(tooltipContentEl);
+ document.body.appendChild(tooltipEl);
+ }
+ }, {
+ key: "_updateTooltipContent",
+ value: function _updateTooltipContent() {
+ this.tooltipEl.querySelector('.tooltip-content').innerHTML = this.options.html;
+ }
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleMouseEnterBound = this._handleMouseEnter.bind(this);
+ this._handleMouseLeaveBound = this._handleMouseLeave.bind(this);
+ this._handleFocusBound = this._handleFocus.bind(this);
+ this._handleBlurBound = this._handleBlur.bind(this);
+ this.el.addEventListener('mouseenter', this._handleMouseEnterBound);
+ this.el.addEventListener('mouseleave', this._handleMouseLeaveBound);
+ this.el.addEventListener('focus', this._handleFocusBound, true);
+ this.el.addEventListener('blur', this._handleBlurBound, true);
+ }
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('mouseenter', this._handleMouseEnterBound);
+ this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound);
+ this.el.removeEventListener('focus', this._handleFocusBound, true);
+ this.el.removeEventListener('blur', this._handleBlurBound, true);
+ }
+ }, {
+ key: "open",
+ value: function open(isManual) {
+ if (this.isOpen) {
+ return;
+ }
+ isManual = isManual === undefined ? true : undefined; // Default value true
+ this.isOpen = true;
+ // Update tooltip content with HTML attribute options
+ this.options = $.extend({}, this.options, this._getAttributeOptions());
+ this._updateTooltipContent();
+ this._setEnterDelayTimeout(isManual);
+ }
+ }, {
+ key: "close",
+ value: function close() {
+ if (!this.isOpen) {
+ return;
+ }
+
+ this.isHovered = false;
+ this.isFocused = false;
+ this.isOpen = false;
+ this._setExitDelayTimeout();
+ }
+
+ /**
+ * Create timeout which delays when the tooltip closes
+ */
+
+ }, {
+ key: "_setExitDelayTimeout",
+ value: function _setExitDelayTimeout() {
+ var _this27 = this;
+
+ clearTimeout(this._exitDelayTimeout);
+
+ this._exitDelayTimeout = setTimeout(function () {
+ if (_this27.isHovered || _this27.isFocused) {
+ return;
+ }
+
+ _this27._animateOut();
+ }, this.options.exitDelay);
+ }
+
+ /**
+ * Create timeout which delays when the toast closes
+ */
+
+ }, {
+ key: "_setEnterDelayTimeout",
+ value: function _setEnterDelayTimeout(isManual) {
+ var _this28 = this;
+
+ clearTimeout(this._enterDelayTimeout);
+
+ this._enterDelayTimeout = setTimeout(function () {
+ if (!_this28.isHovered && !_this28.isFocused && !isManual) {
+ return;
+ }
+
+ _this28._animateIn();
+ }, this.options.enterDelay);
+ }
+ }, {
+ key: "_positionTooltip",
+ value: function _positionTooltip() {
+ var origin = this.el,
+ tooltip = this.tooltipEl,
+ originHeight = origin.offsetHeight,
+ originWidth = origin.offsetWidth,
+ tooltipHeight = tooltip.offsetHeight,
+ tooltipWidth = tooltip.offsetWidth,
+ newCoordinates = void 0,
+ margin = this.options.margin,
+ targetTop = void 0,
+ targetLeft = void 0;
+
+ this.xMovement = 0, this.yMovement = 0;
+
+ targetTop = origin.getBoundingClientRect().top + M.getDocumentScrollTop();
+ targetLeft = origin.getBoundingClientRect().left + M.getDocumentScrollLeft();
+
+ if (this.options.position === 'top') {
+ targetTop += -tooltipHeight - margin;
+ targetLeft += originWidth / 2 - tooltipWidth / 2;
+ this.yMovement = -this.options.transitionMovement;
+ } else if (this.options.position === 'right') {
+ targetTop += originHeight / 2 - tooltipHeight / 2;
+ targetLeft += originWidth + margin;
+ this.xMovement = this.options.transitionMovement;
+ } else if (this.options.position === 'left') {
+ targetTop += originHeight / 2 - tooltipHeight / 2;
+ targetLeft += -tooltipWidth - margin;
+ this.xMovement = -this.options.transitionMovement;
+ } else {
+ targetTop += originHeight + margin;
+ targetLeft += originWidth / 2 - tooltipWidth / 2;
+ this.yMovement = this.options.transitionMovement;
+ }
+
+ newCoordinates = this._repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
+ $(tooltip).css({
+ top: newCoordinates.y + 'px',
+ left: newCoordinates.x + 'px'
+ });
+ }
+ }, {
+ key: "_repositionWithinScreen",
+ value: function _repositionWithinScreen(x, y, width, height) {
+ var scrollLeft = M.getDocumentScrollLeft();
+ var scrollTop = M.getDocumentScrollTop();
+ var newX = x - scrollLeft;
+ var newY = y - scrollTop;
+
+ var bounding = {
+ left: newX,
+ top: newY,
+ width: width,
+ height: height
+ };
+
+ var offset = this.options.margin + this.options.transitionMovement;
+ var edges = M.checkWithinContainer(document.body, bounding, offset);
+
+ if (edges.left) {
+ newX = offset;
+ } else if (edges.right) {
+ newX -= newX + width - window.innerWidth;
+ }
+
+ if (edges.top) {
+ newY = offset;
+ } else if (edges.bottom) {
+ newY -= newY + height - window.innerHeight;
+ }
+
+ return {
+ x: newX + scrollLeft,
+ y: newY + scrollTop
+ };
+ }
+ }, {
+ key: "_animateIn",
+ value: function _animateIn() {
+ this._positionTooltip();
+ this.tooltipEl.style.visibility = 'visible';
+ anim.remove(this.tooltipEl);
+ anim({
+ targets: this.tooltipEl,
+ opacity: 1,
+ translateX: this.xMovement,
+ translateY: this.yMovement,
+ duration: this.options.inDuration,
+ easing: 'easeOutCubic'
+ });
+ }
+ }, {
+ key: "_animateOut",
+ value: function _animateOut() {
+ anim.remove(this.tooltipEl);
+ anim({
+ targets: this.tooltipEl,
+ opacity: 0,
+ translateX: 0,
+ translateY: 0,
+ duration: this.options.outDuration,
+ easing: 'easeOutCubic'
+ });
+ }
+ }, {
+ key: "_handleMouseEnter",
+ value: function _handleMouseEnter() {
+ this.isHovered = true;
+ this.isFocused = false; // Allows close of tooltip when opened by focus.
+ this.open(false);
+ }
+ }, {
+ key: "_handleMouseLeave",
+ value: function _handleMouseLeave() {
+ this.isHovered = false;
+ this.isFocused = false; // Allows close of tooltip when opened by focus.
+ this.close();
+ }
+ }, {
+ key: "_handleFocus",
+ value: function _handleFocus() {
+ if (M.tabPressed) {
+ this.isFocused = true;
+ this.open(false);
+ }
+ }
+ }, {
+ key: "_handleBlur",
+ value: function _handleBlur() {
+ this.isFocused = false;
+ this.close();
+ }
+ }, {
+ key: "_getAttributeOptions",
+ value: function _getAttributeOptions() {
+ var attributeOptions = {};
+ var tooltipTextOption = this.el.getAttribute('data-tooltip');
+ var positionOption = this.el.getAttribute('data-position');
+
+ if (tooltipTextOption) {
+ attributeOptions.html = tooltipTextOption;
+ }
+
+ if (positionOption) {
+ attributeOptions.position = positionOption;
+ }
+ return attributeOptions;
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Tooltip.__proto__ || Object.getPrototypeOf(Tooltip), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Tooltip;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Tooltip;
+ }(Component);
+
+ M.Tooltip = Tooltip;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Tooltip, 'tooltip', 'M_Tooltip');
+ }
+})(cash, M.anime);
+; /*!
+ * Waves v0.6.4
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE
+ */
+
+;(function (window) {
+ 'use strict';
+
+ var Waves = Waves || {};
+ var $$ = document.querySelectorAll.bind(document);
+
+ // Find exact position of element
+ function isWindow(obj) {
+ return obj !== null && obj === obj.window;
+ }
+
+ function getWindow(elem) {
+ return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
+ }
+
+ function offset(elem) {
+ var docElem,
+ win,
+ box = { top: 0, left: 0 },
+ doc = elem && elem.ownerDocument;
+
+ docElem = doc.documentElement;
+
+ if (typeof elem.getBoundingClientRect !== typeof undefined) {
+ box = elem.getBoundingClientRect();
+ }
+ win = getWindow(doc);
+ return {
+ top: box.top + win.pageYOffset - docElem.clientTop,
+ left: box.left + win.pageXOffset - docElem.clientLeft
+ };
+ }
+
+ function convertStyle(obj) {
+ var style = '';
+
+ for (var a in obj) {
+ if (obj.hasOwnProperty(a)) {
+ style += a + ':' + obj[a] + ';';
+ }
+ }
+
+ return style;
+ }
+
+ var Effect = {
+
+ // Effect delay
+ duration: 750,
+
+ show: function (e, element) {
+
+ // Disable right click
+ if (e.button === 2) {
+ return false;
+ }
+
+ var el = element || this;
+
+ // Create ripple
+ var ripple = document.createElement('div');
+ ripple.className = 'waves-ripple';
+ el.appendChild(ripple);
+
+ // Get click coordinate and element witdh
+ var pos = offset(el);
+ var relativeY = e.pageY - pos.top;
+ var relativeX = e.pageX - pos.left;
+ var scale = 'scale(' + el.clientWidth / 100 * 10 + ')';
+
+ // Support for touch devices
+ if ('touches' in e) {
+ relativeY = e.touches[0].pageY - pos.top;
+ relativeX = e.touches[0].pageX - pos.left;
+ }
+
+ // Attach data to element
+ ripple.setAttribute('data-hold', Date.now());
+ ripple.setAttribute('data-scale', scale);
+ ripple.setAttribute('data-x', relativeX);
+ ripple.setAttribute('data-y', relativeY);
+
+ // Set ripple position
+ var rippleStyle = {
+ 'top': relativeY + 'px',
+ 'left': relativeX + 'px'
+ };
+
+ ripple.className = ripple.className + ' waves-notransition';
+ ripple.setAttribute('style', convertStyle(rippleStyle));
+ ripple.className = ripple.className.replace('waves-notransition', '');
+
+ // Scale the ripple
+ rippleStyle['-webkit-transform'] = scale;
+ rippleStyle['-moz-transform'] = scale;
+ rippleStyle['-ms-transform'] = scale;
+ rippleStyle['-o-transform'] = scale;
+ rippleStyle.transform = scale;
+ rippleStyle.opacity = '1';
+
+ rippleStyle['-webkit-transition-duration'] = Effect.duration + 'ms';
+ rippleStyle['-moz-transition-duration'] = Effect.duration + 'ms';
+ rippleStyle['-o-transition-duration'] = Effect.duration + 'ms';
+ rippleStyle['transition-duration'] = Effect.duration + 'ms';
+
+ rippleStyle['-webkit-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+ rippleStyle['-moz-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+ rippleStyle['-o-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+ rippleStyle['transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)';
+
+ ripple.setAttribute('style', convertStyle(rippleStyle));
+ },
+
+ hide: function (e) {
+ TouchHandler.touchup(e);
+
+ var el = this;
+ var width = el.clientWidth * 1.4;
+
+ // Get first ripple
+ var ripple = null;
+ var ripples = el.getElementsByClassName('waves-ripple');
+ if (ripples.length > 0) {
+ ripple = ripples[ripples.length - 1];
+ } else {
+ return false;
+ }
+
+ var relativeX = ripple.getAttribute('data-x');
+ var relativeY = ripple.getAttribute('data-y');
+ var scale = ripple.getAttribute('data-scale');
+
+ // Get delay beetween mousedown and mouse leave
+ var diff = Date.now() - Number(ripple.getAttribute('data-hold'));
+ var delay = 350 - diff;
+
+ if (delay < 0) {
+ delay = 0;
+ }
+
+ // Fade out ripple after delay
+ setTimeout(function () {
+ var style = {
+ 'top': relativeY + 'px',
+ 'left': relativeX + 'px',
+ 'opacity': '0',
+
+ // Duration
+ '-webkit-transition-duration': Effect.duration + 'ms',
+ '-moz-transition-duration': Effect.duration + 'ms',
+ '-o-transition-duration': Effect.duration + 'ms',
+ 'transition-duration': Effect.duration + 'ms',
+ '-webkit-transform': scale,
+ '-moz-transform': scale,
+ '-ms-transform': scale,
+ '-o-transform': scale,
+ 'transform': scale
+ };
+
+ ripple.setAttribute('style', convertStyle(style));
+
+ setTimeout(function () {
+ try {
+ el.removeChild(ripple);
+ } catch (e) {
+ return false;
+ }
+ }, Effect.duration);
+ }, delay);
+ },
+
+ // Little hack to make <input> can perform waves effect
+ wrapInput: function (elements) {
+ for (var a = 0; a < elements.length; a++) {
+ var el = elements[a];
+
+ if (el.tagName.toLowerCase() === 'input') {
+ var parent = el.parentNode;
+
+ // If input already have parent just pass through
+ if (parent.tagName.toLowerCase() === 'i' && parent.className.indexOf('waves-effect') !== -1) {
+ continue;
+ }
+
+ // Put element class and style to the specified parent
+ var wrapper = document.createElement('i');
+ wrapper.className = el.className + ' waves-input-wrapper';
+
+ var elementStyle = el.getAttribute('style');
+
+ if (!elementStyle) {
+ elementStyle = '';
+ }
+
+ wrapper.setAttribute('style', elementStyle);
+
+ el.className = 'waves-button-input';
+ el.removeAttribute('style');
+
+ // Put element as child
+ parent.replaceChild(wrapper, el);
+ wrapper.appendChild(el);
+ }
+ }
+ }
+ };
+
+ /**
+ * Disable mousedown event for 500ms during and after touch
+ */
+ var TouchHandler = {
+ /* uses an integer rather than bool so there's no issues with
+ * needing to clear timeouts if another touch event occurred
+ * within the 500ms. Cannot mouseup between touchstart and
+ * touchend, nor in the 500ms after touchend. */
+ touches: 0,
+ allowEvent: function (e) {
+ var allow = true;
+
+ if (e.type === 'touchstart') {
+ TouchHandler.touches += 1; //push
+ } else if (e.type === 'touchend' || e.type === 'touchcancel') {
+ setTimeout(function () {
+ if (TouchHandler.touches > 0) {
+ TouchHandler.touches -= 1; //pop after 500ms
+ }
+ }, 500);
+ } else if (e.type === 'mousedown' && TouchHandler.touches > 0) {
+ allow = false;
+ }
+
+ return allow;
+ },
+ touchup: function (e) {
+ TouchHandler.allowEvent(e);
+ }
+ };
+
+ /**
+ * Delegated click handler for .waves-effect element.
+ * returns null when .waves-effect element not in "click tree"
+ */
+ function getWavesEffectElement(e) {
+ if (TouchHandler.allowEvent(e) === false) {
+ return null;
+ }
+
+ var element = null;
+ var target = e.target || e.srcElement;
+
+ while (target.parentNode !== null) {
+ if (!(target instanceof SVGElement) && target.className.indexOf('waves-effect') !== -1) {
+ element = target;
+ break;
+ }
+ target = target.parentNode;
+ }
+ return element;
+ }
+
+ /**
+ * Bubble the click and show effect if .waves-effect elem was found
+ */
+ function showEffect(e) {
+ var element = getWavesEffectElement(e);
+
+ if (element !== null) {
+ Effect.show(e, element);
+
+ if ('ontouchstart' in window) {
+ element.addEventListener('touchend', Effect.hide, false);
+ element.addEventListener('touchcancel', Effect.hide, false);
+ }
+
+ element.addEventListener('mouseup', Effect.hide, false);
+ element.addEventListener('mouseleave', Effect.hide, false);
+ element.addEventListener('dragend', Effect.hide, false);
+ }
+ }
+
+ Waves.displayEffect = function (options) {
+ options = options || {};
+
+ if ('duration' in options) {
+ Effect.duration = options.duration;
+ }
+
+ //Wrap input inside <i> tag
+ Effect.wrapInput($$('.waves-effect'));
+
+ if ('ontouchstart' in window) {
+ document.body.addEventListener('touchstart', showEffect, false);
+ }
+
+ document.body.addEventListener('mousedown', showEffect, false);
+ };
+
+ /**
+ * Attach Waves to an input element (or any element which doesn't
+ * bubble mouseup/mousedown events).
+ * Intended to be used with dynamically loaded forms/inputs, or
+ * where the user doesn't want a delegated click handler.
+ */
+ Waves.attach = function (element) {
+ //FUTURE: automatically add waves classes and allow users
+ // to specify them with an options param? Eg. light/classic/button
+ if (element.tagName.toLowerCase() === 'input') {
+ Effect.wrapInput([element]);
+ element = element.parentNode;
+ }
+
+ if ('ontouchstart' in window) {
+ element.addEventListener('touchstart', showEffect, false);
+ }
+
+ element.addEventListener('mousedown', showEffect, false);
+ };
+
+ window.Waves = Waves;
+
+ document.addEventListener('DOMContentLoaded', function () {
+ Waves.displayEffect();
+ }, false);
+})(window);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ html: '',
+ displayLength: 4000,
+ inDuration: 300,
+ outDuration: 375,
+ classes: '',
+ completeCallback: null,
+ activationPercent: 0.8
+ };
+
+ var Toast = function () {
+ function Toast(options) {
+ _classCallCheck(this, Toast);
+
+ /**
+ * Options for the toast
+ * @member Toast#options
+ */
+ this.options = $.extend({}, Toast.defaults, options);
+ this.message = this.options.html;
+
+ /**
+ * Describes current pan state toast
+ * @type {Boolean}
+ */
+ this.panning = false;
+
+ /**
+ * Time remaining until toast is removed
+ */
+ this.timeRemaining = this.options.displayLength;
+
+ if (Toast._toasts.length === 0) {
+ Toast._createContainer();
+ }
+
+ // Create new toast
+ Toast._toasts.push(this);
+ var toastElement = this._createToast();
+ toastElement.M_Toast = this;
+ this.el = toastElement;
+ this.$el = $(toastElement);
+ this._animateIn();
+ this._setTimer();
+ }
+
+ _createClass(Toast, [{
+ key: "_createToast",
+
+
+ /**
+ * Create toast and append it to toast container
+ */
+ value: function _createToast() {
+ var toast = document.createElement('div');
+ toast.classList.add('toast');
+
+ // Add custom classes onto toast
+ if (!!this.options.classes.length) {
+ $(toast).addClass(this.options.classes);
+ }
+
+ // Set content
+ if (typeof HTMLElement === 'object' ? this.message instanceof HTMLElement : this.message && typeof this.message === 'object' && this.message !== null && this.message.nodeType === 1 && typeof this.message.nodeName === 'string') {
+ toast.appendChild(this.message);
+
+ // Check if it is jQuery object
+ } else if (!!this.message.jquery) {
+ $(toast).append(this.message[0]);
+
+ // Insert as html;
+ } else {
+ toast.innerHTML = this.message;
+ }
+
+ // Append toasft
+ Toast._container.appendChild(toast);
+ return toast;
+ }
+
+ /**
+ * Animate in toast
+ */
+
+ }, {
+ key: "_animateIn",
+ value: function _animateIn() {
+ // Animate toast in
+ anim({
+ targets: this.el,
+ top: 0,
+ opacity: 1,
+ duration: this.options.inDuration,
+ easing: 'easeOutCubic'
+ });
+ }
+
+ /**
+ * Create setInterval which automatically removes toast when timeRemaining >= 0
+ * has been reached
+ */
+
+ }, {
+ key: "_setTimer",
+ value: function _setTimer() {
+ var _this29 = this;
+
+ if (this.timeRemaining !== Infinity) {
+ this.counterInterval = setInterval(function () {
+ // If toast is not being dragged, decrease its time remaining
+ if (!_this29.panning) {
+ _this29.timeRemaining -= 20;
+ }
+
+ // Animate toast out
+ if (_this29.timeRemaining <= 0) {
+ _this29.dismiss();
+ }
+ }, 20);
+ }
+ }
+
+ /**
+ * Dismiss toast with animation
+ */
+
+ }, {
+ key: "dismiss",
+ value: function dismiss() {
+ var _this30 = this;
+
+ window.clearInterval(this.counterInterval);
+ var activationDistance = this.el.offsetWidth * this.options.activationPercent;
+
+ if (this.wasSwiped) {
+ this.el.style.transition = 'transform .05s, opacity .05s';
+ this.el.style.transform = "translateX(" + activationDistance + "px)";
+ this.el.style.opacity = 0;
+ }
+
+ anim({
+ targets: this.el,
+ opacity: 0,
+ marginTop: -40,
+ duration: this.options.outDuration,
+ easing: 'easeOutExpo',
+ complete: function () {
+ // Call the optional callback
+ if (typeof _this30.options.completeCallback === 'function') {
+ _this30.options.completeCallback();
+ }
+ // Remove toast from DOM
+ _this30.$el.remove();
+ Toast._toasts.splice(Toast._toasts.indexOf(_this30), 1);
+ if (Toast._toasts.length === 0) {
+ Toast._removeContainer();
+ }
+ }
+ });
+ }
+ }], [{
+ key: "getInstance",
+
+
+ /**
+ * Get Instance
+ */
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Toast;
+ }
+
+ /**
+ * Append toast container and add event handlers
+ */
+
+ }, {
+ key: "_createContainer",
+ value: function _createContainer() {
+ var container = document.createElement('div');
+ container.setAttribute('id', 'toast-container');
+
+ // Add event handler
+ container.addEventListener('touchstart', Toast._onDragStart);
+ container.addEventListener('touchmove', Toast._onDragMove);
+ container.addEventListener('touchend', Toast._onDragEnd);
+
+ container.addEventListener('mousedown', Toast._onDragStart);
+ document.addEventListener('mousemove', Toast._onDragMove);
+ document.addEventListener('mouseup', Toast._onDragEnd);
+
+ document.body.appendChild(container);
+ Toast._container = container;
+ }
+
+ /**
+ * Remove toast container and event handlers
+ */
+
+ }, {
+ key: "_removeContainer",
+ value: function _removeContainer() {
+ // Add event handler
+ document.removeEventListener('mousemove', Toast._onDragMove);
+ document.removeEventListener('mouseup', Toast._onDragEnd);
+
+ $(Toast._container).remove();
+ Toast._container = null;
+ }
+
+ /**
+ * Begin drag handler
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_onDragStart",
+ value: function _onDragStart(e) {
+ if (e.target && $(e.target).closest('.toast').length) {
+ var $toast = $(e.target).closest('.toast');
+ var toast = $toast[0].M_Toast;
+ toast.panning = true;
+ Toast._draggedToast = toast;
+ toast.el.classList.add('panning');
+ toast.el.style.transition = '';
+ toast.startingXPos = Toast._xPos(e);
+ toast.time = Date.now();
+ toast.xPos = Toast._xPos(e);
+ }
+ }
+
+ /**
+ * Drag move handler
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_onDragMove",
+ value: function _onDragMove(e) {
+ if (!!Toast._draggedToast) {
+ e.preventDefault();
+ var toast = Toast._draggedToast;
+ toast.deltaX = Math.abs(toast.xPos - Toast._xPos(e));
+ toast.xPos = Toast._xPos(e);
+ toast.velocityX = toast.deltaX / (Date.now() - toast.time);
+ toast.time = Date.now();
+
+ var totalDeltaX = toast.xPos - toast.startingXPos;
+ var activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
+ toast.el.style.transform = "translateX(" + totalDeltaX + "px)";
+ toast.el.style.opacity = 1 - Math.abs(totalDeltaX / activationDistance);
+ }
+ }
+
+ /**
+ * End drag handler
+ */
+
+ }, {
+ key: "_onDragEnd",
+ value: function _onDragEnd() {
+ if (!!Toast._draggedToast) {
+ var toast = Toast._draggedToast;
+ toast.panning = false;
+ toast.el.classList.remove('panning');
+
+ var totalDeltaX = toast.xPos - toast.startingXPos;
+ var activationDistance = toast.el.offsetWidth * toast.options.activationPercent;
+ var shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || toast.velocityX > 1;
+
+ // Remove toast
+ if (shouldBeDismissed) {
+ toast.wasSwiped = true;
+ toast.dismiss();
+
+ // Animate toast back to original position
+ } else {
+ toast.el.style.transition = 'transform .2s, opacity .2s';
+ toast.el.style.transform = '';
+ toast.el.style.opacity = '';
+ }
+ Toast._draggedToast = null;
+ }
+ }
+
+ /**
+ * Get x position of mouse or touch event
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_xPos",
+ value: function _xPos(e) {
+ if (e.targetTouches && e.targetTouches.length >= 1) {
+ return e.targetTouches[0].clientX;
+ }
+ // mouse event
+ return e.clientX;
+ }
+
+ /**
+ * Remove all toasts
+ */
+
+ }, {
+ key: "dismissAll",
+ value: function dismissAll() {
+ for (var toastIndex in Toast._toasts) {
+ Toast._toasts[toastIndex].dismiss();
+ }
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Toast;
+ }();
+
+ /**
+ * @static
+ * @memberof Toast
+ * @type {Array.<Toast>}
+ */
+
+
+ Toast._toasts = [];
+
+ /**
+ * @static
+ * @memberof Toast
+ */
+ Toast._container = null;
+
+ /**
+ * @static
+ * @memberof Toast
+ * @type {Toast}
+ */
+ Toast._draggedToast = null;
+
+ M.Toast = Toast;
+ M.toast = function (options) {
+ return new Toast(options);
+ };
+})(cash, M.anime);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ edge: 'left',
+ draggable: true,
+ inDuration: 250,
+ outDuration: 200,
+ onOpenStart: null,
+ onOpenEnd: null,
+ onCloseStart: null,
+ onCloseEnd: null,
+ preventScrolling: true
+ };
+
+ /**
+ * @class
+ */
+
+ var Sidenav = function (_Component8) {
+ _inherits(Sidenav, _Component8);
+
+ /**
+ * Construct Sidenav instance and set up overlay
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Sidenav(el, options) {
+ _classCallCheck(this, Sidenav);
+
+ var _this31 = _possibleConstructorReturn(this, (Sidenav.__proto__ || Object.getPrototypeOf(Sidenav)).call(this, Sidenav, el, options));
+
+ _this31.el.M_Sidenav = _this31;
+ _this31.id = _this31.$el.attr('id');
+
+ /**
+ * Options for the Sidenav
+ * @member Sidenav#options
+ * @prop {String} [edge='left'] - Side of screen on which Sidenav appears
+ * @prop {Boolean} [draggable=true] - Allow swipe gestures to open/close Sidenav
+ * @prop {Number} [inDuration=250] - Length in ms of enter transition
+ * @prop {Number} [outDuration=200] - Length in ms of exit transition
+ * @prop {Function} onOpenStart - Function called when sidenav starts entering
+ * @prop {Function} onOpenEnd - Function called when sidenav finishes entering
+ * @prop {Function} onCloseStart - Function called when sidenav starts exiting
+ * @prop {Function} onCloseEnd - Function called when sidenav finishes exiting
+ */
+ _this31.options = $.extend({}, Sidenav.defaults, options);
+
+ /**
+ * Describes open/close state of Sidenav
+ * @type {Boolean}
+ */
+ _this31.isOpen = false;
+
+ /**
+ * Describes if Sidenav is fixed
+ * @type {Boolean}
+ */
+ _this31.isFixed = _this31.el.classList.contains('sidenav-fixed');
+
+ /**
+ * Describes if Sidenav is being draggeed
+ * @type {Boolean}
+ */
+ _this31.isDragged = false;
+
+ // Window size variables for window resize checks
+ _this31.lastWindowWidth = window.innerWidth;
+ _this31.lastWindowHeight = window.innerHeight;
+
+ _this31._createOverlay();
+ _this31._createDragTarget();
+ _this31._setupEventHandlers();
+ _this31._setupClasses();
+ _this31._setupFixed();
+
+ Sidenav._sidenavs.push(_this31);
+ return _this31;
+ }
+
+ _createClass(Sidenav, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this._enableBodyScrolling();
+ this._overlay.parentNode.removeChild(this._overlay);
+ this.dragTarget.parentNode.removeChild(this.dragTarget);
+ this.el.M_Sidenav = undefined;
+ this.el.style.transform = '';
+
+ var index = Sidenav._sidenavs.indexOf(this);
+ if (index >= 0) {
+ Sidenav._sidenavs.splice(index, 1);
+ }
+ }
+ }, {
+ key: "_createOverlay",
+ value: function _createOverlay() {
+ var overlay = document.createElement('div');
+ this._closeBound = this.close.bind(this);
+ overlay.classList.add('sidenav-overlay');
+
+ overlay.addEventListener('click', this._closeBound);
+
+ document.body.appendChild(overlay);
+ this._overlay = overlay;
+ }
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ if (Sidenav._sidenavs.length === 0) {
+ document.body.addEventListener('click', this._handleTriggerClick);
+ }
+
+ this._handleDragTargetDragBound = this._handleDragTargetDrag.bind(this);
+ this._handleDragTargetReleaseBound = this._handleDragTargetRelease.bind(this);
+ this._handleCloseDragBound = this._handleCloseDrag.bind(this);
+ this._handleCloseReleaseBound = this._handleCloseRelease.bind(this);
+ this._handleCloseTriggerClickBound = this._handleCloseTriggerClick.bind(this);
+
+ this.dragTarget.addEventListener('touchmove', this._handleDragTargetDragBound);
+ this.dragTarget.addEventListener('touchend', this._handleDragTargetReleaseBound);
+ this._overlay.addEventListener('touchmove', this._handleCloseDragBound);
+ this._overlay.addEventListener('touchend', this._handleCloseReleaseBound);
+ this.el.addEventListener('touchmove', this._handleCloseDragBound);
+ this.el.addEventListener('touchend', this._handleCloseReleaseBound);
+ this.el.addEventListener('click', this._handleCloseTriggerClickBound);
+
+ // Add resize for side nav fixed
+ if (this.isFixed) {
+ this._handleWindowResizeBound = this._handleWindowResize.bind(this);
+ window.addEventListener('resize', this._handleWindowResizeBound);
+ }
+ }
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ if (Sidenav._sidenavs.length === 1) {
+ document.body.removeEventListener('click', this._handleTriggerClick);
+ }
+
+ this.dragTarget.removeEventListener('touchmove', this._handleDragTargetDragBound);
+ this.dragTarget.removeEventListener('touchend', this._handleDragTargetReleaseBound);
+ this._overlay.removeEventListener('touchmove', this._handleCloseDragBound);
+ this._overlay.removeEventListener('touchend', this._handleCloseReleaseBound);
+ this.el.removeEventListener('touchmove', this._handleCloseDragBound);
+ this.el.removeEventListener('touchend', this._handleCloseReleaseBound);
+ this.el.removeEventListener('click', this._handleCloseTriggerClickBound);
+
+ // Remove resize for side nav fixed
+ if (this.isFixed) {
+ window.removeEventListener('resize', this._handleWindowResizeBound);
+ }
+ }
+
+ /**
+ * Handle Trigger Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleTriggerClick",
+ value: function _handleTriggerClick(e) {
+ var $trigger = $(e.target).closest('.sidenav-trigger');
+ if (e.target && $trigger.length) {
+ var sidenavId = M.getIdFromTrigger($trigger[0]);
+
+ var sidenavInstance = document.getElementById(sidenavId).M_Sidenav;
+ if (sidenavInstance) {
+ sidenavInstance.open($trigger);
+ }
+ e.preventDefault();
+ }
+ }
+
+ /**
+ * Set variables needed at the beggining of drag
+ * and stop any current transition.
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_startDrag",
+ value: function _startDrag(e) {
+ var clientX = e.targetTouches[0].clientX;
+ this.isDragged = true;
+ this._startingXpos = clientX;
+ this._xPos = this._startingXpos;
+ this._time = Date.now();
+ this._width = this.el.getBoundingClientRect().width;
+ this._overlay.style.display = 'block';
+ this._initialScrollTop = this.isOpen ? this.el.scrollTop : M.getDocumentScrollTop();
+ this._verticallyScrolling = false;
+ anim.remove(this.el);
+ anim.remove(this._overlay);
+ }
+
+ /**
+ * Set variables needed at each drag move update tick
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_dragMoveUpdate",
+ value: function _dragMoveUpdate(e) {
+ var clientX = e.targetTouches[0].clientX;
+ var currentScrollTop = this.isOpen ? this.el.scrollTop : M.getDocumentScrollTop();
+ this.deltaX = Math.abs(this._xPos - clientX);
+ this._xPos = clientX;
+ this.velocityX = this.deltaX / (Date.now() - this._time);
+ this._time = Date.now();
+ if (this._initialScrollTop !== currentScrollTop) {
+ this._verticallyScrolling = true;
+ }
+ }
+
+ /**
+ * Handles Dragging of Sidenav
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleDragTargetDrag",
+ value: function _handleDragTargetDrag(e) {
+ // Check if draggable
+ if (!this.options.draggable || this._isCurrentlyFixed() || this._verticallyScrolling) {
+ return;
+ }
+
+ // If not being dragged, set initial drag start variables
+ if (!this.isDragged) {
+ this._startDrag(e);
+ }
+
+ // Run touchmove updates
+ this._dragMoveUpdate(e);
+
+ // Calculate raw deltaX
+ var totalDeltaX = this._xPos - this._startingXpos;
+
+ // dragDirection is the attempted user drag direction
+ var dragDirection = totalDeltaX > 0 ? 'right' : 'left';
+
+ // Don't allow totalDeltaX to exceed Sidenav width or be dragged in the opposite direction
+ totalDeltaX = Math.min(this._width, Math.abs(totalDeltaX));
+ if (this.options.edge === dragDirection) {
+ totalDeltaX = 0;
+ }
+
+ /**
+ * transformX is the drag displacement
+ * transformPrefix is the initial transform placement
+ * Invert values if Sidenav is right edge
+ */
+ var transformX = totalDeltaX;
+ var transformPrefix = 'translateX(-100%)';
+ if (this.options.edge === 'right') {
+ transformPrefix = 'translateX(100%)';
+ transformX = -transformX;
+ }
+
+ // Calculate open/close percentage of sidenav, with open = 1 and close = 0
+ this.percentOpen = Math.min(1, totalDeltaX / this._width);
+
+ // Set transform and opacity styles
+ this.el.style.transform = transformPrefix + " translateX(" + transformX + "px)";
+ this._overlay.style.opacity = this.percentOpen;
+ }
+
+ /**
+ * Handle Drag Target Release
+ */
+
+ }, {
+ key: "_handleDragTargetRelease",
+ value: function _handleDragTargetRelease() {
+ if (this.isDragged) {
+ if (this.percentOpen > 0.2) {
+ this.open();
+ } else {
+ this._animateOut();
+ }
+
+ this.isDragged = false;
+ this._verticallyScrolling = false;
+ }
+ }
+
+ /**
+ * Handle Close Drag
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleCloseDrag",
+ value: function _handleCloseDrag(e) {
+ if (this.isOpen) {
+ // Check if draggable
+ if (!this.options.draggable || this._isCurrentlyFixed() || this._verticallyScrolling) {
+ return;
+ }
+
+ // If not being dragged, set initial drag start variables
+ if (!this.isDragged) {
+ this._startDrag(e);
+ }
+
+ // Run touchmove updates
+ this._dragMoveUpdate(e);
+
+ // Calculate raw deltaX
+ var totalDeltaX = this._xPos - this._startingXpos;
+
+ // dragDirection is the attempted user drag direction
+ var dragDirection = totalDeltaX > 0 ? 'right' : 'left';
+
+ // Don't allow totalDeltaX to exceed Sidenav width or be dragged in the opposite direction
+ totalDeltaX = Math.min(this._width, Math.abs(totalDeltaX));
+ if (this.options.edge !== dragDirection) {
+ totalDeltaX = 0;
+ }
+
+ var transformX = -totalDeltaX;
+ if (this.options.edge === 'right') {
+ transformX = -transformX;
+ }
+
+ // Calculate open/close percentage of sidenav, with open = 1 and close = 0
+ this.percentOpen = Math.min(1, 1 - totalDeltaX / this._width);
+
+ // Set transform and opacity styles
+ this.el.style.transform = "translateX(" + transformX + "px)";
+ this._overlay.style.opacity = this.percentOpen;
+ }
+ }
+
+ /**
+ * Handle Close Release
+ */
+
+ }, {
+ key: "_handleCloseRelease",
+ value: function _handleCloseRelease() {
+ if (this.isOpen && this.isDragged) {
+ if (this.percentOpen > 0.8) {
+ this._animateIn();
+ } else {
+ this.close();
+ }
+
+ this.isDragged = false;
+ this._verticallyScrolling = false;
+ }
+ }
+
+ /**
+ * Handles closing of Sidenav when element with class .sidenav-close
+ */
+
+ }, {
+ key: "_handleCloseTriggerClick",
+ value: function _handleCloseTriggerClick(e) {
+ var $closeTrigger = $(e.target).closest('.sidenav-close');
+ if ($closeTrigger.length && !this._isCurrentlyFixed()) {
+ this.close();
+ }
+ }
+
+ /**
+ * Handle Window Resize
+ */
+
+ }, {
+ key: "_handleWindowResize",
+ value: function _handleWindowResize() {
+ // Only handle horizontal resizes
+ if (this.lastWindowWidth !== window.innerWidth) {
+ if (window.innerWidth > 992) {
+ this.open();
+ } else {
+ this.close();
+ }
+ }
+
+ this.lastWindowWidth = window.innerWidth;
+ this.lastWindowHeight = window.innerHeight;
+ }
+ }, {
+ key: "_setupClasses",
+ value: function _setupClasses() {
+ if (this.options.edge === 'right') {
+ this.el.classList.add('right-aligned');
+ this.dragTarget.classList.add('right-aligned');
+ }
+ }
+ }, {
+ key: "_removeClasses",
+ value: function _removeClasses() {
+ this.el.classList.remove('right-aligned');
+ this.dragTarget.classList.remove('right-aligned');
+ }
+ }, {
+ key: "_setupFixed",
+ value: function _setupFixed() {
+ if (this._isCurrentlyFixed()) {
+ this.open();
+ }
+ }
+ }, {
+ key: "_isCurrentlyFixed",
+ value: function _isCurrentlyFixed() {
+ return this.isFixed && window.innerWidth > 992;
+ }
+ }, {
+ key: "_createDragTarget",
+ value: function _createDragTarget() {
+ var dragTarget = document.createElement('div');
+ dragTarget.classList.add('drag-target');
+ document.body.appendChild(dragTarget);
+ this.dragTarget = dragTarget;
+ }
+ }, {
+ key: "_preventBodyScrolling",
+ value: function _preventBodyScrolling() {
+ var body = document.body;
+ body.style.overflow = 'hidden';
+ }
+ }, {
+ key: "_enableBodyScrolling",
+ value: function _enableBodyScrolling() {
+ var body = document.body;
+ body.style.overflow = '';
+ }
+ }, {
+ key: "open",
+ value: function open() {
+ if (this.isOpen === true) {
+ return;
+ }
+
+ this.isOpen = true;
+
+ // Run onOpenStart callback
+ if (typeof this.options.onOpenStart === 'function') {
+ this.options.onOpenStart.call(this, this.el);
+ }
+
+ // Handle fixed Sidenav
+ if (this._isCurrentlyFixed()) {
+ anim.remove(this.el);
+ anim({
+ targets: this.el,
+ translateX: 0,
+ duration: 0,
+ easing: 'easeOutQuad'
+ });
+ this._enableBodyScrolling();
+ this._overlay.style.display = 'none';
+
+ // Handle non-fixed Sidenav
+ } else {
+ if (this.options.preventScrolling) {
+ this._preventBodyScrolling();
+ }
+
+ if (!this.isDragged || this.percentOpen != 1) {
+ this._animateIn();
+ }
+ }
+ }
+ }, {
+ key: "close",
+ value: function close() {
+ if (this.isOpen === false) {
+ return;
+ }
+
+ this.isOpen = false;
+
+ // Run onCloseStart callback
+ if (typeof this.options.onCloseStart === 'function') {
+ this.options.onCloseStart.call(this, this.el);
+ }
+
+ // Handle fixed Sidenav
+ if (this._isCurrentlyFixed()) {
+ var transformX = this.options.edge === 'left' ? '-105%' : '105%';
+ this.el.style.transform = "translateX(" + transformX + ")";
+
+ // Handle non-fixed Sidenav
+ } else {
+ this._enableBodyScrolling();
+
+ if (!this.isDragged || this.percentOpen != 0) {
+ this._animateOut();
+ } else {
+ this._overlay.style.display = 'none';
+ }
+ }
+ }
+ }, {
+ key: "_animateIn",
+ value: function _animateIn() {
+ this._animateSidenavIn();
+ this._animateOverlayIn();
+ }
+ }, {
+ key: "_animateSidenavIn",
+ value: function _animateSidenavIn() {
+ var _this32 = this;
+
+ var slideOutPercent = this.options.edge === 'left' ? -1 : 1;
+ if (this.isDragged) {
+ slideOutPercent = this.options.edge === 'left' ? slideOutPercent + this.percentOpen : slideOutPercent - this.percentOpen;
+ }
+
+ anim.remove(this.el);
+ anim({
+ targets: this.el,
+ translateX: [slideOutPercent * 100 + "%", 0],
+ duration: this.options.inDuration,
+ easing: 'easeOutQuad',
+ complete: function () {
+ // Run onOpenEnd callback
+ if (typeof _this32.options.onOpenEnd === 'function') {
+ _this32.options.onOpenEnd.call(_this32, _this32.el);
+ }
+ }
+ });
+ }
+ }, {
+ key: "_animateOverlayIn",
+ value: function _animateOverlayIn() {
+ var start = 0;
+ if (this.isDragged) {
+ start = this.percentOpen;
+ } else {
+ $(this._overlay).css({
+ display: 'block'
+ });
+ }
+
+ anim.remove(this._overlay);
+ anim({
+ targets: this._overlay,
+ opacity: [start, 1],
+ duration: this.options.inDuration,
+ easing: 'easeOutQuad'
+ });
+ }
+ }, {
+ key: "_animateOut",
+ value: function _animateOut() {
+ this._animateSidenavOut();
+ this._animateOverlayOut();
+ }
+ }, {
+ key: "_animateSidenavOut",
+ value: function _animateSidenavOut() {
+ var _this33 = this;
+
+ var endPercent = this.options.edge === 'left' ? -1 : 1;
+ var slideOutPercent = 0;
+ if (this.isDragged) {
+ slideOutPercent = this.options.edge === 'left' ? endPercent + this.percentOpen : endPercent - this.percentOpen;
+ }
+
+ anim.remove(this.el);
+ anim({
+ targets: this.el,
+ translateX: [slideOutPercent * 100 + "%", endPercent * 105 + "%"],
+ duration: this.options.outDuration,
+ easing: 'easeOutQuad',
+ complete: function () {
+ // Run onOpenEnd callback
+ if (typeof _this33.options.onCloseEnd === 'function') {
+ _this33.options.onCloseEnd.call(_this33, _this33.el);
+ }
+ }
+ });
+ }
+ }, {
+ key: "_animateOverlayOut",
+ value: function _animateOverlayOut() {
+ var _this34 = this;
+
+ anim.remove(this._overlay);
+ anim({
+ targets: this._overlay,
+ opacity: 0,
+ duration: this.options.outDuration,
+ easing: 'easeOutQuad',
+ complete: function () {
+ $(_this34._overlay).css('display', 'none');
+ }
+ });
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Sidenav.__proto__ || Object.getPrototypeOf(Sidenav), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Sidenav;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Sidenav;
+ }(Component);
+
+ /**
+ * @static
+ * @memberof Sidenav
+ * @type {Array.<Sidenav>}
+ */
+
+
+ Sidenav._sidenavs = [];
+
+ M.Sidenav = Sidenav;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Sidenav, 'sidenav', 'M_Sidenav');
+ }
+})(cash, M.anime);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ throttle: 100,
+ scrollOffset: 200, // offset - 200 allows elements near bottom of page to scroll
+ activeClass: 'active',
+ getActiveElement: function (id) {
+ return 'a[href="#' + id + '"]';
+ }
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var ScrollSpy = function (_Component9) {
+ _inherits(ScrollSpy, _Component9);
+
+ /**
+ * Construct ScrollSpy instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function ScrollSpy(el, options) {
+ _classCallCheck(this, ScrollSpy);
+
+ var _this35 = _possibleConstructorReturn(this, (ScrollSpy.__proto__ || Object.getPrototypeOf(ScrollSpy)).call(this, ScrollSpy, el, options));
+
+ _this35.el.M_ScrollSpy = _this35;
+
+ /**
+ * Options for the modal
+ * @member Modal#options
+ * @prop {Number} [throttle=100] - Throttle of scroll handler
+ * @prop {Number} [scrollOffset=200] - Offset for centering element when scrolled to
+ * @prop {String} [activeClass='active'] - Class applied to active elements
+ * @prop {Function} [getActiveElement] - Used to find active element
+ */
+ _this35.options = $.extend({}, ScrollSpy.defaults, options);
+
+ // setup
+ ScrollSpy._elements.push(_this35);
+ ScrollSpy._count++;
+ ScrollSpy._increment++;
+ _this35.tickId = -1;
+ _this35.id = ScrollSpy._increment;
+ _this35._setupEventHandlers();
+ _this35._handleWindowScroll();
+ return _this35;
+ }
+
+ _createClass(ScrollSpy, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ ScrollSpy._elements.splice(ScrollSpy._elements.indexOf(this), 1);
+ ScrollSpy._elementsInView.splice(ScrollSpy._elementsInView.indexOf(this), 1);
+ ScrollSpy._visibleElements.splice(ScrollSpy._visibleElements.indexOf(this.$el), 1);
+ ScrollSpy._count--;
+ this._removeEventHandlers();
+ $(this.options.getActiveElement(this.$el.attr('id'))).removeClass(this.options.activeClass);
+ this.el.M_ScrollSpy = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ var throttledResize = M.throttle(this._handleWindowScroll, 200);
+ this._handleThrottledResizeBound = throttledResize.bind(this);
+ this._handleWindowScrollBound = this._handleWindowScroll.bind(this);
+ if (ScrollSpy._count === 1) {
+ window.addEventListener('scroll', this._handleWindowScrollBound);
+ window.addEventListener('resize', this._handleThrottledResizeBound);
+ document.body.addEventListener('click', this._handleTriggerClick);
+ }
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ if (ScrollSpy._count === 0) {
+ window.removeEventListener('scroll', this._handleWindowScrollBound);
+ window.removeEventListener('resize', this._handleThrottledResizeBound);
+ document.body.removeEventListener('click', this._handleTriggerClick);
+ }
+ }
+
+ /**
+ * Handle Trigger Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleTriggerClick",
+ value: function _handleTriggerClick(e) {
+ var $trigger = $(e.target);
+ for (var i = ScrollSpy._elements.length - 1; i >= 0; i--) {
+ var scrollspy = ScrollSpy._elements[i];
+ if ($trigger.is('a[href="#' + scrollspy.$el.attr('id') + '"]')) {
+ e.preventDefault();
+ var offset = scrollspy.$el.offset().top + 1;
+
+ anim({
+ targets: [document.documentElement, document.body],
+ scrollTop: offset - scrollspy.options.scrollOffset,
+ duration: 400,
+ easing: 'easeOutCubic'
+ });
+ break;
+ }
+ }
+ }
+
+ /**
+ * Handle Window Scroll
+ */
+
+ }, {
+ key: "_handleWindowScroll",
+ value: function _handleWindowScroll() {
+ // unique tick id
+ ScrollSpy._ticks++;
+
+ // viewport rectangle
+ var top = M.getDocumentScrollTop(),
+ left = M.getDocumentScrollLeft(),
+ right = left + window.innerWidth,
+ bottom = top + window.innerHeight;
+
+ // determine which elements are in view
+ var intersections = ScrollSpy._findElements(top, right, bottom, left);
+ for (var i = 0; i < intersections.length; i++) {
+ var scrollspy = intersections[i];
+ var lastTick = scrollspy.tickId;
+ if (lastTick < 0) {
+ // entered into view
+ scrollspy._enter();
+ }
+
+ // update tick id
+ scrollspy.tickId = ScrollSpy._ticks;
+ }
+
+ for (var _i = 0; _i < ScrollSpy._elementsInView.length; _i++) {
+ var _scrollspy = ScrollSpy._elementsInView[_i];
+ var _lastTick = _scrollspy.tickId;
+ if (_lastTick >= 0 && _lastTick !== ScrollSpy._ticks) {
+ // exited from view
+ _scrollspy._exit();
+ _scrollspy.tickId = -1;
+ }
+ }
+
+ // remember elements in view for next tick
+ ScrollSpy._elementsInView = intersections;
+ }
+
+ /**
+ * Find elements that are within the boundary
+ * @param {number} top
+ * @param {number} right
+ * @param {number} bottom
+ * @param {number} left
+ * @return {Array.<ScrollSpy>} A collection of elements
+ */
+
+ }, {
+ key: "_enter",
+ value: function _enter() {
+ ScrollSpy._visibleElements = ScrollSpy._visibleElements.filter(function (value) {
+ return value.height() != 0;
+ });
+
+ if (ScrollSpy._visibleElements[0]) {
+ $(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).removeClass(this.options.activeClass);
+ if (ScrollSpy._visibleElements[0][0].M_ScrollSpy && this.id < ScrollSpy._visibleElements[0][0].M_ScrollSpy.id) {
+ ScrollSpy._visibleElements.unshift(this.$el);
+ } else {
+ ScrollSpy._visibleElements.push(this.$el);
+ }
+ } else {
+ ScrollSpy._visibleElements.push(this.$el);
+ }
+
+ $(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).addClass(this.options.activeClass);
+ }
+ }, {
+ key: "_exit",
+ value: function _exit() {
+ var _this36 = this;
+
+ ScrollSpy._visibleElements = ScrollSpy._visibleElements.filter(function (value) {
+ return value.height() != 0;
+ });
+
+ if (ScrollSpy._visibleElements[0]) {
+ $(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).removeClass(this.options.activeClass);
+
+ ScrollSpy._visibleElements = ScrollSpy._visibleElements.filter(function (el) {
+ return el.attr('id') != _this36.$el.attr('id');
+ });
+ if (ScrollSpy._visibleElements[0]) {
+ // Check if empty
+ $(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).addClass(this.options.activeClass);
+ }
+ }
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(ScrollSpy.__proto__ || Object.getPrototypeOf(ScrollSpy), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_ScrollSpy;
+ }
+ }, {
+ key: "_findElements",
+ value: function _findElements(top, right, bottom, left) {
+ var hits = [];
+ for (var i = 0; i < ScrollSpy._elements.length; i++) {
+ var scrollspy = ScrollSpy._elements[i];
+ var currTop = top + scrollspy.options.scrollOffset || 200;
+
+ if (scrollspy.$el.height() > 0) {
+ var elTop = scrollspy.$el.offset().top,
+ elLeft = scrollspy.$el.offset().left,
+ elRight = elLeft + scrollspy.$el.width(),
+ elBottom = elTop + scrollspy.$el.height();
+
+ var isIntersect = !(elLeft > right || elRight < left || elTop > bottom || elBottom < currTop);
+
+ if (isIntersect) {
+ hits.push(scrollspy);
+ }
+ }
+ }
+ return hits;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return ScrollSpy;
+ }(Component);
+
+ /**
+ * @static
+ * @memberof ScrollSpy
+ * @type {Array.<ScrollSpy>}
+ */
+
+
+ ScrollSpy._elements = [];
+
+ /**
+ * @static
+ * @memberof ScrollSpy
+ * @type {Array.<ScrollSpy>}
+ */
+ ScrollSpy._elementsInView = [];
+
+ /**
+ * @static
+ * @memberof ScrollSpy
+ * @type {Array.<cash>}
+ */
+ ScrollSpy._visibleElements = [];
+
+ /**
+ * @static
+ * @memberof ScrollSpy
+ */
+ ScrollSpy._count = 0;
+
+ /**
+ * @static
+ * @memberof ScrollSpy
+ */
+ ScrollSpy._increment = 0;
+
+ /**
+ * @static
+ * @memberof ScrollSpy
+ */
+ ScrollSpy._ticks = 0;
+
+ M.ScrollSpy = ScrollSpy;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(ScrollSpy, 'scrollSpy', 'M_ScrollSpy');
+ }
+})(cash, M.anime);
+;(function ($) {
+ 'use strict';
+
+ var _defaults = {
+ data: {}, // Autocomplete data set
+ limit: Infinity, // Limit of results the autocomplete shows
+ onAutocomplete: null, // Callback for when autocompleted
+ minLength: 1, // Min characters before autocomplete starts
+ sortFunction: function (a, b, inputString) {
+ // Sort function for sorting autocomplete results
+ return a.indexOf(inputString) - b.indexOf(inputString);
+ }
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Autocomplete = function (_Component10) {
+ _inherits(Autocomplete, _Component10);
+
+ /**
+ * Construct Autocomplete instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Autocomplete(el, options) {
+ _classCallCheck(this, Autocomplete);
+
+ var _this37 = _possibleConstructorReturn(this, (Autocomplete.__proto__ || Object.getPrototypeOf(Autocomplete)).call(this, Autocomplete, el, options));
+
+ _this37.el.M_Autocomplete = _this37;
+
+ /**
+ * Options for the autocomplete
+ * @member Autocomplete#options
+ * @prop {Number} duration
+ * @prop {Number} dist
+ * @prop {number} shift
+ * @prop {number} padding
+ * @prop {Boolean} fullWidth
+ * @prop {Boolean} indicators
+ * @prop {Boolean} noWrap
+ * @prop {Function} onCycleTo
+ */
+ _this37.options = $.extend({}, Autocomplete.defaults, options);
+
+ // Setup
+ _this37.isOpen = false;
+ _this37.count = 0;
+ _this37.activeIndex = -1;
+ _this37.oldVal;
+ _this37.$inputField = _this37.$el.closest('.input-field');
+ _this37.$active = $();
+ _this37._mousedown = false;
+ _this37._setupDropdown();
+
+ _this37._setupEventHandlers();
+ return _this37;
+ }
+
+ _createClass(Autocomplete, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this._removeDropdown();
+ this.el.M_Autocomplete = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleInputBlurBound = this._handleInputBlur.bind(this);
+ this._handleInputKeyupAndFocusBound = this._handleInputKeyupAndFocus.bind(this);
+ this._handleInputKeydownBound = this._handleInputKeydown.bind(this);
+ this._handleInputClickBound = this._handleInputClick.bind(this);
+ this._handleContainerMousedownAndTouchstartBound = this._handleContainerMousedownAndTouchstart.bind(this);
+ this._handleContainerMouseupAndTouchendBound = this._handleContainerMouseupAndTouchend.bind(this);
+
+ this.el.addEventListener('blur', this._handleInputBlurBound);
+ this.el.addEventListener('keyup', this._handleInputKeyupAndFocusBound);
+ this.el.addEventListener('focus', this._handleInputKeyupAndFocusBound);
+ this.el.addEventListener('keydown', this._handleInputKeydownBound);
+ this.el.addEventListener('click', this._handleInputClickBound);
+ this.container.addEventListener('mousedown', this._handleContainerMousedownAndTouchstartBound);
+ this.container.addEventListener('mouseup', this._handleContainerMouseupAndTouchendBound);
+
+ if (typeof window.ontouchstart !== 'undefined') {
+ this.container.addEventListener('touchstart', this._handleContainerMousedownAndTouchstartBound);
+ this.container.addEventListener('touchend', this._handleContainerMouseupAndTouchendBound);
+ }
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('blur', this._handleInputBlurBound);
+ this.el.removeEventListener('keyup', this._handleInputKeyupAndFocusBound);
+ this.el.removeEventListener('focus', this._handleInputKeyupAndFocusBound);
+ this.el.removeEventListener('keydown', this._handleInputKeydownBound);
+ this.el.removeEventListener('click', this._handleInputClickBound);
+ this.container.removeEventListener('mousedown', this._handleContainerMousedownAndTouchstartBound);
+ this.container.removeEventListener('mouseup', this._handleContainerMouseupAndTouchendBound);
+
+ if (typeof window.ontouchstart !== 'undefined') {
+ this.container.removeEventListener('touchstart', this._handleContainerMousedownAndTouchstartBound);
+ this.container.removeEventListener('touchend', this._handleContainerMouseupAndTouchendBound);
+ }
+ }
+
+ /**
+ * Setup dropdown
+ */
+
+ }, {
+ key: "_setupDropdown",
+ value: function _setupDropdown() {
+ var _this38 = this;
+
+ this.container = document.createElement('ul');
+ this.container.id = "autocomplete-options-" + M.guid();
+ $(this.container).addClass('autocomplete-content dropdown-content');
+ this.$inputField.append(this.container);
+ this.el.setAttribute('data-target', this.container.id);
+
+ this.dropdown = M.Dropdown.init(this.el, {
+ autoFocus: false,
+ closeOnClick: false,
+ coverTrigger: false,
+ onItemClick: function (itemEl) {
+ _this38.selectOption($(itemEl));
+ }
+ });
+
+ // Sketchy removal of dropdown click handler
+ this.el.removeEventListener('click', this.dropdown._handleClickBound);
+ }
+
+ /**
+ * Remove dropdown
+ */
+
+ }, {
+ key: "_removeDropdown",
+ value: function _removeDropdown() {
+ this.container.parentNode.removeChild(this.container);
+ }
+
+ /**
+ * Handle Input Blur
+ */
+
+ }, {
+ key: "_handleInputBlur",
+ value: function _handleInputBlur() {
+ if (!this._mousedown) {
+ this.close();
+ this._resetAutocomplete();
+ }
+ }
+
+ /**
+ * Handle Input Keyup and Focus
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleInputKeyupAndFocus",
+ value: function _handleInputKeyupAndFocus(e) {
+ if (e.type === 'keyup') {
+ Autocomplete._keydown = false;
+ }
+
+ this.count = 0;
+ var val = this.el.value.toLowerCase();
+
+ // Don't capture enter or arrow key usage.
+ if (e.keyCode === 13 || e.keyCode === 38 || e.keyCode === 40) {
+ return;
+ }
+
+ // Check if the input isn't empty
+ // Check if focus triggered by tab
+ if (this.oldVal !== val && (M.tabPressed || e.type !== 'focus')) {
+ this.open();
+ }
+
+ // Update oldVal
+ this.oldVal = val;
+ }
+
+ /**
+ * Handle Input Keydown
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleInputKeydown",
+ value: function _handleInputKeydown(e) {
+ Autocomplete._keydown = true;
+
+ // Arrow keys and enter key usage
+ var keyCode = e.keyCode,
+ liElement = void 0,
+ numItems = $(this.container).children('li').length;
+
+ // select element on Enter
+ if (keyCode === M.keys.ENTER && this.activeIndex >= 0) {
+ liElement = $(this.container).children('li').eq(this.activeIndex);
+ if (liElement.length) {
+ this.selectOption(liElement);
+ e.preventDefault();
+ }
+ return;
+ }
+
+ // Capture up and down key
+ if (keyCode === M.keys.ARROW_UP || keyCode === M.keys.ARROW_DOWN) {
+ e.preventDefault();
+
+ if (keyCode === M.keys.ARROW_UP && this.activeIndex > 0) {
+ this.activeIndex--;
+ }
+
+ if (keyCode === M.keys.ARROW_DOWN && this.activeIndex < numItems - 1) {
+ this.activeIndex++;
+ }
+
+ this.$active.removeClass('active');
+ if (this.activeIndex >= 0) {
+ this.$active = $(this.container).children('li').eq(this.activeIndex);
+ this.$active.addClass('active');
+ }
+ }
+ }
+
+ /**
+ * Handle Input Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleInputClick",
+ value: function _handleInputClick(e) {
+ this.open();
+ }
+
+ /**
+ * Handle Container Mousedown and Touchstart
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleContainerMousedownAndTouchstart",
+ value: function _handleContainerMousedownAndTouchstart(e) {
+ this._mousedown = true;
+ }
+
+ /**
+ * Handle Container Mouseup and Touchend
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleContainerMouseupAndTouchend",
+ value: function _handleContainerMouseupAndTouchend(e) {
+ this._mousedown = false;
+ }
+
+ /**
+ * Highlight partial match
+ */
+
+ }, {
+ key: "_highlight",
+ value: function _highlight(string, $el) {
+ var img = $el.find('img');
+ var matchStart = $el.text().toLowerCase().indexOf('' + string.toLowerCase() + ''),
+ matchEnd = matchStart + string.length - 1,
+ beforeMatch = $el.text().slice(0, matchStart),
+ matchText = $el.text().slice(matchStart, matchEnd + 1),
+ afterMatch = $el.text().slice(matchEnd + 1);
+ $el.html("<span>" + beforeMatch + "<span class='highlight'>" + matchText + "</span>" + afterMatch + "</span>");
+ if (img.length) {
+ $el.prepend(img);
+ }
+ }
+
+ /**
+ * Reset current element position
+ */
+
+ }, {
+ key: "_resetCurrentElement",
+ value: function _resetCurrentElement() {
+ this.activeIndex = -1;
+ this.$active.removeClass('active');
+ }
+
+ /**
+ * Reset autocomplete elements
+ */
+
+ }, {
+ key: "_resetAutocomplete",
+ value: function _resetAutocomplete() {
+ $(this.container).empty();
+ this._resetCurrentElement();
+ this.oldVal = null;
+ this.isOpen = false;
+ this._mousedown = false;
+ }
+
+ /**
+ * Select autocomplete option
+ * @param {Element} el Autocomplete option list item element
+ */
+
+ }, {
+ key: "selectOption",
+ value: function selectOption(el) {
+ var text = el.text().trim();
+ this.el.value = text;
+ this.$el.trigger('change');
+ this._resetAutocomplete();
+ this.close();
+
+ // Handle onAutocomplete callback.
+ if (typeof this.options.onAutocomplete === 'function') {
+ this.options.onAutocomplete.call(this, text);
+ }
+ }
+
+ /**
+ * Render dropdown content
+ * @param {Object} data data set
+ * @param {String} val current input value
+ */
+
+ }, {
+ key: "_renderDropdown",
+ value: function _renderDropdown(data, val) {
+ var _this39 = this;
+
+ this._resetAutocomplete();
+
+ var matchingData = [];
+
+ // Gather all matching data
+ for (var key in data) {
+ if (data.hasOwnProperty(key) && key.toLowerCase().indexOf(val) !== -1) {
+ // Break if past limit
+ if (this.count >= this.options.limit) {
+ break;
+ }
+
+ var entry = {
+ data: data[key],
+ key: key
+ };
+ matchingData.push(entry);
+
+ this.count++;
+ }
+ }
+
+ // Sort
+ if (this.options.sortFunction) {
+ var sortFunctionBound = function (a, b) {
+ return _this39.options.sortFunction(a.key.toLowerCase(), b.key.toLowerCase(), val.toLowerCase());
+ };
+ matchingData.sort(sortFunctionBound);
+ }
+
+ // Render
+ for (var i = 0; i < matchingData.length; i++) {
+ var _entry = matchingData[i];
+ var $autocompleteOption = $('<li></li>');
+ if (!!_entry.data) {
+ $autocompleteOption.append("<img src=\"" + _entry.data + "\" class=\"right circle\"><span>" + _entry.key + "</span>");
+ } else {
+ $autocompleteOption.append('<span>' + _entry.key + '</span>');
+ }
+
+ $(this.container).append($autocompleteOption);
+ this._highlight(val, $autocompleteOption);
+ }
+ }
+
+ /**
+ * Open Autocomplete Dropdown
+ */
+
+ }, {
+ key: "open",
+ value: function open() {
+ var val = this.el.value.toLowerCase();
+
+ this._resetAutocomplete();
+
+ if (val.length >= this.options.minLength) {
+ this.isOpen = true;
+ this._renderDropdown(this.options.data, val);
+ }
+
+ // Open dropdown
+ if (!this.dropdown.isOpen) {
+ this.dropdown.open();
+ } else {
+ // Recalculate dropdown when its already open
+ this.dropdown.recalculateDimensions();
+ }
+ }
+
+ /**
+ * Close Autocomplete Dropdown
+ */
+
+ }, {
+ key: "close",
+ value: function close() {
+ this.dropdown.close();
+ }
+
+ /**
+ * Update Data
+ * @param {Object} data
+ */
+
+ }, {
+ key: "updateData",
+ value: function updateData(data) {
+ var val = this.el.value.toLowerCase();
+ this.options.data = data;
+
+ if (this.isOpen) {
+ this._renderDropdown(data, val);
+ }
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Autocomplete.__proto__ || Object.getPrototypeOf(Autocomplete), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Autocomplete;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Autocomplete;
+ }(Component);
+
+ /**
+ * @static
+ * @memberof Autocomplete
+ */
+
+
+ Autocomplete._keydown = false;
+
+ M.Autocomplete = Autocomplete;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Autocomplete, 'autocomplete', 'M_Autocomplete');
+ }
+})(cash);
+;(function ($) {
+ // Function to update labels of text fields
+ M.updateTextFields = function () {
+ var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], input[type=date], input[type=time], textarea';
+ $(input_selector).each(function (element, index) {
+ var $this = $(this);
+ if (element.value.length > 0 || $(element).is(':focus') || element.autofocus || $this.attr('placeholder') !== null) {
+ $this.siblings('label').addClass('active');
+ } else if (element.validity) {
+ $this.siblings('label').toggleClass('active', element.validity.badInput === true);
+ } else {
+ $this.siblings('label').removeClass('active');
+ }
+ });
+ };
+
+ M.validate_field = function (object) {
+ var hasLength = object.attr('data-length') !== null;
+ var lenAttr = parseInt(object.attr('data-length'));
+ var len = object[0].value.length;
+
+ if (len === 0 && object[0].validity.badInput === false && !object.is(':required')) {
+ if (object.hasClass('validate')) {
+ object.removeClass('valid');
+ object.removeClass('invalid');
+ }
+ } else {
+ if (object.hasClass('validate')) {
+ // Check for character counter attributes
+ if (object.is(':valid') && hasLength && len <= lenAttr || object.is(':valid') && !hasLength) {
+ object.removeClass('invalid');
+ object.addClass('valid');
+ } else {
+ object.removeClass('valid');
+ object.addClass('invalid');
+ }
+ }
+ }
+ };
+
+ M.textareaAutoResize = function ($textarea) {
+ // Wrap if native element
+ if ($textarea instanceof Element) {
+ $textarea = $($textarea);
+ }
+
+ if (!$textarea.length) {
+ console.error('No textarea element found');
+ return;
+ }
+
+ // Textarea Auto Resize
+ var hiddenDiv = $('.hiddendiv').first();
+ if (!hiddenDiv.length) {
+ hiddenDiv = $('<div class="hiddendiv common"></div>');
+ $('body').append(hiddenDiv);
+ }
+
+ // Set font properties of hiddenDiv
+ var fontFamily = $textarea.css('font-family');
+ var fontSize = $textarea.css('font-size');
+ var lineHeight = $textarea.css('line-height');
+
+ // Firefox can't handle padding shorthand.
+ var paddingTop = $textarea.css('padding-top');
+ var paddingRight = $textarea.css('padding-right');
+ var paddingBottom = $textarea.css('padding-bottom');
+ var paddingLeft = $textarea.css('padding-left');
+
+ if (fontSize) {
+ hiddenDiv.css('font-size', fontSize);
+ }
+ if (fontFamily) {
+ hiddenDiv.css('font-family', fontFamily);
+ }
+ if (lineHeight) {
+ hiddenDiv.css('line-height', lineHeight);
+ }
+ if (paddingTop) {
+ hiddenDiv.css('padding-top', paddingTop);
+ }
+ if (paddingRight) {
+ hiddenDiv.css('padding-right', paddingRight);
+ }
+ if (paddingBottom) {
+ hiddenDiv.css('padding-bottom', paddingBottom);
+ }
+ if (paddingLeft) {
+ hiddenDiv.css('padding-left', paddingLeft);
+ }
+
+ // Set original-height, if none
+ if (!$textarea.data('original-height')) {
+ $textarea.data('original-height', $textarea.height());
+ }
+
+ if ($textarea.attr('wrap') === 'off') {
+ hiddenDiv.css('overflow-wrap', 'normal').css('white-space', 'pre');
+ }
+
+ hiddenDiv.text($textarea[0].value + '\n');
+ var content = hiddenDiv.html().replace(/\n/g, '<br>');
+ hiddenDiv.html(content);
+
+ // When textarea is hidden, width goes crazy.
+ // Approximate with half of window size
+
+ if ($textarea[0].offsetWidth > 0 && $textarea[0].offsetHeight > 0) {
+ hiddenDiv.css('width', $textarea.width() + 'px');
+ } else {
+ hiddenDiv.css('width', window.innerWidth / 2 + 'px');
+ }
+
+ /**
+ * Resize if the new height is greater than the
+ * original height of the textarea
+ */
+ if ($textarea.data('original-height') <= hiddenDiv.innerHeight()) {
+ $textarea.css('height', hiddenDiv.innerHeight() + 'px');
+ } else if ($textarea[0].value.length < $textarea.data('previous-length')) {
+ /**
+ * In case the new height is less than original height, it
+ * means the textarea has less text than before
+ * So we set the height to the original one
+ */
+ $textarea.css('height', $textarea.data('original-height') + 'px');
+ }
+ $textarea.data('previous-length', $textarea[0].value.length);
+ };
+
+ $(document).ready(function () {
+ // Text based inputs
+ var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], input[type=date], input[type=time], textarea';
+
+ // Add active if form auto complete
+ $(document).on('change', input_selector, function () {
+ if (this.value.length !== 0 || $(this).attr('placeholder') !== null) {
+ $(this).siblings('label').addClass('active');
+ }
+ M.validate_field($(this));
+ });
+
+ // Add active if input element has been pre-populated on document ready
+ $(document).ready(function () {
+ M.updateTextFields();
+ });
+
+ // HTML DOM FORM RESET handling
+ $(document).on('reset', function (e) {
+ var formReset = $(e.target);
+ if (formReset.is('form')) {
+ formReset.find(input_selector).removeClass('valid').removeClass('invalid');
+ formReset.find(input_selector).each(function (e) {
+ if (this.value.length) {
+ $(this).siblings('label').removeClass('active');
+ }
+ });
+
+ // Reset select (after native reset)
+ setTimeout(function () {
+ formReset.find('select').each(function () {
+ // check if initialized
+ if (this.M_FormSelect) {
+ $(this).trigger('change');
+ }
+ });
+ }, 0);
+ }
+ });
+
+ /**
+ * Add active when element has focus
+ * @param {Event} e
+ */
+ document.addEventListener('focus', function (e) {
+ if ($(e.target).is(input_selector)) {
+ $(e.target).siblings('label, .prefix').addClass('active');
+ }
+ }, true);
+
+ /**
+ * Remove active when element is blurred
+ * @param {Event} e
+ */
+ document.addEventListener('blur', function (e) {
+ var $inputElement = $(e.target);
+ if ($inputElement.is(input_selector)) {
+ var selector = '.prefix';
+
+ if ($inputElement[0].value.length === 0 && $inputElement[0].validity.badInput !== true && $inputElement.attr('placeholder') === null) {
+ selector += ', label';
+ }
+ $inputElement.siblings(selector).removeClass('active');
+ M.validate_field($inputElement);
+ }
+ }, true);
+
+ // Radio and Checkbox focus class
+ var radio_checkbox = 'input[type=radio], input[type=checkbox]';
+ $(document).on('keyup', radio_checkbox, function (e) {
+ // TAB, check if tabbing to radio or checkbox.
+ if (e.which === M.keys.TAB) {
+ $(this).addClass('tabbed');
+ var $this = $(this);
+ $this.one('blur', function (e) {
+ $(this).removeClass('tabbed');
+ });
+ return;
+ }
+ });
+
+ var text_area_selector = '.materialize-textarea';
+ $(text_area_selector).each(function () {
+ var $textarea = $(this);
+ /**
+ * Resize textarea on document load after storing
+ * the original height and the original length
+ */
+ $textarea.data('original-height', $textarea.height());
+ $textarea.data('previous-length', this.value.length);
+ M.textareaAutoResize($textarea);
+ });
+
+ $(document).on('keyup', text_area_selector, function () {
+ M.textareaAutoResize($(this));
+ });
+ $(document).on('keydown', text_area_selector, function () {
+ M.textareaAutoResize($(this));
+ });
+
+ // File Input Path
+ $(document).on('change', '.file-field input[type="file"]', function () {
+ var file_field = $(this).closest('.file-field');
+ var path_input = file_field.find('input.file-path');
+ var files = $(this)[0].files;
+ var file_names = [];
+ for (var i = 0; i < files.length; i++) {
+ file_names.push(files[i].name);
+ }
+ path_input[0].value = file_names.join(', ');
+ path_input.trigger('change');
+ });
+ }); // End of $(document).ready
+})(cash);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ indicators: true,
+ height: 400,
+ duration: 500,
+ interval: 6000
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Slider = function (_Component11) {
+ _inherits(Slider, _Component11);
+
+ /**
+ * Construct Slider instance and set up overlay
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Slider(el, options) {
+ _classCallCheck(this, Slider);
+
+ var _this40 = _possibleConstructorReturn(this, (Slider.__proto__ || Object.getPrototypeOf(Slider)).call(this, Slider, el, options));
+
+ _this40.el.M_Slider = _this40;
+
+ /**
+ * Options for the modal
+ * @member Slider#options
+ * @prop {Boolean} [indicators=true] - Show indicators
+ * @prop {Number} [height=400] - height of slider
+ * @prop {Number} [duration=500] - Length in ms of slide transition
+ * @prop {Number} [interval=6000] - Length in ms of slide interval
+ */
+ _this40.options = $.extend({}, Slider.defaults, options);
+
+ // setup
+ _this40.$slider = _this40.$el.find('.slides');
+ _this40.$slides = _this40.$slider.children('li');
+ _this40.activeIndex = _this40.$slides.filter(function (item) {
+ return $(item).hasClass('active');
+ }).first().index();
+ if (_this40.activeIndex != -1) {
+ _this40.$active = _this40.$slides.eq(_this40.activeIndex);
+ }
+
+ _this40._setSliderHeight();
+
+ // Set initial positions of captions
+ _this40.$slides.find('.caption').each(function (el) {
+ _this40._animateCaptionIn(el, 0);
+ });
+
+ // Move img src into background-image
+ _this40.$slides.find('img').each(function (el) {
+ var placeholderBase64 = 'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
+ if ($(el).attr('src') !== placeholderBase64) {
+ $(el).css('background-image', 'url("' + $(el).attr('src') + '")');
+ $(el).attr('src', placeholderBase64);
+ }
+ });
+
+ _this40._setupIndicators();
+
+ // Show active slide
+ if (_this40.$active) {
+ _this40.$active.css('display', 'block');
+ } else {
+ _this40.$slides.first().addClass('active');
+ anim({
+ targets: _this40.$slides.first()[0],
+ opacity: 1,
+ duration: _this40.options.duration,
+ easing: 'easeOutQuad'
+ });
+
+ _this40.activeIndex = 0;
+ _this40.$active = _this40.$slides.eq(_this40.activeIndex);
+
+ // Update indicators
+ if (_this40.options.indicators) {
+ _this40.$indicators.eq(_this40.activeIndex).addClass('active');
+ }
+ }
+
+ // Adjust height to current slide
+ _this40.$active.find('img').each(function (el) {
+ anim({
+ targets: _this40.$active.find('.caption')[0],
+ opacity: 1,
+ translateX: 0,
+ translateY: 0,
+ duration: _this40.options.duration,
+ easing: 'easeOutQuad'
+ });
+ });
+
+ _this40._setupEventHandlers();
+
+ // auto scroll
+ _this40.start();
+ return _this40;
+ }
+
+ _createClass(Slider, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this.pause();
+ this._removeIndicators();
+ this._removeEventHandlers();
+ this.el.M_Slider = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ var _this41 = this;
+
+ this._handleIntervalBound = this._handleInterval.bind(this);
+ this._handleIndicatorClickBound = this._handleIndicatorClick.bind(this);
+
+ if (this.options.indicators) {
+ this.$indicators.each(function (el) {
+ el.addEventListener('click', _this41._handleIndicatorClickBound);
+ });
+ }
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ var _this42 = this;
+
+ if (this.options.indicators) {
+ this.$indicators.each(function (el) {
+ el.removeEventListener('click', _this42._handleIndicatorClickBound);
+ });
+ }
+ }
+
+ /**
+ * Handle indicator click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleIndicatorClick",
+ value: function _handleIndicatorClick(e) {
+ var currIndex = $(e.target).index();
+ this.set(currIndex);
+ }
+
+ /**
+ * Handle Interval
+ */
+
+ }, {
+ key: "_handleInterval",
+ value: function _handleInterval() {
+ var newActiveIndex = this.$slider.find('.active').index();
+ if (this.$slides.length === newActiveIndex + 1) newActiveIndex = 0;
+ // loop to start
+ else newActiveIndex += 1;
+
+ this.set(newActiveIndex);
+ }
+
+ /**
+ * Animate in caption
+ * @param {Element} caption
+ * @param {Number} duration
+ */
+
+ }, {
+ key: "_animateCaptionIn",
+ value: function _animateCaptionIn(caption, duration) {
+ var animOptions = {
+ targets: caption,
+ opacity: 0,
+ duration: duration,
+ easing: 'easeOutQuad'
+ };
+
+ if ($(caption).hasClass('center-align')) {
+ animOptions.translateY = -100;
+ } else if ($(caption).hasClass('right-align')) {
+ animOptions.translateX = 100;
+ } else if ($(caption).hasClass('left-align')) {
+ animOptions.translateX = -100;
+ }
+
+ anim(animOptions);
+ }
+
+ /**
+ * Set height of slider
+ */
+
+ }, {
+ key: "_setSliderHeight",
+ value: function _setSliderHeight() {
+ // If fullscreen, do nothing
+ if (!this.$el.hasClass('fullscreen')) {
+ if (this.options.indicators) {
+ // Add height if indicators are present
+ this.$el.css('height', this.options.height + 40 + 'px');
+ } else {
+ this.$el.css('height', this.options.height + 'px');
+ }
+ this.$slider.css('height', this.options.height + 'px');
+ }
+ }
+
+ /**
+ * Setup indicators
+ */
+
+ }, {
+ key: "_setupIndicators",
+ value: function _setupIndicators() {
+ var _this43 = this;
+
+ if (this.options.indicators) {
+ this.$indicators = $('<ul class="indicators"></ul>');
+ this.$slides.each(function (el, index) {
+ var $indicator = $('<li class="indicator-item"></li>');
+ _this43.$indicators.append($indicator[0]);
+ });
+ this.$el.append(this.$indicators[0]);
+ this.$indicators = this.$indicators.children('li.indicator-item');
+ }
+ }
+
+ /**
+ * Remove indicators
+ */
+
+ }, {
+ key: "_removeIndicators",
+ value: function _removeIndicators() {
+ this.$el.find('ul.indicators').remove();
+ }
+
+ /**
+ * Cycle to nth item
+ * @param {Number} index
+ */
+
+ }, {
+ key: "set",
+ value: function set(index) {
+ var _this44 = this;
+
+ // Wrap around indices.
+ if (index >= this.$slides.length) index = 0;else if (index < 0) index = this.$slides.length - 1;
+
+ // Only do if index changes
+ if (this.activeIndex != index) {
+ this.$active = this.$slides.eq(this.activeIndex);
+ var $caption = this.$active.find('.caption');
+ this.$active.removeClass('active');
+
+ anim({
+ targets: this.$active[0],
+ opacity: 0,
+ duration: this.options.duration,
+ easing: 'easeOutQuad',
+ complete: function () {
+ _this44.$slides.not('.active').each(function (el) {
+ anim({
+ targets: el,
+ opacity: 0,
+ translateX: 0,
+ translateY: 0,
+ duration: 0,
+ easing: 'easeOutQuad'
+ });
+ });
+ }
+ });
+
+ this._animateCaptionIn($caption[0], this.options.duration);
+
+ // Update indicators
+ if (this.options.indicators) {
+ this.$indicators.eq(this.activeIndex).removeClass('active');
+ this.$indicators.eq(index).addClass('active');
+ }
+
+ anim({
+ targets: this.$slides.eq(index)[0],
+ opacity: 1,
+ duration: this.options.duration,
+ easing: 'easeOutQuad'
+ });
+
+ anim({
+ targets: this.$slides.eq(index).find('.caption')[0],
+ opacity: 1,
+ translateX: 0,
+ translateY: 0,
+ duration: this.options.duration,
+ delay: this.options.duration,
+ easing: 'easeOutQuad'
+ });
+
+ this.$slides.eq(index).addClass('active');
+ this.activeIndex = index;
+
+ // Reset interval
+ this.start();
+ }
+ }
+
+ /**
+ * Pause slider interval
+ */
+
+ }, {
+ key: "pause",
+ value: function pause() {
+ clearInterval(this.interval);
+ }
+
+ /**
+ * Start slider interval
+ */
+
+ }, {
+ key: "start",
+ value: function start() {
+ clearInterval(this.interval);
+ this.interval = setInterval(this._handleIntervalBound, this.options.duration + this.options.interval);
+ }
+
+ /**
+ * Move to next slide
+ */
+
+ }, {
+ key: "next",
+ value: function next() {
+ var newIndex = this.activeIndex + 1;
+
+ // Wrap around indices.
+ if (newIndex >= this.$slides.length) newIndex = 0;else if (newIndex < 0) newIndex = this.$slides.length - 1;
+
+ this.set(newIndex);
+ }
+
+ /**
+ * Move to previous slide
+ */
+
+ }, {
+ key: "prev",
+ value: function prev() {
+ var newIndex = this.activeIndex - 1;
+
+ // Wrap around indices.
+ if (newIndex >= this.$slides.length) newIndex = 0;else if (newIndex < 0) newIndex = this.$slides.length - 1;
+
+ this.set(newIndex);
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Slider.__proto__ || Object.getPrototypeOf(Slider), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Slider;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Slider;
+ }(Component);
+
+ M.Slider = Slider;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Slider, 'slider', 'M_Slider');
+ }
+})(cash, M.anime);
+;(function ($, anim) {
+ $(document).on('click', '.card', function (e) {
+ if ($(this).children('.card-reveal').length) {
+ var $card = $(e.target).closest('.card');
+ if ($card.data('initialOverflow') === undefined) {
+ $card.data('initialOverflow', $card.css('overflow') === undefined ? '' : $card.css('overflow'));
+ }
+ var $cardReveal = $(this).find('.card-reveal');
+ if ($(e.target).is($('.card-reveal .card-title')) || $(e.target).is($('.card-reveal .card-title i'))) {
+ // Make Reveal animate down and display none
+ anim({
+ targets: $cardReveal[0],
+ translateY: 0,
+ duration: 225,
+ easing: 'easeInOutQuad',
+ complete: function (anim) {
+ var el = anim.animatables[0].target;
+ $(el).css({ display: 'none' });
+ $card.css('overflow', $card.data('initialOverflow'));
+ }
+ });
+ } else if ($(e.target).is($('.card .activator')) || $(e.target).is($('.card .activator i'))) {
+ $card.css('overflow', 'hidden');
+ $cardReveal.css({ display: 'block' });
+ anim({
+ targets: $cardReveal[0],
+ translateY: '-100%',
+ duration: 300,
+ easing: 'easeInOutQuad'
+ });
+ }
+ }
+ });
+})(cash, M.anime);
+;(function ($) {
+ 'use strict';
+
+ var _defaults = {
+ data: [],
+ placeholder: '',
+ secondaryPlaceholder: '',
+ autocompleteOptions: {},
+ limit: Infinity,
+ onChipAdd: null,
+ onChipSelect: null,
+ onChipDelete: null
+ };
+
+ /**
+ * @typedef {Object} chip
+ * @property {String} tag chip tag string
+ * @property {String} [image] chip avatar image string
+ */
+
+ /**
+ * @class
+ *
+ */
+
+ var Chips = function (_Component12) {
+ _inherits(Chips, _Component12);
+
+ /**
+ * Construct Chips instance and set up overlay
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Chips(el, options) {
+ _classCallCheck(this, Chips);
+
+ var _this45 = _possibleConstructorReturn(this, (Chips.__proto__ || Object.getPrototypeOf(Chips)).call(this, Chips, el, options));
+
+ _this45.el.M_Chips = _this45;
+
+ /**
+ * Options for the modal
+ * @member Chips#options
+ * @prop {Array} data
+ * @prop {String} placeholder
+ * @prop {String} secondaryPlaceholder
+ * @prop {Object} autocompleteOptions
+ */
+ _this45.options = $.extend({}, Chips.defaults, options);
+
+ _this45.$el.addClass('chips input-field');
+ _this45.chipsData = [];
+ _this45.$chips = $();
+ _this45._setupInput();
+ _this45.hasAutocomplete = Object.keys(_this45.options.autocompleteOptions).length > 0;
+
+ // Set input id
+ if (!_this45.$input.attr('id')) {
+ _this45.$input.attr('id', M.guid());
+ }
+
+ // Render initial chips
+ if (_this45.options.data.length) {
+ _this45.chipsData = _this45.options.data;
+ _this45._renderChips(_this45.chipsData);
+ }
+
+ // Setup autocomplete if needed
+ if (_this45.hasAutocomplete) {
+ _this45._setupAutocomplete();
+ }
+
+ _this45._setPlaceholder();
+ _this45._setupLabel();
+ _this45._setupEventHandlers();
+ return _this45;
+ }
+
+ _createClass(Chips, [{
+ key: "getData",
+
+
+ /**
+ * Get Chips Data
+ */
+ value: function getData() {
+ return this.chipsData;
+ }
+
+ /**
+ * Teardown component
+ */
+
+ }, {
+ key: "destroy",
+ value: function destroy() {
+ this._removeEventHandlers();
+ this.$chips.remove();
+ this.el.M_Chips = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleChipClickBound = this._handleChipClick.bind(this);
+ this._handleInputKeydownBound = this._handleInputKeydown.bind(this);
+ this._handleInputFocusBound = this._handleInputFocus.bind(this);
+ this._handleInputBlurBound = this._handleInputBlur.bind(this);
+
+ this.el.addEventListener('click', this._handleChipClickBound);
+ document.addEventListener('keydown', Chips._handleChipsKeydown);
+ document.addEventListener('keyup', Chips._handleChipsKeyup);
+ this.el.addEventListener('blur', Chips._handleChipsBlur, true);
+ this.$input[0].addEventListener('focus', this._handleInputFocusBound);
+ this.$input[0].addEventListener('blur', this._handleInputBlurBound);
+ this.$input[0].addEventListener('keydown', this._handleInputKeydownBound);
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('click', this._handleChipClickBound);
+ document.removeEventListener('keydown', Chips._handleChipsKeydown);
+ document.removeEventListener('keyup', Chips._handleChipsKeyup);
+ this.el.removeEventListener('blur', Chips._handleChipsBlur, true);
+ this.$input[0].removeEventListener('focus', this._handleInputFocusBound);
+ this.$input[0].removeEventListener('blur', this._handleInputBlurBound);
+ this.$input[0].removeEventListener('keydown', this._handleInputKeydownBound);
+ }
+
+ /**
+ * Handle Chip Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleChipClick",
+ value: function _handleChipClick(e) {
+ var $chip = $(e.target).closest('.chip');
+ var clickedClose = $(e.target).is('.close');
+ if ($chip.length) {
+ var index = $chip.index();
+ if (clickedClose) {
+ // delete chip
+ this.deleteChip(index);
+ this.$input[0].focus();
+ } else {
+ // select chip
+ this.selectChip(index);
+ }
+
+ // Default handle click to focus on input
+ } else {
+ this.$input[0].focus();
+ }
+ }
+
+ /**
+ * Handle Chips Keydown
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleInputFocus",
+
+
+ /**
+ * Handle Input Focus
+ */
+ value: function _handleInputFocus() {
+ this.$el.addClass('focus');
+ }
+
+ /**
+ * Handle Input Blur
+ */
+
+ }, {
+ key: "_handleInputBlur",
+ value: function _handleInputBlur() {
+ this.$el.removeClass('focus');
+ }
+
+ /**
+ * Handle Input Keydown
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleInputKeydown",
+ value: function _handleInputKeydown(e) {
+ Chips._keydown = true;
+
+ // enter
+ if (e.keyCode === 13) {
+ // Override enter if autocompleting.
+ if (this.hasAutocomplete && this.autocomplete && this.autocomplete.isOpen) {
+ return;
+ }
+
+ e.preventDefault();
+ this.addChip({
+ tag: this.$input[0].value
+ });
+ this.$input[0].value = '';
+
+ // delete or left
+ } else if ((e.keyCode === 8 || e.keyCode === 37) && this.$input[0].value === '' && this.chipsData.length) {
+ e.preventDefault();
+ this.selectChip(this.chipsData.length - 1);
+ }
+ }
+
+ /**
+ * Render Chip
+ * @param {chip} chip
+ * @return {Element}
+ */
+
+ }, {
+ key: "_renderChip",
+ value: function _renderChip(chip) {
+ if (!chip.tag) {
+ return;
+ }
+
+ var renderedChip = document.createElement('div');
+ var closeIcon = document.createElement('i');
+ renderedChip.classList.add('chip');
+ renderedChip.textContent = chip.tag;
+ renderedChip.setAttribute('tabindex', 0);
+ $(closeIcon).addClass('material-icons close');
+ closeIcon.textContent = 'close';
+
+ // attach image if needed
+ if (chip.image) {
+ var img = document.createElement('img');
+ img.setAttribute('src', chip.image);
+ renderedChip.insertBefore(img, renderedChip.firstChild);
+ }
+
+ renderedChip.appendChild(closeIcon);
+ return renderedChip;
+ }
+
+ /**
+ * Render Chips
+ */
+
+ }, {
+ key: "_renderChips",
+ value: function _renderChips() {
+ this.$chips.remove();
+ for (var i = 0; i < this.chipsData.length; i++) {
+ var chipEl = this._renderChip(this.chipsData[i]);
+ this.$el.append(chipEl);
+ this.$chips.add(chipEl);
+ }
+
+ // move input to end
+ this.$el.append(this.$input[0]);
+ }
+
+ /**
+ * Setup Autocomplete
+ */
+
+ }, {
+ key: "_setupAutocomplete",
+ value: function _setupAutocomplete() {
+ var _this46 = this;
+
+ this.options.autocompleteOptions.onAutocomplete = function (val) {
+ _this46.addChip({
+ tag: val
+ });
+ _this46.$input[0].value = '';
+ _this46.$input[0].focus();
+ };
+
+ this.autocomplete = M.Autocomplete.init(this.$input[0], this.options.autocompleteOptions);
+ }
+
+ /**
+ * Setup Input
+ */
+
+ }, {
+ key: "_setupInput",
+ value: function _setupInput() {
+ this.$input = this.$el.find('input');
+ if (!this.$input.length) {
+ this.$input = $('<input></input>');
+ this.$el.append(this.$input);
+ }
+
+ this.$input.addClass('input');
+ }
+
+ /**
+ * Setup Label
+ */
+
+ }, {
+ key: "_setupLabel",
+ value: function _setupLabel() {
+ this.$label = this.$el.find('label');
+ if (this.$label.length) {
+ this.$label.setAttribute('for', this.$input.attr('id'));
+ }
+ }
+
+ /**
+ * Set placeholder
+ */
+
+ }, {
+ key: "_setPlaceholder",
+ value: function _setPlaceholder() {
+ if (this.chipsData !== undefined && !this.chipsData.length && this.options.placeholder) {
+ $(this.$input).prop('placeholder', this.options.placeholder);
+ } else if ((this.chipsData === undefined || !!this.chipsData.length) && this.options.secondaryPlaceholder) {
+ $(this.$input).prop('placeholder', this.options.secondaryPlaceholder);
+ }
+ }
+
+ /**
+ * Check if chip is valid
+ * @param {chip} chip
+ */
+
+ }, {
+ key: "_isValid",
+ value: function _isValid(chip) {
+ if (chip.hasOwnProperty('tag') && chip.tag !== '') {
+ var exists = false;
+ for (var i = 0; i < this.chipsData.length; i++) {
+ if (this.chipsData[i].tag === chip.tag) {
+ exists = true;
+ break;
+ }
+ }
+ return !exists;
+ }
+
+ return false;
+ }
+
+ /**
+ * Add chip
+ * @param {chip} chip
+ */
+
+ }, {
+ key: "addChip",
+ value: function addChip(chip) {
+ if (!this._isValid(chip) || this.chipsData.length >= this.options.limit) {
+ return;
+ }
+
+ var renderedChip = this._renderChip(chip);
+ this.$chips.add(renderedChip);
+ this.chipsData.push(chip);
+ $(this.$input).before(renderedChip);
+ this._setPlaceholder();
+
+ // fire chipAdd callback
+ if (typeof this.options.onChipAdd === 'function') {
+ this.options.onChipAdd.call(this, this.$el, renderedChip);
+ }
+ }
+
+ /**
+ * Delete chip
+ * @param {Number} chip
+ */
+
+ }, {
+ key: "deleteChip",
+ value: function deleteChip(chipIndex) {
+ var $chip = this.$chips.eq(chipIndex);
+ this.$chips.eq(chipIndex).remove();
+ this.$chips = this.$chips.filter(function (el) {
+ return $(el).index() >= 0;
+ });
+ this.chipsData.splice(chipIndex, 1);
+ this._setPlaceholder();
+
+ // fire chipDelete callback
+ if (typeof this.options.onChipDelete === 'function') {
+ this.options.onChipDelete.call(this, this.$el, $chip[0]);
+ }
+ }
+
+ /**
+ * Select chip
+ * @param {Number} chip
+ */
+
+ }, {
+ key: "selectChip",
+ value: function selectChip(chipIndex) {
+ var $chip = this.$chips.eq(chipIndex);
+ this._selectedChip = $chip;
+ $chip[0].focus();
+
+ // fire chipSelect callback
+ if (typeof this.options.onChipSelect === 'function') {
+ this.options.onChipSelect.call(this, this.$el, $chip[0]);
+ }
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Chips.__proto__ || Object.getPrototypeOf(Chips), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Chips;
+ }
+ }, {
+ key: "_handleChipsKeydown",
+ value: function _handleChipsKeydown(e) {
+ Chips._keydown = true;
+
+ var $chips = $(e.target).closest('.chips');
+ var chipsKeydown = e.target && $chips.length;
+
+ // Don't handle keydown inputs on input and textarea
+ if ($(e.target).is('input, textarea') || !chipsKeydown) {
+ return;
+ }
+
+ var currChips = $chips[0].M_Chips;
+
+ // backspace and delete
+ if (e.keyCode === 8 || e.keyCode === 46) {
+ e.preventDefault();
+
+ var selectIndex = currChips.chipsData.length;
+ if (currChips._selectedChip) {
+ var index = currChips._selectedChip.index();
+ currChips.deleteChip(index);
+ currChips._selectedChip = null;
+
+ // Make sure selectIndex doesn't go negative
+ selectIndex = Math.max(index - 1, 0);
+ }
+
+ if (currChips.chipsData.length) {
+ currChips.selectChip(selectIndex);
+ }
+
+ // left arrow key
+ } else if (e.keyCode === 37) {
+ if (currChips._selectedChip) {
+ var _selectIndex = currChips._selectedChip.index() - 1;
+ if (_selectIndex < 0) {
+ return;
+ }
+ currChips.selectChip(_selectIndex);
+ }
+
+ // right arrow key
+ } else if (e.keyCode === 39) {
+ if (currChips._selectedChip) {
+ var _selectIndex2 = currChips._selectedChip.index() + 1;
+
+ if (_selectIndex2 >= currChips.chipsData.length) {
+ currChips.$input[0].focus();
+ } else {
+ currChips.selectChip(_selectIndex2);
+ }
+ }
+ }
+ }
+
+ /**
+ * Handle Chips Keyup
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleChipsKeyup",
+ value: function _handleChipsKeyup(e) {
+ Chips._keydown = false;
+ }
+
+ /**
+ * Handle Chips Blur
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleChipsBlur",
+ value: function _handleChipsBlur(e) {
+ if (!Chips._keydown) {
+ var $chips = $(e.target).closest('.chips');
+ var currChips = $chips[0].M_Chips;
+
+ currChips._selectedChip = null;
+ }
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Chips;
+ }(Component);
+
+ /**
+ * @static
+ * @memberof Chips
+ */
+
+
+ Chips._keydown = false;
+
+ M.Chips = Chips;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Chips, 'chips', 'M_Chips');
+ }
+
+ $(document).ready(function () {
+ // Handle removal of static chips.
+ $(document.body).on('click', '.chip .close', function () {
+ var $chips = $(this).closest('.chips');
+ if ($chips.length && $chips[0].M_Chips) {
+ return;
+ }
+ $(this).closest('.chip').remove();
+ });
+ });
+})(cash);
+;(function ($) {
+ 'use strict';
+
+ var _defaults = {
+ top: 0,
+ bottom: Infinity,
+ offset: 0,
+ onPositionChange: null
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Pushpin = function (_Component13) {
+ _inherits(Pushpin, _Component13);
+
+ /**
+ * Construct Pushpin instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Pushpin(el, options) {
+ _classCallCheck(this, Pushpin);
+
+ var _this47 = _possibleConstructorReturn(this, (Pushpin.__proto__ || Object.getPrototypeOf(Pushpin)).call(this, Pushpin, el, options));
+
+ _this47.el.M_Pushpin = _this47;
+
+ /**
+ * Options for the modal
+ * @member Pushpin#options
+ */
+ _this47.options = $.extend({}, Pushpin.defaults, options);
+
+ _this47.originalOffset = _this47.el.offsetTop;
+ Pushpin._pushpins.push(_this47);
+ _this47._setupEventHandlers();
+ _this47._updatePosition();
+ return _this47;
+ }
+
+ _createClass(Pushpin, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this.el.style.top = null;
+ this._removePinClasses();
+ this._removeEventHandlers();
+
+ // Remove pushpin Inst
+ var index = Pushpin._pushpins.indexOf(this);
+ Pushpin._pushpins.splice(index, 1);
+ }
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ document.addEventListener('scroll', Pushpin._updateElements);
+ }
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ document.removeEventListener('scroll', Pushpin._updateElements);
+ }
+ }, {
+ key: "_updatePosition",
+ value: function _updatePosition() {
+ var scrolled = M.getDocumentScrollTop() + this.options.offset;
+
+ if (this.options.top <= scrolled && this.options.bottom >= scrolled && !this.el.classList.contains('pinned')) {
+ this._removePinClasses();
+ this.el.style.top = this.options.offset + "px";
+ this.el.classList.add('pinned');
+
+ // onPositionChange callback
+ if (typeof this.options.onPositionChange === 'function') {
+ this.options.onPositionChange.call(this, 'pinned');
+ }
+ }
+
+ // Add pin-top (when scrolled position is above top)
+ if (scrolled < this.options.top && !this.el.classList.contains('pin-top')) {
+ this._removePinClasses();
+ this.el.style.top = 0;
+ this.el.classList.add('pin-top');
+
+ // onPositionChange callback
+ if (typeof this.options.onPositionChange === 'function') {
+ this.options.onPositionChange.call(this, 'pin-top');
+ }
+ }
+
+ // Add pin-bottom (when scrolled position is below bottom)
+ if (scrolled > this.options.bottom && !this.el.classList.contains('pin-bottom')) {
+ this._removePinClasses();
+ this.el.classList.add('pin-bottom');
+ this.el.style.top = this.options.bottom - this.originalOffset + "px";
+
+ // onPositionChange callback
+ if (typeof this.options.onPositionChange === 'function') {
+ this.options.onPositionChange.call(this, 'pin-bottom');
+ }
+ }
+ }
+ }, {
+ key: "_removePinClasses",
+ value: function _removePinClasses() {
+ // IE 11 bug (can't remove multiple classes in one line)
+ this.el.classList.remove('pin-top');
+ this.el.classList.remove('pinned');
+ this.el.classList.remove('pin-bottom');
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Pushpin.__proto__ || Object.getPrototypeOf(Pushpin), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Pushpin;
+ }
+ }, {
+ key: "_updateElements",
+ value: function _updateElements() {
+ for (var elIndex in Pushpin._pushpins) {
+ var pInstance = Pushpin._pushpins[elIndex];
+ pInstance._updatePosition();
+ }
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Pushpin;
+ }(Component);
+
+ /**
+ * @static
+ * @memberof Pushpin
+ */
+
+
+ Pushpin._pushpins = [];
+
+ M.Pushpin = Pushpin;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Pushpin, 'pushpin', 'M_Pushpin');
+ }
+})(cash);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ direction: 'top',
+ hoverEnabled: true,
+ toolbarEnabled: false
+ };
+
+ $.fn.reverse = [].reverse;
+
+ /**
+ * @class
+ *
+ */
+
+ var FloatingActionButton = function (_Component14) {
+ _inherits(FloatingActionButton, _Component14);
+
+ /**
+ * Construct FloatingActionButton instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function FloatingActionButton(el, options) {
+ _classCallCheck(this, FloatingActionButton);
+
+ var _this48 = _possibleConstructorReturn(this, (FloatingActionButton.__proto__ || Object.getPrototypeOf(FloatingActionButton)).call(this, FloatingActionButton, el, options));
+
+ _this48.el.M_FloatingActionButton = _this48;
+
+ /**
+ * Options for the fab
+ * @member FloatingActionButton#options
+ * @prop {Boolean} [direction] - Direction fab menu opens
+ * @prop {Boolean} [hoverEnabled=true] - Enable hover vs click
+ * @prop {Boolean} [toolbarEnabled=false] - Enable toolbar transition
+ */
+ _this48.options = $.extend({}, FloatingActionButton.defaults, options);
+
+ _this48.isOpen = false;
+ _this48.$anchor = _this48.$el.children('a').first();
+ _this48.$menu = _this48.$el.children('ul').first();
+ _this48.$floatingBtns = _this48.$el.find('ul .btn-floating');
+ _this48.$floatingBtnsReverse = _this48.$el.find('ul .btn-floating').reverse();
+ _this48.offsetY = 0;
+ _this48.offsetX = 0;
+
+ _this48.$el.addClass("direction-" + _this48.options.direction);
+ if (_this48.options.direction === 'top') {
+ _this48.offsetY = 40;
+ } else if (_this48.options.direction === 'right') {
+ _this48.offsetX = -40;
+ } else if (_this48.options.direction === 'bottom') {
+ _this48.offsetY = -40;
+ } else {
+ _this48.offsetX = 40;
+ }
+ _this48._setupEventHandlers();
+ return _this48;
+ }
+
+ _createClass(FloatingActionButton, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this.el.M_FloatingActionButton = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleFABClickBound = this._handleFABClick.bind(this);
+ this._handleOpenBound = this.open.bind(this);
+ this._handleCloseBound = this.close.bind(this);
+
+ if (this.options.hoverEnabled && !this.options.toolbarEnabled) {
+ this.el.addEventListener('mouseenter', this._handleOpenBound);
+ this.el.addEventListener('mouseleave', this._handleCloseBound);
+ } else {
+ this.el.addEventListener('click', this._handleFABClickBound);
+ }
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ if (this.options.hoverEnabled && !this.options.toolbarEnabled) {
+ this.el.removeEventListener('mouseenter', this._handleOpenBound);
+ this.el.removeEventListener('mouseleave', this._handleCloseBound);
+ } else {
+ this.el.removeEventListener('click', this._handleFABClickBound);
+ }
+ }
+
+ /**
+ * Handle FAB Click
+ */
+
+ }, {
+ key: "_handleFABClick",
+ value: function _handleFABClick() {
+ if (this.isOpen) {
+ this.close();
+ } else {
+ this.open();
+ }
+ }
+
+ /**
+ * Handle Document Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleDocumentClick",
+ value: function _handleDocumentClick(e) {
+ if (!$(e.target).closest(this.$menu).length) {
+ this.close();
+ }
+ }
+
+ /**
+ * Open FAB
+ */
+
+ }, {
+ key: "open",
+ value: function open() {
+ if (this.isOpen) {
+ return;
+ }
+
+ if (this.options.toolbarEnabled) {
+ this._animateInToolbar();
+ } else {
+ this._animateInFAB();
+ }
+ this.isOpen = true;
+ }
+
+ /**
+ * Close FAB
+ */
+
+ }, {
+ key: "close",
+ value: function close() {
+ if (!this.isOpen) {
+ return;
+ }
+
+ if (this.options.toolbarEnabled) {
+ window.removeEventListener('scroll', this._handleCloseBound, true);
+ document.body.removeEventListener('click', this._handleDocumentClickBound, true);
+ this._animateOutToolbar();
+ } else {
+ this._animateOutFAB();
+ }
+ this.isOpen = false;
+ }
+
+ /**
+ * Classic FAB Menu open
+ */
+
+ }, {
+ key: "_animateInFAB",
+ value: function _animateInFAB() {
+ var _this49 = this;
+
+ this.$el.addClass('active');
+
+ var time = 0;
+ this.$floatingBtnsReverse.each(function (el) {
+ anim({
+ targets: el,
+ opacity: 1,
+ scale: [0.4, 1],
+ translateY: [_this49.offsetY, 0],
+ translateX: [_this49.offsetX, 0],
+ duration: 275,
+ delay: time,
+ easing: 'easeInOutQuad'
+ });
+ time += 40;
+ });
+ }
+
+ /**
+ * Classic FAB Menu close
+ */
+
+ }, {
+ key: "_animateOutFAB",
+ value: function _animateOutFAB() {
+ var _this50 = this;
+
+ this.$floatingBtnsReverse.each(function (el) {
+ anim.remove(el);
+ anim({
+ targets: el,
+ opacity: 0,
+ scale: 0.4,
+ translateY: _this50.offsetY,
+ translateX: _this50.offsetX,
+ duration: 175,
+ easing: 'easeOutQuad',
+ complete: function () {
+ _this50.$el.removeClass('active');
+ }
+ });
+ });
+ }
+
+ /**
+ * Toolbar transition Menu open
+ */
+
+ }, {
+ key: "_animateInToolbar",
+ value: function _animateInToolbar() {
+ var _this51 = this;
+
+ var scaleFactor = void 0;
+ var windowWidth = window.innerWidth;
+ var windowHeight = window.innerHeight;
+ var btnRect = this.el.getBoundingClientRect();
+ var backdrop = $('<div class="fab-backdrop"></div>');
+ var fabColor = this.$anchor.css('background-color');
+ this.$anchor.append(backdrop);
+
+ this.offsetX = btnRect.left - windowWidth / 2 + btnRect.width / 2;
+ this.offsetY = windowHeight - btnRect.bottom;
+ scaleFactor = windowWidth / backdrop[0].clientWidth;
+ this.btnBottom = btnRect.bottom;
+ this.btnLeft = btnRect.left;
+ this.btnWidth = btnRect.width;
+
+ // Set initial state
+ this.$el.addClass('active');
+ this.$el.css({
+ 'text-align': 'center',
+ width: '100%',
+ bottom: 0,
+ left: 0,
+ transform: 'translateX(' + this.offsetX + 'px)',
+ transition: 'none'
+ });
+ this.$anchor.css({
+ transform: 'translateY(' + -this.offsetY + 'px)',
+ transition: 'none'
+ });
+ backdrop.css({
+ 'background-color': fabColor
+ });
+
+ setTimeout(function () {
+ _this51.$el.css({
+ transform: '',
+ transition: 'transform .2s cubic-bezier(0.550, 0.085, 0.680, 0.530), background-color 0s linear .2s'
+ });
+ _this51.$anchor.css({
+ overflow: 'visible',
+ transform: '',
+ transition: 'transform .2s'
+ });
+
+ setTimeout(function () {
+ _this51.$el.css({
+ overflow: 'hidden',
+ 'background-color': fabColor
+ });
+ backdrop.css({
+ transform: 'scale(' + scaleFactor + ')',
+ transition: 'transform .2s cubic-bezier(0.550, 0.055, 0.675, 0.190)'
+ });
+ _this51.$menu.children('li').children('a').css({
+ opacity: 1
+ });
+
+ // Scroll to close.
+ _this51._handleDocumentClickBound = _this51._handleDocumentClick.bind(_this51);
+ window.addEventListener('scroll', _this51._handleCloseBound, true);
+ document.body.addEventListener('click', _this51._handleDocumentClickBound, true);
+ }, 100);
+ }, 0);
+ }
+
+ /**
+ * Toolbar transition Menu close
+ */
+
+ }, {
+ key: "_animateOutToolbar",
+ value: function _animateOutToolbar() {
+ var _this52 = this;
+
+ var windowWidth = window.innerWidth;
+ var windowHeight = window.innerHeight;
+ var backdrop = this.$el.find('.fab-backdrop');
+ var fabColor = this.$anchor.css('background-color');
+
+ this.offsetX = this.btnLeft - windowWidth / 2 + this.btnWidth / 2;
+ this.offsetY = windowHeight - this.btnBottom;
+
+ // Hide backdrop
+ this.$el.removeClass('active');
+ this.$el.css({
+ 'background-color': 'transparent',
+ transition: 'none'
+ });
+ this.$anchor.css({
+ transition: 'none'
+ });
+ backdrop.css({
+ transform: 'scale(0)',
+ 'background-color': fabColor
+ });
+ this.$menu.children('li').children('a').css({
+ opacity: ''
+ });
+
+ setTimeout(function () {
+ backdrop.remove();
+
+ // Set initial state.
+ _this52.$el.css({
+ 'text-align': '',
+ width: '',
+ bottom: '',
+ left: '',
+ overflow: '',
+ 'background-color': '',
+ transform: 'translate3d(' + -_this52.offsetX + 'px,0,0)'
+ });
+ _this52.$anchor.css({
+ overflow: '',
+ transform: 'translate3d(0,' + _this52.offsetY + 'px,0)'
+ });
+
+ setTimeout(function () {
+ _this52.$el.css({
+ transform: 'translate3d(0,0,0)',
+ transition: 'transform .2s'
+ });
+ _this52.$anchor.css({
+ transform: 'translate3d(0,0,0)',
+ transition: 'transform .2s cubic-bezier(0.550, 0.055, 0.675, 0.190)'
+ });
+ }, 20);
+ }, 200);
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(FloatingActionButton.__proto__ || Object.getPrototypeOf(FloatingActionButton), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_FloatingActionButton;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return FloatingActionButton;
+ }(Component);
+
+ M.FloatingActionButton = FloatingActionButton;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(FloatingActionButton, 'floatingActionButton', 'M_FloatingActionButton');
+ }
+})(cash, M.anime);
+;(function ($) {
+ 'use strict';
+
+ var _defaults = {
+ // Close when date is selected
+ autoClose: false,
+
+ // the default output format for the input field value
+ format: 'mmm dd, yyyy',
+
+ // Used to create date object from current input string
+ parse: null,
+
+ // The initial date to view when first opened
+ defaultDate: null,
+
+ // Make the `defaultDate` the initial selected value
+ setDefaultDate: false,
+
+ disableWeekends: false,
+
+ disableDayFn: null,
+
+ // First day of week (0: Sunday, 1: Monday etc)
+ firstDay: 0,
+
+ // The earliest date that can be selected
+ minDate: null,
+ // Thelatest date that can be selected
+ maxDate: null,
+
+ // Number of years either side, or array of upper/lower range
+ yearRange: 10,
+
+ // used internally (don't config outside)
+ minYear: 0,
+ maxYear: 9999,
+ minMonth: undefined,
+ maxMonth: undefined,
+
+ startRange: null,
+ endRange: null,
+
+ isRTL: false,
+
+ // Render the month after year in the calendar title
+ showMonthAfterYear: false,
+
+ // Render days of the calendar grid that fall in the next or previous month
+ showDaysInNextAndPreviousMonths: false,
+
+ // Specify a DOM element to render the calendar in
+ container: null,
+
+ // Show clear button
+ showClearBtn: false,
+
+ // internationalization
+ i18n: {
+ cancel: 'Cancel',
+ clear: 'Clear',
+ done: 'Ok',
+ previousMonth: '‹',
+ nextMonth: '›',
+ months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+ monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+ weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+ weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+ weekdaysAbbrev: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
+ },
+
+ // events array
+ events: [],
+
+ // callback function
+ onSelect: null,
+ onOpen: null,
+ onClose: null,
+ onDraw: null
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Datepicker = function (_Component15) {
+ _inherits(Datepicker, _Component15);
+
+ /**
+ * Construct Datepicker instance and set up overlay
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Datepicker(el, options) {
+ _classCallCheck(this, Datepicker);
+
+ var _this53 = _possibleConstructorReturn(this, (Datepicker.__proto__ || Object.getPrototypeOf(Datepicker)).call(this, Datepicker, el, options));
+
+ _this53.el.M_Datepicker = _this53;
+
+ _this53.options = $.extend({}, Datepicker.defaults, options);
+
+ // make sure i18n defaults are not lost when only few i18n option properties are passed
+ if (!!options && options.hasOwnProperty('i18n') && typeof options.i18n === 'object') {
+ _this53.options.i18n = $.extend({}, Datepicker.defaults.i18n, options.i18n);
+ }
+
+ // Remove time component from minDate and maxDate options
+ if (_this53.options.minDate) _this53.options.minDate.setHours(0, 0, 0, 0);
+ if (_this53.options.maxDate) _this53.options.maxDate.setHours(0, 0, 0, 0);
+
+ _this53.id = M.guid();
+
+ _this53._setupVariables();
+ _this53._insertHTMLIntoDOM();
+ _this53._setupModal();
+
+ _this53._setupEventHandlers();
+
+ if (!_this53.options.defaultDate) {
+ _this53.options.defaultDate = new Date(Date.parse(_this53.el.value));
+ }
+
+ var defDate = _this53.options.defaultDate;
+ if (Datepicker._isDate(defDate)) {
+ if (_this53.options.setDefaultDate) {
+ _this53.setDate(defDate, true);
+ _this53.setInputValue();
+ } else {
+ _this53.gotoDate(defDate);
+ }
+ } else {
+ _this53.gotoDate(new Date());
+ }
+
+ /**
+ * Describes open/close state of datepicker
+ * @type {Boolean}
+ */
+ _this53.isOpen = false;
+ return _this53;
+ }
+
+ _createClass(Datepicker, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this.modal.destroy();
+ $(this.modalEl).remove();
+ this.destroySelects();
+ this.el.M_Datepicker = undefined;
+ }
+ }, {
+ key: "destroySelects",
+ value: function destroySelects() {
+ var oldYearSelect = this.calendarEl.querySelector('.orig-select-year');
+ if (oldYearSelect) {
+ M.FormSelect.getInstance(oldYearSelect).destroy();
+ }
+ var oldMonthSelect = this.calendarEl.querySelector('.orig-select-month');
+ if (oldMonthSelect) {
+ M.FormSelect.getInstance(oldMonthSelect).destroy();
+ }
+ }
+ }, {
+ key: "_insertHTMLIntoDOM",
+ value: function _insertHTMLIntoDOM() {
+ if (this.options.showClearBtn) {
+ $(this.clearBtn).css({ visibility: '' });
+ this.clearBtn.innerHTML = this.options.i18n.clear;
+ }
+
+ this.doneBtn.innerHTML = this.options.i18n.done;
+ this.cancelBtn.innerHTML = this.options.i18n.cancel;
+
+ if (this.options.container) {
+ this.$modalEl.appendTo(this.options.container);
+ } else {
+ this.$modalEl.insertBefore(this.el);
+ }
+ }
+ }, {
+ key: "_setupModal",
+ value: function _setupModal() {
+ var _this54 = this;
+
+ this.modalEl.id = 'modal-' + this.id;
+ this.modal = M.Modal.init(this.modalEl, {
+ onCloseEnd: function () {
+ _this54.isOpen = false;
+ }
+ });
+ }
+ }, {
+ key: "toString",
+ value: function toString(format) {
+ var _this55 = this;
+
+ format = format || this.options.format;
+ if (!Datepicker._isDate(this.date)) {
+ return '';
+ }
+
+ var formatArray = format.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g);
+ var formattedDate = formatArray.map(function (label) {
+ if (_this55.formats[label]) {
+ return _this55.formats[label]();
+ }
+
+ return label;
+ }).join('');
+ return formattedDate;
+ }
+ }, {
+ key: "setDate",
+ value: function setDate(date, preventOnSelect) {
+ if (!date) {
+ this.date = null;
+ this._renderDateDisplay();
+ return this.draw();
+ }
+ if (typeof date === 'string') {
+ date = new Date(Date.parse(date));
+ }
+ if (!Datepicker._isDate(date)) {
+ return;
+ }
+
+ var min = this.options.minDate,
+ max = this.options.maxDate;
+
+ if (Datepicker._isDate(min) && date < min) {
+ date = min;
+ } else if (Datepicker._isDate(max) && date > max) {
+ date = max;
+ }
+
+ this.date = new Date(date.getTime());
+
+ this._renderDateDisplay();
+
+ Datepicker._setToStartOfDay(this.date);
+ this.gotoDate(this.date);
+
+ if (!preventOnSelect && typeof this.options.onSelect === 'function') {
+ this.options.onSelect.call(this, this.date);
+ }
+ }
+ }, {
+ key: "setInputValue",
+ value: function setInputValue() {
+ this.el.value = this.toString();
+ this.$el.trigger('change', { firedBy: this });
+ }
+ }, {
+ key: "_renderDateDisplay",
+ value: function _renderDateDisplay() {
+ var displayDate = Datepicker._isDate(this.date) ? this.date : new Date();
+ var i18n = this.options.i18n;
+ var day = i18n.weekdaysShort[displayDate.getDay()];
+ var month = i18n.monthsShort[displayDate.getMonth()];
+ var date = displayDate.getDate();
+ this.yearTextEl.innerHTML = displayDate.getFullYear();
+ this.dateTextEl.innerHTML = day + ", " + month + " " + date;
+ }
+
+ /**
+ * change view to a specific date
+ */
+
+ }, {
+ key: "gotoDate",
+ value: function gotoDate(date) {
+ var newCalendar = true;
+
+ if (!Datepicker._isDate(date)) {
+ return;
+ }
+
+ if (this.calendars) {
+ var firstVisibleDate = new Date(this.calendars[0].year, this.calendars[0].month, 1),
+ lastVisibleDate = new Date(this.calendars[this.calendars.length - 1].year, this.calendars[this.calendars.length - 1].month, 1),
+ visibleDate = date.getTime();
+ // get the end of the month
+ lastVisibleDate.setMonth(lastVisibleDate.getMonth() + 1);
+ lastVisibleDate.setDate(lastVisibleDate.getDate() - 1);
+ newCalendar = visibleDate < firstVisibleDate.getTime() || lastVisibleDate.getTime() < visibleDate;
+ }
+
+ if (newCalendar) {
+ this.calendars = [{
+ month: date.getMonth(),
+ year: date.getFullYear()
+ }];
+ }
+
+ this.adjustCalendars();
+ }
+ }, {
+ key: "adjustCalendars",
+ value: function adjustCalendars() {
+ this.calendars[0] = this.adjustCalendar(this.calendars[0]);
+ this.draw();
+ }
+ }, {
+ key: "adjustCalendar",
+ value: function adjustCalendar(calendar) {
+ if (calendar.month < 0) {
+ calendar.year -= Math.ceil(Math.abs(calendar.month) / 12);
+ calendar.month += 12;
+ }
+ if (calendar.month > 11) {
+ calendar.year += Math.floor(Math.abs(calendar.month) / 12);
+ calendar.month -= 12;
+ }
+ return calendar;
+ }
+ }, {
+ key: "nextMonth",
+ value: function nextMonth() {
+ this.calendars[0].month++;
+ this.adjustCalendars();
+ }
+ }, {
+ key: "prevMonth",
+ value: function prevMonth() {
+ this.calendars[0].month--;
+ this.adjustCalendars();
+ }
+ }, {
+ key: "render",
+ value: function render(year, month, randId) {
+ var opts = this.options,
+ now = new Date(),
+ days = Datepicker._getDaysInMonth(year, month),
+ before = new Date(year, month, 1).getDay(),
+ data = [],
+ row = [];
+ Datepicker._setToStartOfDay(now);
+ if (opts.firstDay > 0) {
+ before -= opts.firstDay;
+ if (before < 0) {
+ before += 7;
+ }
+ }
+ var previousMonth = month === 0 ? 11 : month - 1,
+ nextMonth = month === 11 ? 0 : month + 1,
+ yearOfPreviousMonth = month === 0 ? year - 1 : year,
+ yearOfNextMonth = month === 11 ? year + 1 : year,
+ daysInPreviousMonth = Datepicker._getDaysInMonth(yearOfPreviousMonth, previousMonth);
+ var cells = days + before,
+ after = cells;
+ while (after > 7) {
+ after -= 7;
+ }
+ cells += 7 - after;
+ var isWeekSelected = false;
+ for (var i = 0, r = 0; i < cells; i++) {
+ var day = new Date(year, month, 1 + (i - before)),
+ isSelected = Datepicker._isDate(this.date) ? Datepicker._compareDates(day, this.date) : false,
+ isToday = Datepicker._compareDates(day, now),
+ hasEvent = opts.events.indexOf(day.toDateString()) !== -1 ? true : false,
+ isEmpty = i < before || i >= days + before,
+ dayNumber = 1 + (i - before),
+ monthNumber = month,
+ yearNumber = year,
+ isStartRange = opts.startRange && Datepicker._compareDates(opts.startRange, day),
+ isEndRange = opts.endRange && Datepicker._compareDates(opts.endRange, day),
+ isInRange = opts.startRange && opts.endRange && opts.startRange < day && day < opts.endRange,
+ isDisabled = opts.minDate && day < opts.minDate || opts.maxDate && day > opts.maxDate || opts.disableWeekends && Datepicker._isWeekend(day) || opts.disableDayFn && opts.disableDayFn(day);
+
+ if (isEmpty) {
+ if (i < before) {
+ dayNumber = daysInPreviousMonth + dayNumber;
+ monthNumber = previousMonth;
+ yearNumber = yearOfPreviousMonth;
+ } else {
+ dayNumber = dayNumber - days;
+ monthNumber = nextMonth;
+ yearNumber = yearOfNextMonth;
+ }
+ }
+
+ var dayConfig = {
+ day: dayNumber,
+ month: monthNumber,
+ year: yearNumber,
+ hasEvent: hasEvent,
+ isSelected: isSelected,
+ isToday: isToday,
+ isDisabled: isDisabled,
+ isEmpty: isEmpty,
+ isStartRange: isStartRange,
+ isEndRange: isEndRange,
+ isInRange: isInRange,
+ showDaysInNextAndPreviousMonths: opts.showDaysInNextAndPreviousMonths
+ };
+
+ row.push(this.renderDay(dayConfig));
+
+ if (++r === 7) {
+ data.push(this.renderRow(row, opts.isRTL, isWeekSelected));
+ row = [];
+ r = 0;
+ isWeekSelected = false;
+ }
+ }
+ return this.renderTable(opts, data, randId);
+ }
+ }, {
+ key: "renderDay",
+ value: function renderDay(opts) {
+ var arr = [];
+ var ariaSelected = 'false';
+ if (opts.isEmpty) {
+ if (opts.showDaysInNextAndPreviousMonths) {
+ arr.push('is-outside-current-month');
+ arr.push('is-selection-disabled');
+ } else {
+ return '<td class="is-empty"></td>';
+ }
+ }
+ if (opts.isDisabled) {
+ arr.push('is-disabled');
+ }
+
+ if (opts.isToday) {
+ arr.push('is-today');
+ }
+ if (opts.isSelected) {
+ arr.push('is-selected');
+ ariaSelected = 'true';
+ }
+ if (opts.hasEvent) {
+ arr.push('has-event');
+ }
+ if (opts.isInRange) {
+ arr.push('is-inrange');
+ }
+ if (opts.isStartRange) {
+ arr.push('is-startrange');
+ }
+ if (opts.isEndRange) {
+ arr.push('is-endrange');
+ }
+ return "<td data-day=\"" + opts.day + "\" class=\"" + arr.join(' ') + "\" aria-selected=\"" + ariaSelected + "\">" + ("<button class=\"datepicker-day-button\" type=\"button\" data-year=\"" + opts.year + "\" data-month=\"" + opts.month + "\" data-day=\"" + opts.day + "\">" + opts.day + "</button>") + '</td>';
+ }
+ }, {
+ key: "renderRow",
+ value: function renderRow(days, isRTL, isRowSelected) {
+ return '<tr class="datepicker-row' + (isRowSelected ? ' is-selected' : '') + '">' + (isRTL ? days.reverse() : days).join('') + '</tr>';
+ }
+ }, {
+ key: "renderTable",
+ value: function renderTable(opts, data, randId) {
+ return '<div class="datepicker-table-wrapper"><table cellpadding="0" cellspacing="0" class="datepicker-table" role="grid" aria-labelledby="' + randId + '">' + this.renderHead(opts) + this.renderBody(data) + '</table></div>';
+ }
+ }, {
+ key: "renderHead",
+ value: function renderHead(opts) {
+ var i = void 0,
+ arr = [];
+ for (i = 0; i < 7; i++) {
+ arr.push("<th scope=\"col\"><abbr title=\"" + this.renderDayName(opts, i) + "\">" + this.renderDayName(opts, i, true) + "</abbr></th>");
+ }
+ return '<thead><tr>' + (opts.isRTL ? arr.reverse() : arr).join('') + '</tr></thead>';
+ }
+ }, {
+ key: "renderBody",
+ value: function renderBody(rows) {
+ return '<tbody>' + rows.join('') + '</tbody>';
+ }
+ }, {
+ key: "renderTitle",
+ value: function renderTitle(instance, c, year, month, refYear, randId) {
+ var i = void 0,
+ j = void 0,
+ arr = void 0,
+ opts = this.options,
+ isMinYear = year === opts.minYear,
+ isMaxYear = year === opts.maxYear,
+ html = '<div id="' + randId + '" class="datepicker-controls" role="heading" aria-live="assertive">',
+ monthHtml = void 0,
+ yearHtml = void 0,
+ prev = true,
+ next = true;
+
+ for (arr = [], i = 0; i < 12; i++) {
+ arr.push('<option value="' + (year === refYear ? i - c : 12 + i - c) + '"' + (i === month ? ' selected="selected"' : '') + (isMinYear && i < opts.minMonth || isMaxYear && i > opts.maxMonth ? 'disabled="disabled"' : '') + '>' + opts.i18n.months[i] + '</option>');
+ }
+
+ monthHtml = '<select class="datepicker-select orig-select-month" tabindex="-1">' + arr.join('') + '</select>';
+
+ if ($.isArray(opts.yearRange)) {
+ i = opts.yearRange[0];
+ j = opts.yearRange[1] + 1;
+ } else {
+ i = year - opts.yearRange;
+ j = 1 + year + opts.yearRange;
+ }
+
+ for (arr = []; i < j && i <= opts.maxYear; i++) {
+ if (i >= opts.minYear) {
+ arr.push("<option value=\"" + i + "\" " + (i === year ? 'selected="selected"' : '') + ">" + i + "</option>");
+ }
+ }
+
+ yearHtml = "<select class=\"datepicker-select orig-select-year\" tabindex=\"-1\">" + arr.join('') + "</select>";
+
+ var leftArrow = '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/><path d="M0-.5h24v24H0z" fill="none"/></svg>';
+ html += "<button class=\"month-prev" + (prev ? '' : ' is-disabled') + "\" type=\"button\">" + leftArrow + "</button>";
+
+ html += '<div class="selects-container">';
+ if (opts.showMonthAfterYear) {
+ html += yearHtml + monthHtml;
+ } else {
+ html += monthHtml + yearHtml;
+ }
+ html += '</div>';
+
+ if (isMinYear && (month === 0 || opts.minMonth >= month)) {
+ prev = false;
+ }
+
+ if (isMaxYear && (month === 11 || opts.maxMonth <= month)) {
+ next = false;
+ }
+
+ var rightArrow = '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M0-.25h24v24H0z" fill="none"/></svg>';
+ html += "<button class=\"month-next" + (next ? '' : ' is-disabled') + "\" type=\"button\">" + rightArrow + "</button>";
+
+ return html += '</div>';
+ }
+
+ /**
+ * refresh the HTML
+ */
+
+ }, {
+ key: "draw",
+ value: function draw(force) {
+ if (!this.isOpen && !force) {
+ return;
+ }
+ var opts = this.options,
+ minYear = opts.minYear,
+ maxYear = opts.maxYear,
+ minMonth = opts.minMonth,
+ maxMonth = opts.maxMonth,
+ html = '',
+ randId = void 0;
+
+ if (this._y <= minYear) {
+ this._y = minYear;
+ if (!isNaN(minMonth) && this._m < minMonth) {
+ this._m = minMonth;
+ }
+ }
+ if (this._y >= maxYear) {
+ this._y = maxYear;
+ if (!isNaN(maxMonth) && this._m > maxMonth) {
+ this._m = maxMonth;
+ }
+ }
+
+ randId = 'datepicker-title-' + Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 2);
+
+ for (var c = 0; c < 1; c++) {
+ this._renderDateDisplay();
+ html += this.renderTitle(this, c, this.calendars[c].year, this.calendars[c].month, this.calendars[0].year, randId) + this.render(this.calendars[c].year, this.calendars[c].month, randId);
+ }
+
+ this.destroySelects();
+
+ this.calendarEl.innerHTML = html;
+
+ // Init Materialize Select
+ var yearSelect = this.calendarEl.querySelector('.orig-select-year');
+ var monthSelect = this.calendarEl.querySelector('.orig-select-month');
+ M.FormSelect.init(yearSelect, {
+ classes: 'select-year',
+ dropdownOptions: { container: document.body, constrainWidth: false }
+ });
+ M.FormSelect.init(monthSelect, {
+ classes: 'select-month',
+ dropdownOptions: { container: document.body, constrainWidth: false }
+ });
+
+ // Add change handlers for select
+ yearSelect.addEventListener('change', this._handleYearChange.bind(this));
+ monthSelect.addEventListener('change', this._handleMonthChange.bind(this));
+
+ if (typeof this.options.onDraw === 'function') {
+ this.options.onDraw(this);
+ }
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleInputKeydownBound = this._handleInputKeydown.bind(this);
+ this._handleInputClickBound = this._handleInputClick.bind(this);
+ this._handleInputChangeBound = this._handleInputChange.bind(this);
+ this._handleCalendarClickBound = this._handleCalendarClick.bind(this);
+ this._finishSelectionBound = this._finishSelection.bind(this);
+ this._handleMonthChange = this._handleMonthChange.bind(this);
+ this._closeBound = this.close.bind(this);
+
+ this.el.addEventListener('click', this._handleInputClickBound);
+ this.el.addEventListener('keydown', this._handleInputKeydownBound);
+ this.el.addEventListener('change', this._handleInputChangeBound);
+ this.calendarEl.addEventListener('click', this._handleCalendarClickBound);
+ this.doneBtn.addEventListener('click', this._finishSelectionBound);
+ this.cancelBtn.addEventListener('click', this._closeBound);
+
+ if (this.options.showClearBtn) {
+ this._handleClearClickBound = this._handleClearClick.bind(this);
+ this.clearBtn.addEventListener('click', this._handleClearClickBound);
+ }
+ }
+ }, {
+ key: "_setupVariables",
+ value: function _setupVariables() {
+ var _this56 = this;
+
+ this.$modalEl = $(Datepicker._template);
+ this.modalEl = this.$modalEl[0];
+
+ this.calendarEl = this.modalEl.querySelector('.datepicker-calendar');
+
+ this.yearTextEl = this.modalEl.querySelector('.year-text');
+ this.dateTextEl = this.modalEl.querySelector('.date-text');
+ if (this.options.showClearBtn) {
+ this.clearBtn = this.modalEl.querySelector('.datepicker-clear');
+ }
+ this.doneBtn = this.modalEl.querySelector('.datepicker-done');
+ this.cancelBtn = this.modalEl.querySelector('.datepicker-cancel');
+
+ this.formats = {
+ d: function () {
+ return _this56.date.getDate();
+ },
+ dd: function () {
+ var d = _this56.date.getDate();
+ return (d < 10 ? '0' : '') + d;
+ },
+ ddd: function () {
+ return _this56.options.i18n.weekdaysShort[_this56.date.getDay()];
+ },
+ dddd: function () {
+ return _this56.options.i18n.weekdays[_this56.date.getDay()];
+ },
+ m: function () {
+ return _this56.date.getMonth() + 1;
+ },
+ mm: function () {
+ var m = _this56.date.getMonth() + 1;
+ return (m < 10 ? '0' : '') + m;
+ },
+ mmm: function () {
+ return _this56.options.i18n.monthsShort[_this56.date.getMonth()];
+ },
+ mmmm: function () {
+ return _this56.options.i18n.months[_this56.date.getMonth()];
+ },
+ yy: function () {
+ return ('' + _this56.date.getFullYear()).slice(2);
+ },
+ yyyy: function () {
+ return _this56.date.getFullYear();
+ }
+ };
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('click', this._handleInputClickBound);
+ this.el.removeEventListener('keydown', this._handleInputKeydownBound);
+ this.el.removeEventListener('change', this._handleInputChangeBound);
+ this.calendarEl.removeEventListener('click', this._handleCalendarClickBound);
+ }
+ }, {
+ key: "_handleInputClick",
+ value: function _handleInputClick() {
+ this.open();
+ }
+ }, {
+ key: "_handleInputKeydown",
+ value: function _handleInputKeydown(e) {
+ if (e.which === M.keys.ENTER) {
+ e.preventDefault();
+ this.open();
+ }
+ }
+ }, {
+ key: "_handleCalendarClick",
+ value: function _handleCalendarClick(e) {
+ if (!this.isOpen) {
+ return;
+ }
+
+ var $target = $(e.target);
+ if (!$target.hasClass('is-disabled')) {
+ if ($target.hasClass('datepicker-day-button') && !$target.hasClass('is-empty') && !$target.parent().hasClass('is-disabled')) {
+ this.setDate(new Date(e.target.getAttribute('data-year'), e.target.getAttribute('data-month'), e.target.getAttribute('data-day')));
+ if (this.options.autoClose) {
+ this._finishSelection();
+ }
+ } else if ($target.closest('.month-prev').length) {
+ this.prevMonth();
+ } else if ($target.closest('.month-next').length) {
+ this.nextMonth();
+ }
+ }
+ }
+ }, {
+ key: "_handleClearClick",
+ value: function _handleClearClick() {
+ this.date = null;
+ this.setInputValue();
+ this.close();
+ }
+ }, {
+ key: "_handleMonthChange",
+ value: function _handleMonthChange(e) {
+ this.gotoMonth(e.target.value);
+ }
+ }, {
+ key: "_handleYearChange",
+ value: function _handleYearChange(e) {
+ this.gotoYear(e.target.value);
+ }
+
+ /**
+ * change view to a specific month (zero-index, e.g. 0: January)
+ */
+
+ }, {
+ key: "gotoMonth",
+ value: function gotoMonth(month) {
+ if (!isNaN(month)) {
+ this.calendars[0].month = parseInt(month, 10);
+ this.adjustCalendars();
+ }
+ }
+
+ /**
+ * change view to a specific full year (e.g. "2012")
+ */
+
+ }, {
+ key: "gotoYear",
+ value: function gotoYear(year) {
+ if (!isNaN(year)) {
+ this.calendars[0].year = parseInt(year, 10);
+ this.adjustCalendars();
+ }
+ }
+ }, {
+ key: "_handleInputChange",
+ value: function _handleInputChange(e) {
+ var date = void 0;
+
+ // Prevent change event from being fired when triggered by the plugin
+ if (e.firedBy === this) {
+ return;
+ }
+ if (this.options.parse) {
+ date = this.options.parse(this.el.value, this.options.format);
+ } else {
+ date = new Date(Date.parse(this.el.value));
+ }
+
+ if (Datepicker._isDate(date)) {
+ this.setDate(date);
+ }
+ }
+ }, {
+ key: "renderDayName",
+ value: function renderDayName(opts, day, abbr) {
+ day += opts.firstDay;
+ while (day >= 7) {
+ day -= 7;
+ }
+ return abbr ? opts.i18n.weekdaysAbbrev[day] : opts.i18n.weekdays[day];
+ }
+
+ /**
+ * Set input value to the selected date and close Datepicker
+ */
+
+ }, {
+ key: "_finishSelection",
+ value: function _finishSelection() {
+ this.setInputValue();
+ this.close();
+ }
+
+ /**
+ * Open Datepicker
+ */
+
+ }, {
+ key: "open",
+ value: function open() {
+ if (this.isOpen) {
+ return;
+ }
+
+ this.isOpen = true;
+ if (typeof this.options.onOpen === 'function') {
+ this.options.onOpen.call(this);
+ }
+ this.draw();
+ this.modal.open();
+ return this;
+ }
+
+ /**
+ * Close Datepicker
+ */
+
+ }, {
+ key: "close",
+ value: function close() {
+ if (!this.isOpen) {
+ return;
+ }
+
+ this.isOpen = false;
+ if (typeof this.options.onClose === 'function') {
+ this.options.onClose.call(this);
+ }
+ this.modal.close();
+ return this;
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Datepicker.__proto__ || Object.getPrototypeOf(Datepicker), "init", this).call(this, this, els, options);
+ }
+ }, {
+ key: "_isDate",
+ value: function _isDate(obj) {
+ return (/Date/.test(Object.prototype.toString.call(obj)) && !isNaN(obj.getTime())
+ );
+ }
+ }, {
+ key: "_isWeekend",
+ value: function _isWeekend(date) {
+ var day = date.getDay();
+ return day === 0 || day === 6;
+ }
+ }, {
+ key: "_setToStartOfDay",
+ value: function _setToStartOfDay(date) {
+ if (Datepicker._isDate(date)) date.setHours(0, 0, 0, 0);
+ }
+ }, {
+ key: "_getDaysInMonth",
+ value: function _getDaysInMonth(year, month) {
+ return [31, Datepicker._isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
+ }
+ }, {
+ key: "_isLeapYear",
+ value: function _isLeapYear(year) {
+ // solution by Matti Virkkunen: http://stackoverflow.com/a/4881951
+ return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
+ }
+ }, {
+ key: "_compareDates",
+ value: function _compareDates(a, b) {
+ // weak date comparison (use setToStartOfDay(date) to ensure correct result)
+ return a.getTime() === b.getTime();
+ }
+ }, {
+ key: "_setToStartOfDay",
+ value: function _setToStartOfDay(date) {
+ if (Datepicker._isDate(date)) date.setHours(0, 0, 0, 0);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Datepicker;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Datepicker;
+ }(Component);
+
+ Datepicker._template = ['<div class= "modal datepicker-modal">', '<div class="modal-content datepicker-container">', '<div class="datepicker-date-display">', '<span class="year-text"></span>', '<span class="date-text"></span>', '</div>', '<div class="datepicker-calendar-container">', '<div class="datepicker-calendar"></div>', '<div class="datepicker-footer">', '<button class="btn-flat datepicker-clear waves-effect" style="visibility: hidden;" type="button"></button>', '<div class="confirmation-btns">', '<button class="btn-flat datepicker-cancel waves-effect" type="button"></button>', '<button class="btn-flat datepicker-done waves-effect" type="button"></button>', '</div>', '</div>', '</div>', '</div>', '</div>'].join('');
+
+ M.Datepicker = Datepicker;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Datepicker, 'datepicker', 'M_Datepicker');
+ }
+})(cash);
+;(function ($) {
+ 'use strict';
+
+ var _defaults = {
+ dialRadius: 135,
+ outerRadius: 105,
+ innerRadius: 70,
+ tickRadius: 20,
+ duration: 350,
+ container: null,
+ defaultTime: 'now', // default time, 'now' or '13:14' e.g.
+ fromNow: 0, // Millisecond offset from the defaultTime
+ showClearBtn: false,
+
+ // internationalization
+ i18n: {
+ cancel: 'Cancel',
+ clear: 'Clear',
+ done: 'Ok'
+ },
+
+ autoClose: false, // auto close when minute is selected
+ twelveHour: true, // change to 12 hour AM/PM clock from 24 hour
+ vibrate: true, // vibrate the device when dragging clock hand
+
+ // Callbacks
+ onOpenStart: null,
+ onOpenEnd: null,
+ onCloseStart: null,
+ onCloseEnd: null,
+ onSelect: null
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Timepicker = function (_Component16) {
+ _inherits(Timepicker, _Component16);
+
+ function Timepicker(el, options) {
+ _classCallCheck(this, Timepicker);
+
+ var _this57 = _possibleConstructorReturn(this, (Timepicker.__proto__ || Object.getPrototypeOf(Timepicker)).call(this, Timepicker, el, options));
+
+ _this57.el.M_Timepicker = _this57;
+
+ _this57.options = $.extend({}, Timepicker.defaults, options);
+
+ _this57.id = M.guid();
+ _this57._insertHTMLIntoDOM();
+ _this57._setupModal();
+ _this57._setupVariables();
+ _this57._setupEventHandlers();
+
+ _this57._clockSetup();
+ _this57._pickerSetup();
+ return _this57;
+ }
+
+ _createClass(Timepicker, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this.modal.destroy();
+ $(this.modalEl).remove();
+ this.el.M_Timepicker = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleInputKeydownBound = this._handleInputKeydown.bind(this);
+ this._handleInputClickBound = this._handleInputClick.bind(this);
+ this._handleClockClickStartBound = this._handleClockClickStart.bind(this);
+ this._handleDocumentClickMoveBound = this._handleDocumentClickMove.bind(this);
+ this._handleDocumentClickEndBound = this._handleDocumentClickEnd.bind(this);
+
+ this.el.addEventListener('click', this._handleInputClickBound);
+ this.el.addEventListener('keydown', this._handleInputKeydownBound);
+ this.plate.addEventListener('mousedown', this._handleClockClickStartBound);
+ this.plate.addEventListener('touchstart', this._handleClockClickStartBound);
+
+ $(this.spanHours).on('click', this.showView.bind(this, 'hours'));
+ $(this.spanMinutes).on('click', this.showView.bind(this, 'minutes'));
+ }
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('click', this._handleInputClickBound);
+ this.el.removeEventListener('keydown', this._handleInputKeydownBound);
+ }
+ }, {
+ key: "_handleInputClick",
+ value: function _handleInputClick() {
+ this.open();
+ }
+ }, {
+ key: "_handleInputKeydown",
+ value: function _handleInputKeydown(e) {
+ if (e.which === M.keys.ENTER) {
+ e.preventDefault();
+ this.open();
+ }
+ }
+ }, {
+ key: "_handleClockClickStart",
+ value: function _handleClockClickStart(e) {
+ e.preventDefault();
+ var clockPlateBR = this.plate.getBoundingClientRect();
+ var offset = { x: clockPlateBR.left, y: clockPlateBR.top };
+
+ this.x0 = offset.x + this.options.dialRadius;
+ this.y0 = offset.y + this.options.dialRadius;
+ this.moved = false;
+ var clickPos = Timepicker._Pos(e);
+ this.dx = clickPos.x - this.x0;
+ this.dy = clickPos.y - this.y0;
+
+ // Set clock hands
+ this.setHand(this.dx, this.dy, false);
+
+ // Mousemove on document
+ document.addEventListener('mousemove', this._handleDocumentClickMoveBound);
+ document.addEventListener('touchmove', this._handleDocumentClickMoveBound);
+
+ // Mouseup on document
+ document.addEventListener('mouseup', this._handleDocumentClickEndBound);
+ document.addEventListener('touchend', this._handleDocumentClickEndBound);
+ }
+ }, {
+ key: "_handleDocumentClickMove",
+ value: function _handleDocumentClickMove(e) {
+ e.preventDefault();
+ var clickPos = Timepicker._Pos(e);
+ var x = clickPos.x - this.x0;
+ var y = clickPos.y - this.y0;
+ this.moved = true;
+ this.setHand(x, y, false, true);
+ }
+ }, {
+ key: "_handleDocumentClickEnd",
+ value: function _handleDocumentClickEnd(e) {
+ var _this58 = this;
+
+ e.preventDefault();
+ document.removeEventListener('mouseup', this._handleDocumentClickEndBound);
+ document.removeEventListener('touchend', this._handleDocumentClickEndBound);
+ var clickPos = Timepicker._Pos(e);
+ var x = clickPos.x - this.x0;
+ var y = clickPos.y - this.y0;
+ if (this.moved && x === this.dx && y === this.dy) {
+ this.setHand(x, y);
+ }
+
+ if (this.currentView === 'hours') {
+ this.showView('minutes', this.options.duration / 2);
+ } else if (this.options.autoClose) {
+ $(this.minutesView).addClass('timepicker-dial-out');
+ setTimeout(function () {
+ _this58.done();
+ }, this.options.duration / 2);
+ }
+
+ if (typeof this.options.onSelect === 'function') {
+ this.options.onSelect.call(this, this.hours, this.minutes);
+ }
+
+ // Unbind mousemove event
+ document.removeEventListener('mousemove', this._handleDocumentClickMoveBound);
+ document.removeEventListener('touchmove', this._handleDocumentClickMoveBound);
+ }
+ }, {
+ key: "_insertHTMLIntoDOM",
+ value: function _insertHTMLIntoDOM() {
+ this.$modalEl = $(Timepicker._template);
+ this.modalEl = this.$modalEl[0];
+ this.modalEl.id = 'modal-' + this.id;
+
+ // Append popover to input by default
+ var containerEl = document.querySelector(this.options.container);
+ if (this.options.container && !!containerEl) {
+ this.$modalEl.appendTo(containerEl);
+ } else {
+ this.$modalEl.insertBefore(this.el);
+ }
+ }
+ }, {
+ key: "_setupModal",
+ value: function _setupModal() {
+ var _this59 = this;
+
+ this.modal = M.Modal.init(this.modalEl, {
+ onOpenStart: this.options.onOpenStart,
+ onOpenEnd: this.options.onOpenEnd,
+ onCloseStart: this.options.onCloseStart,
+ onCloseEnd: function () {
+ if (typeof _this59.options.onCloseEnd === 'function') {
+ _this59.options.onCloseEnd.call(_this59);
+ }
+ _this59.isOpen = false;
+ }
+ });
+ }
+ }, {
+ key: "_setupVariables",
+ value: function _setupVariables() {
+ this.currentView = 'hours';
+ this.vibrate = navigator.vibrate ? 'vibrate' : navigator.webkitVibrate ? 'webkitVibrate' : null;
+
+ this._canvas = this.modalEl.querySelector('.timepicker-canvas');
+ this.plate = this.modalEl.querySelector('.timepicker-plate');
+
+ this.hoursView = this.modalEl.querySelector('.timepicker-hours');
+ this.minutesView = this.modalEl.querySelector('.timepicker-minutes');
+ this.spanHours = this.modalEl.querySelector('.timepicker-span-hours');
+ this.spanMinutes = this.modalEl.querySelector('.timepicker-span-minutes');
+ this.spanAmPm = this.modalEl.querySelector('.timepicker-span-am-pm');
+ this.footer = this.modalEl.querySelector('.timepicker-footer');
+ this.amOrPm = 'PM';
+ }
+ }, {
+ key: "_pickerSetup",
+ value: function _pickerSetup() {
+ var $clearBtn = $("<button class=\"btn-flat timepicker-clear waves-effect\" style=\"visibility: hidden;\" type=\"button\" tabindex=\"" + (this.options.twelveHour ? '3' : '1') + "\">" + this.options.i18n.clear + "</button>").appendTo(this.footer).on('click', this.clear.bind(this));
+ if (this.options.showClearBtn) {
+ $clearBtn.css({ visibility: '' });
+ }
+
+ var confirmationBtnsContainer = $('<div class="confirmation-btns"></div>');
+ $('<button class="btn-flat timepicker-close waves-effect" type="button" tabindex="' + (this.options.twelveHour ? '3' : '1') + '">' + this.options.i18n.cancel + '</button>').appendTo(confirmationBtnsContainer).on('click', this.close.bind(this));
+ $('<button class="btn-flat timepicker-close waves-effect" type="button" tabindex="' + (this.options.twelveHour ? '3' : '1') + '">' + this.options.i18n.done + '</button>').appendTo(confirmationBtnsContainer).on('click', this.done.bind(this));
+ confirmationBtnsContainer.appendTo(this.footer);
+ }
+ }, {
+ key: "_clockSetup",
+ value: function _clockSetup() {
+ if (this.options.twelveHour) {
+ this.$amBtn = $('<div class="am-btn">AM</div>');
+ this.$pmBtn = $('<div class="pm-btn">PM</div>');
+ this.$amBtn.on('click', this._handleAmPmClick.bind(this)).appendTo(this.spanAmPm);
+ this.$pmBtn.on('click', this._handleAmPmClick.bind(this)).appendTo(this.spanAmPm);
+ }
+
+ this._buildHoursView();
+ this._buildMinutesView();
+ this._buildSVGClock();
+ }
+ }, {
+ key: "_buildSVGClock",
+ value: function _buildSVGClock() {
+ // Draw clock hands and others
+ var dialRadius = this.options.dialRadius;
+ var tickRadius = this.options.tickRadius;
+ var diameter = dialRadius * 2;
+
+ var svg = Timepicker._createSVGEl('svg');
+ svg.setAttribute('class', 'timepicker-svg');
+ svg.setAttribute('width', diameter);
+ svg.setAttribute('height', diameter);
+ var g = Timepicker._createSVGEl('g');
+ g.setAttribute('transform', 'translate(' + dialRadius + ',' + dialRadius + ')');
+ var bearing = Timepicker._createSVGEl('circle');
+ bearing.setAttribute('class', 'timepicker-canvas-bearing');
+ bearing.setAttribute('cx', 0);
+ bearing.setAttribute('cy', 0);
+ bearing.setAttribute('r', 4);
+ var hand = Timepicker._createSVGEl('line');
+ hand.setAttribute('x1', 0);
+ hand.setAttribute('y1', 0);
+ var bg = Timepicker._createSVGEl('circle');
+ bg.setAttribute('class', 'timepicker-canvas-bg');
+ bg.setAttribute('r', tickRadius);
+ g.appendChild(hand);
+ g.appendChild(bg);
+ g.appendChild(bearing);
+ svg.appendChild(g);
+ this._canvas.appendChild(svg);
+
+ this.hand = hand;
+ this.bg = bg;
+ this.bearing = bearing;
+ this.g = g;
+ }
+ }, {
+ key: "_buildHoursView",
+ value: function _buildHoursView() {
+ var $tick = $('<div class="timepicker-tick"></div>');
+ // Hours view
+ if (this.options.twelveHour) {
+ for (var i = 1; i < 13; i += 1) {
+ var tick = $tick.clone();
+ var radian = i / 6 * Math.PI;
+ var radius = this.options.outerRadius;
+ tick.css({
+ left: this.options.dialRadius + Math.sin(radian) * radius - this.options.tickRadius + 'px',
+ top: this.options.dialRadius - Math.cos(radian) * radius - this.options.tickRadius + 'px'
+ });
+ tick.html(i === 0 ? '00' : i);
+ this.hoursView.appendChild(tick[0]);
+ // tick.on(mousedownEvent, mousedown);
+ }
+ } else {
+ for (var _i2 = 0; _i2 < 24; _i2 += 1) {
+ var _tick = $tick.clone();
+ var _radian = _i2 / 6 * Math.PI;
+ var inner = _i2 > 0 && _i2 < 13;
+ var _radius = inner ? this.options.innerRadius : this.options.outerRadius;
+ _tick.css({
+ left: this.options.dialRadius + Math.sin(_radian) * _radius - this.options.tickRadius + 'px',
+ top: this.options.dialRadius - Math.cos(_radian) * _radius - this.options.tickRadius + 'px'
+ });
+ _tick.html(_i2 === 0 ? '00' : _i2);
+ this.hoursView.appendChild(_tick[0]);
+ // tick.on(mousedownEvent, mousedown);
+ }
+ }
+ }
+ }, {
+ key: "_buildMinutesView",
+ value: function _buildMinutesView() {
+ var $tick = $('<div class="timepicker-tick"></div>');
+ // Minutes view
+ for (var i = 0; i < 60; i += 5) {
+ var tick = $tick.clone();
+ var radian = i / 30 * Math.PI;
+ tick.css({
+ left: this.options.dialRadius + Math.sin(radian) * this.options.outerRadius - this.options.tickRadius + 'px',
+ top: this.options.dialRadius - Math.cos(radian) * this.options.outerRadius - this.options.tickRadius + 'px'
+ });
+ tick.html(Timepicker._addLeadingZero(i));
+ this.minutesView.appendChild(tick[0]);
+ }
+ }
+ }, {
+ key: "_handleAmPmClick",
+ value: function _handleAmPmClick(e) {
+ var $btnClicked = $(e.target);
+ this.amOrPm = $btnClicked.hasClass('am-btn') ? 'AM' : 'PM';
+ this._updateAmPmView();
+ }
+ }, {
+ key: "_updateAmPmView",
+ value: function _updateAmPmView() {
+ if (this.options.twelveHour) {
+ this.$amBtn.toggleClass('text-primary', this.amOrPm === 'AM');
+ this.$pmBtn.toggleClass('text-primary', this.amOrPm === 'PM');
+ }
+ }
+ }, {
+ key: "_updateTimeFromInput",
+ value: function _updateTimeFromInput() {
+ // Get the time
+ var value = ((this.el.value || this.options.defaultTime || '') + '').split(':');
+ if (this.options.twelveHour && !(typeof value[1] === 'undefined')) {
+ if (value[1].toUpperCase().indexOf('AM') > 0) {
+ this.amOrPm = 'AM';
+ } else {
+ this.amOrPm = 'PM';
+ }
+ value[1] = value[1].replace('AM', '').replace('PM', '');
+ }
+ if (value[0] === 'now') {
+ var now = new Date(+new Date() + this.options.fromNow);
+ value = [now.getHours(), now.getMinutes()];
+ if (this.options.twelveHour) {
+ this.amOrPm = value[0] >= 12 && value[0] < 24 ? 'PM' : 'AM';
+ }
+ }
+ this.hours = +value[0] || 0;
+ this.minutes = +value[1] || 0;
+ this.spanHours.innerHTML = this.hours;
+ this.spanMinutes.innerHTML = Timepicker._addLeadingZero(this.minutes);
+
+ this._updateAmPmView();
+ }
+ }, {
+ key: "showView",
+ value: function showView(view, delay) {
+ if (view === 'minutes' && $(this.hoursView).css('visibility') === 'visible') {
+ // raiseCallback(this.options.beforeHourSelect);
+ }
+ var isHours = view === 'hours',
+ nextView = isHours ? this.hoursView : this.minutesView,
+ hideView = isHours ? this.minutesView : this.hoursView;
+ this.currentView = view;
+
+ $(this.spanHours).toggleClass('text-primary', isHours);
+ $(this.spanMinutes).toggleClass('text-primary', !isHours);
+
+ // Transition view
+ hideView.classList.add('timepicker-dial-out');
+ $(nextView).css('visibility', 'visible').removeClass('timepicker-dial-out');
+
+ // Reset clock hand
+ this.resetClock(delay);
+
+ // After transitions ended
+ clearTimeout(this.toggleViewTimer);
+ this.toggleViewTimer = setTimeout(function () {
+ $(hideView).css('visibility', 'hidden');
+ }, this.options.duration);
+ }
+ }, {
+ key: "resetClock",
+ value: function resetClock(delay) {
+ var view = this.currentView,
+ value = this[view],
+ isHours = view === 'hours',
+ unit = Math.PI / (isHours ? 6 : 30),
+ radian = value * unit,
+ radius = isHours && value > 0 && value < 13 ? this.options.innerRadius : this.options.outerRadius,
+ x = Math.sin(radian) * radius,
+ y = -Math.cos(radian) * radius,
+ self = this;
+
+ if (delay) {
+ $(this.canvas).addClass('timepicker-canvas-out');
+ setTimeout(function () {
+ $(self.canvas).removeClass('timepicker-canvas-out');
+ self.setHand(x, y);
+ }, delay);
+ } else {
+ this.setHand(x, y);
+ }
+ }
+ }, {
+ key: "setHand",
+ value: function setHand(x, y, roundBy5) {
+ var _this60 = this;
+
+ var radian = Math.atan2(x, -y),
+ isHours = this.currentView === 'hours',
+ unit = Math.PI / (isHours || roundBy5 ? 6 : 30),
+ z = Math.sqrt(x * x + y * y),
+ inner = isHours && z < (this.options.outerRadius + this.options.innerRadius) / 2,
+ radius = inner ? this.options.innerRadius : this.options.outerRadius;
+
+ if (this.options.twelveHour) {
+ radius = this.options.outerRadius;
+ }
+
+ // Radian should in range [0, 2PI]
+ if (radian < 0) {
+ radian = Math.PI * 2 + radian;
+ }
+
+ // Get the round value
+ var value = Math.round(radian / unit);
+
+ // Get the round radian
+ radian = value * unit;
+
+ // Correct the hours or minutes
+ if (this.options.twelveHour) {
+ if (isHours) {
+ if (value === 0) value = 12;
+ } else {
+ if (roundBy5) value *= 5;
+ if (value === 60) value = 0;
+ }
+ } else {
+ if (isHours) {
+ if (value === 12) {
+ value = 0;
+ }
+ value = inner ? value === 0 ? 12 : value : value === 0 ? 0 : value + 12;
+ } else {
+ if (roundBy5) {
+ value *= 5;
+ }
+ if (value === 60) {
+ value = 0;
+ }
+ }
+ }
+
+ // Once hours or minutes changed, vibrate the device
+ if (this[this.currentView] !== value) {
+ if (this.vibrate && this.options.vibrate) {
+ // Do not vibrate too frequently
+ if (!this.vibrateTimer) {
+ navigator[this.vibrate](10);
+ this.vibrateTimer = setTimeout(function () {
+ _this60.vibrateTimer = null;
+ }, 100);
+ }
+ }
+ }
+
+ this[this.currentView] = value;
+ if (isHours) {
+ this['spanHours'].innerHTML = value;
+ } else {
+ this['spanMinutes'].innerHTML = Timepicker._addLeadingZero(value);
+ }
+
+ // Set clock hand and others' position
+ var cx1 = Math.sin(radian) * (radius - this.options.tickRadius),
+ cy1 = -Math.cos(radian) * (radius - this.options.tickRadius),
+ cx2 = Math.sin(radian) * radius,
+ cy2 = -Math.cos(radian) * radius;
+ this.hand.setAttribute('x2', cx1);
+ this.hand.setAttribute('y2', cy1);
+ this.bg.setAttribute('cx', cx2);
+ this.bg.setAttribute('cy', cy2);
+ }
+ }, {
+ key: "open",
+ value: function open() {
+ if (this.isOpen) {
+ return;
+ }
+
+ this.isOpen = true;
+ this._updateTimeFromInput();
+ this.showView('hours');
+
+ this.modal.open();
+ }
+ }, {
+ key: "close",
+ value: function close() {
+ if (!this.isOpen) {
+ return;
+ }
+
+ this.isOpen = false;
+ this.modal.close();
+ }
+
+ /**
+ * Finish timepicker selection.
+ */
+
+ }, {
+ key: "done",
+ value: function done(e, clearValue) {
+ // Set input value
+ var last = this.el.value;
+ var value = clearValue ? '' : Timepicker._addLeadingZero(this.hours) + ':' + Timepicker._addLeadingZero(this.minutes);
+ this.time = value;
+ if (!clearValue && this.options.twelveHour) {
+ value = value + " " + this.amOrPm;
+ }
+ this.el.value = value;
+
+ // Trigger change event
+ if (value !== last) {
+ this.$el.trigger('change');
+ }
+
+ this.close();
+ this.el.focus();
+ }
+ }, {
+ key: "clear",
+ value: function clear() {
+ this.done(null, true);
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Timepicker.__proto__ || Object.getPrototypeOf(Timepicker), "init", this).call(this, this, els, options);
+ }
+ }, {
+ key: "_addLeadingZero",
+ value: function _addLeadingZero(num) {
+ return (num < 10 ? '0' : '') + num;
+ }
+ }, {
+ key: "_createSVGEl",
+ value: function _createSVGEl(name) {
+ var svgNS = 'http://www.w3.org/2000/svg';
+ return document.createElementNS(svgNS, name);
+ }
+
+ /**
+ * @typedef {Object} Point
+ * @property {number} x The X Coordinate
+ * @property {number} y The Y Coordinate
+ */
+
+ /**
+ * Get x position of mouse or touch event
+ * @param {Event} e
+ * @return {Point} x and y location
+ */
+
+ }, {
+ key: "_Pos",
+ value: function _Pos(e) {
+ if (e.targetTouches && e.targetTouches.length >= 1) {
+ return { x: e.targetTouches[0].clientX, y: e.targetTouches[0].clientY };
+ }
+ // mouse event
+ return { x: e.clientX, y: e.clientY };
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Timepicker;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Timepicker;
+ }(Component);
+
+ Timepicker._template = ['<div class= "modal timepicker-modal">', '<div class="modal-content timepicker-container">', '<div class="timepicker-digital-display">', '<div class="timepicker-text-container">', '<div class="timepicker-display-column">', '<span class="timepicker-span-hours text-primary"></span>', ':', '<span class="timepicker-span-minutes"></span>', '</div>', '<div class="timepicker-display-column timepicker-display-am-pm">', '<div class="timepicker-span-am-pm"></div>', '</div>', '</div>', '</div>', '<div class="timepicker-analog-display">', '<div class="timepicker-plate">', '<div class="timepicker-canvas"></div>', '<div class="timepicker-dial timepicker-hours"></div>', '<div class="timepicker-dial timepicker-minutes timepicker-dial-out"></div>', '</div>', '<div class="timepicker-footer"></div>', '</div>', '</div>', '</div>'].join('');
+
+ M.Timepicker = Timepicker;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Timepicker, 'timepicker', 'M_Timepicker');
+ }
+})(cash);
+;(function ($) {
+ 'use strict';
+
+ var _defaults = {};
+
+ /**
+ * @class
+ *
+ */
+
+ var CharacterCounter = function (_Component17) {
+ _inherits(CharacterCounter, _Component17);
+
+ /**
+ * Construct CharacterCounter instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function CharacterCounter(el, options) {
+ _classCallCheck(this, CharacterCounter);
+
+ var _this61 = _possibleConstructorReturn(this, (CharacterCounter.__proto__ || Object.getPrototypeOf(CharacterCounter)).call(this, CharacterCounter, el, options));
+
+ _this61.el.M_CharacterCounter = _this61;
+
+ /**
+ * Options for the character counter
+ */
+ _this61.options = $.extend({}, CharacterCounter.defaults, options);
+
+ _this61.isInvalid = false;
+ _this61.isValidLength = false;
+ _this61._setupCounter();
+ _this61._setupEventHandlers();
+ return _this61;
+ }
+
+ _createClass(CharacterCounter, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this.el.CharacterCounter = undefined;
+ this._removeCounter();
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleUpdateCounterBound = this.updateCounter.bind(this);
+
+ this.el.addEventListener('focus', this._handleUpdateCounterBound, true);
+ this.el.addEventListener('input', this._handleUpdateCounterBound, true);
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('focus', this._handleUpdateCounterBound, true);
+ this.el.removeEventListener('input', this._handleUpdateCounterBound, true);
+ }
+
+ /**
+ * Setup counter element
+ */
+
+ }, {
+ key: "_setupCounter",
+ value: function _setupCounter() {
+ this.counterEl = document.createElement('span');
+ $(this.counterEl).addClass('character-counter').css({
+ float: 'right',
+ 'font-size': '12px',
+ height: 1
+ });
+
+ this.$el.parent().append(this.counterEl);
+ }
+
+ /**
+ * Remove counter element
+ */
+
+ }, {
+ key: "_removeCounter",
+ value: function _removeCounter() {
+ $(this.counterEl).remove();
+ }
+
+ /**
+ * Update counter
+ */
+
+ }, {
+ key: "updateCounter",
+ value: function updateCounter() {
+ var maxLength = +this.$el.attr('data-length'),
+ actualLength = this.el.value.length;
+ this.isValidLength = actualLength <= maxLength;
+ var counterString = actualLength;
+
+ if (maxLength) {
+ counterString += '/' + maxLength;
+ this._validateInput();
+ }
+
+ $(this.counterEl).html(counterString);
+ }
+
+ /**
+ * Add validation classes
+ */
+
+ }, {
+ key: "_validateInput",
+ value: function _validateInput() {
+ if (this.isValidLength && this.isInvalid) {
+ this.isInvalid = false;
+ this.$el.removeClass('invalid');
+ } else if (!this.isValidLength && !this.isInvalid) {
+ this.isInvalid = true;
+ this.$el.removeClass('valid');
+ this.$el.addClass('invalid');
+ }
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(CharacterCounter.__proto__ || Object.getPrototypeOf(CharacterCounter), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_CharacterCounter;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return CharacterCounter;
+ }(Component);
+
+ M.CharacterCounter = CharacterCounter;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(CharacterCounter, 'characterCounter', 'M_CharacterCounter');
+ }
+})(cash);
+;(function ($) {
+ 'use strict';
+
+ var _defaults = {
+ duration: 200, // ms
+ dist: -100, // zoom scale TODO: make this more intuitive as an option
+ shift: 0, // spacing for center image
+ padding: 0, // Padding between non center items
+ numVisible: 5, // Number of visible items in carousel
+ fullWidth: false, // Change to full width styles
+ indicators: false, // Toggle indicators
+ noWrap: false, // Don't wrap around and cycle through items.
+ onCycleTo: null // Callback for when a new slide is cycled to.
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var Carousel = function (_Component18) {
+ _inherits(Carousel, _Component18);
+
+ /**
+ * Construct Carousel instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Carousel(el, options) {
+ _classCallCheck(this, Carousel);
+
+ var _this62 = _possibleConstructorReturn(this, (Carousel.__proto__ || Object.getPrototypeOf(Carousel)).call(this, Carousel, el, options));
+
+ _this62.el.M_Carousel = _this62;
+
+ /**
+ * Options for the carousel
+ * @member Carousel#options
+ * @prop {Number} duration
+ * @prop {Number} dist
+ * @prop {Number} shift
+ * @prop {Number} padding
+ * @prop {Number} numVisible
+ * @prop {Boolean} fullWidth
+ * @prop {Boolean} indicators
+ * @prop {Boolean} noWrap
+ * @prop {Function} onCycleTo
+ */
+ _this62.options = $.extend({}, Carousel.defaults, options);
+
+ // Setup
+ _this62.hasMultipleSlides = _this62.$el.find('.carousel-item').length > 1;
+ _this62.showIndicators = _this62.options.indicators && _this62.hasMultipleSlides;
+ _this62.noWrap = _this62.options.noWrap || !_this62.hasMultipleSlides;
+ _this62.pressed = false;
+ _this62.dragged = false;
+ _this62.offset = _this62.target = 0;
+ _this62.images = [];
+ _this62.itemWidth = _this62.$el.find('.carousel-item').first().innerWidth();
+ _this62.itemHeight = _this62.$el.find('.carousel-item').first().innerHeight();
+ _this62.dim = _this62.itemWidth * 2 + _this62.options.padding || 1; // Make sure dim is non zero for divisions.
+ _this62._autoScrollBound = _this62._autoScroll.bind(_this62);
+ _this62._trackBound = _this62._track.bind(_this62);
+
+ // Full Width carousel setup
+ if (_this62.options.fullWidth) {
+ _this62.options.dist = 0;
+ _this62._setCarouselHeight();
+
+ // Offset fixed items when indicators.
+ if (_this62.showIndicators) {
+ _this62.$el.find('.carousel-fixed-item').addClass('with-indicators');
+ }
+ }
+
+ // Iterate through slides
+ _this62.$indicators = $('<ul class="indicators"></ul>');
+ _this62.$el.find('.carousel-item').each(function (el, i) {
+ _this62.images.push(el);
+ if (_this62.showIndicators) {
+ var $indicator = $('<li class="indicator-item"></li>');
+
+ // Add active to first by default.
+ if (i === 0) {
+ $indicator[0].classList.add('active');
+ }
+
+ _this62.$indicators.append($indicator);
+ }
+ });
+ if (_this62.showIndicators) {
+ _this62.$el.append(_this62.$indicators);
+ }
+ _this62.count = _this62.images.length;
+
+ // Cap numVisible at count
+ _this62.options.numVisible = Math.min(_this62.count, _this62.options.numVisible);
+
+ // Setup cross browser string
+ _this62.xform = 'transform';
+ ['webkit', 'Moz', 'O', 'ms'].every(function (prefix) {
+ var e = prefix + 'Transform';
+ if (typeof document.body.style[e] !== 'undefined') {
+ _this62.xform = e;
+ return false;
+ }
+ return true;
+ });
+
+ _this62._setupEventHandlers();
+ _this62._scroll(_this62.offset);
+ return _this62;
+ }
+
+ _createClass(Carousel, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this.el.M_Carousel = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ var _this63 = this;
+
+ this._handleCarouselTapBound = this._handleCarouselTap.bind(this);
+ this._handleCarouselDragBound = this._handleCarouselDrag.bind(this);
+ this._handleCarouselReleaseBound = this._handleCarouselRelease.bind(this);
+ this._handleCarouselClickBound = this._handleCarouselClick.bind(this);
+
+ if (typeof window.ontouchstart !== 'undefined') {
+ this.el.addEventListener('touchstart', this._handleCarouselTapBound);
+ this.el.addEventListener('touchmove', this._handleCarouselDragBound);
+ this.el.addEventListener('touchend', this._handleCarouselReleaseBound);
+ }
+
+ this.el.addEventListener('mousedown', this._handleCarouselTapBound);
+ this.el.addEventListener('mousemove', this._handleCarouselDragBound);
+ this.el.addEventListener('mouseup', this._handleCarouselReleaseBound);
+ this.el.addEventListener('mouseleave', this._handleCarouselReleaseBound);
+ this.el.addEventListener('click', this._handleCarouselClickBound);
+
+ if (this.showIndicators && this.$indicators) {
+ this._handleIndicatorClickBound = this._handleIndicatorClick.bind(this);
+ this.$indicators.find('.indicator-item').each(function (el, i) {
+ el.addEventListener('click', _this63._handleIndicatorClickBound);
+ });
+ }
+
+ // Resize
+ var throttledResize = M.throttle(this._handleResize, 200);
+ this._handleThrottledResizeBound = throttledResize.bind(this);
+
+ window.addEventListener('resize', this._handleThrottledResizeBound);
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ var _this64 = this;
+
+ if (typeof window.ontouchstart !== 'undefined') {
+ this.el.removeEventListener('touchstart', this._handleCarouselTapBound);
+ this.el.removeEventListener('touchmove', this._handleCarouselDragBound);
+ this.el.removeEventListener('touchend', this._handleCarouselReleaseBound);
+ }
+ this.el.removeEventListener('mousedown', this._handleCarouselTapBound);
+ this.el.removeEventListener('mousemove', this._handleCarouselDragBound);
+ this.el.removeEventListener('mouseup', this._handleCarouselReleaseBound);
+ this.el.removeEventListener('mouseleave', this._handleCarouselReleaseBound);
+ this.el.removeEventListener('click', this._handleCarouselClickBound);
+
+ if (this.showIndicators && this.$indicators) {
+ this.$indicators.find('.indicator-item').each(function (el, i) {
+ el.removeEventListener('click', _this64._handleIndicatorClickBound);
+ });
+ }
+
+ window.removeEventListener('resize', this._handleThrottledResizeBound);
+ }
+
+ /**
+ * Handle Carousel Tap
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleCarouselTap",
+ value: function _handleCarouselTap(e) {
+ // Fixes firefox draggable image bug
+ if (e.type === 'mousedown' && $(e.target).is('img')) {
+ e.preventDefault();
+ }
+ this.pressed = true;
+ this.dragged = false;
+ this.verticalDragged = false;
+ this.reference = this._xpos(e);
+ this.referenceY = this._ypos(e);
+
+ this.velocity = this.amplitude = 0;
+ this.frame = this.offset;
+ this.timestamp = Date.now();
+ clearInterval(this.ticker);
+ this.ticker = setInterval(this._trackBound, 100);
+ }
+
+ /**
+ * Handle Carousel Drag
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleCarouselDrag",
+ value: function _handleCarouselDrag(e) {
+ var x = void 0,
+ y = void 0,
+ delta = void 0,
+ deltaY = void 0;
+ if (this.pressed) {
+ x = this._xpos(e);
+ y = this._ypos(e);
+ delta = this.reference - x;
+ deltaY = Math.abs(this.referenceY - y);
+ if (deltaY < 30 && !this.verticalDragged) {
+ // If vertical scrolling don't allow dragging.
+ if (delta > 2 || delta < -2) {
+ this.dragged = true;
+ this.reference = x;
+ this._scroll(this.offset + delta);
+ }
+ } else if (this.dragged) {
+ // If dragging don't allow vertical scroll.
+ e.preventDefault();
+ e.stopPropagation();
+ return false;
+ } else {
+ // Vertical scrolling.
+ this.verticalDragged = true;
+ }
+ }
+
+ if (this.dragged) {
+ // If dragging don't allow vertical scroll.
+ e.preventDefault();
+ e.stopPropagation();
+ return false;
+ }
+ }
+
+ /**
+ * Handle Carousel Release
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleCarouselRelease",
+ value: function _handleCarouselRelease(e) {
+ if (this.pressed) {
+ this.pressed = false;
+ } else {
+ return;
+ }
+
+ clearInterval(this.ticker);
+ this.target = this.offset;
+ if (this.velocity > 10 || this.velocity < -10) {
+ this.amplitude = 0.9 * this.velocity;
+ this.target = this.offset + this.amplitude;
+ }
+ this.target = Math.round(this.target / this.dim) * this.dim;
+
+ // No wrap of items.
+ if (this.noWrap) {
+ if (this.target >= this.dim * (this.count - 1)) {
+ this.target = this.dim * (this.count - 1);
+ } else if (this.target < 0) {
+ this.target = 0;
+ }
+ }
+ this.amplitude = this.target - this.offset;
+ this.timestamp = Date.now();
+ requestAnimationFrame(this._autoScrollBound);
+
+ if (this.dragged) {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ return false;
+ }
+
+ /**
+ * Handle Carousel CLick
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleCarouselClick",
+ value: function _handleCarouselClick(e) {
+ // Disable clicks if carousel was dragged.
+ if (this.dragged) {
+ e.preventDefault();
+ e.stopPropagation();
+ return false;
+ } else if (!this.options.fullWidth) {
+ var clickedIndex = $(e.target).closest('.carousel-item').index();
+ var diff = this._wrap(this.center) - clickedIndex;
+
+ // Disable clicks if carousel was shifted by click
+ if (diff !== 0) {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ this._cycleTo(clickedIndex);
+ }
+ }
+
+ /**
+ * Handle Indicator CLick
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleIndicatorClick",
+ value: function _handleIndicatorClick(e) {
+ e.stopPropagation();
+
+ var indicator = $(e.target).closest('.indicator-item');
+ if (indicator.length) {
+ this._cycleTo(indicator.index());
+ }
+ }
+
+ /**
+ * Handle Throttle Resize
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleResize",
+ value: function _handleResize(e) {
+ if (this.options.fullWidth) {
+ this.itemWidth = this.$el.find('.carousel-item').first().innerWidth();
+ this.imageHeight = this.$el.find('.carousel-item.active').height();
+ this.dim = this.itemWidth * 2 + this.options.padding;
+ this.offset = this.center * 2 * this.itemWidth;
+ this.target = this.offset;
+ this._setCarouselHeight(true);
+ } else {
+ this._scroll();
+ }
+ }
+
+ /**
+ * Set carousel height based on first slide
+ * @param {Booleam} imageOnly - true for image slides
+ */
+
+ }, {
+ key: "_setCarouselHeight",
+ value: function _setCarouselHeight(imageOnly) {
+ var _this65 = this;
+
+ var firstSlide = this.$el.find('.carousel-item.active').length ? this.$el.find('.carousel-item.active').first() : this.$el.find('.carousel-item').first();
+ var firstImage = firstSlide.find('img').first();
+ if (firstImage.length) {
+ if (firstImage[0].complete) {
+ // If image won't trigger the load event
+ var imageHeight = firstImage.height();
+ if (imageHeight > 0) {
+ this.$el.css('height', imageHeight + 'px');
+ } else {
+ // If image still has no height, use the natural dimensions to calculate
+ var naturalWidth = firstImage[0].naturalWidth;
+ var naturalHeight = firstImage[0].naturalHeight;
+ var adjustedHeight = this.$el.width() / naturalWidth * naturalHeight;
+ this.$el.css('height', adjustedHeight + 'px');
+ }
+ } else {
+ // Get height when image is loaded normally
+ firstImage.one('load', function (el, i) {
+ _this65.$el.css('height', el.offsetHeight + 'px');
+ });
+ }
+ } else if (!imageOnly) {
+ var slideHeight = firstSlide.height();
+ this.$el.css('height', slideHeight + 'px');
+ }
+ }
+
+ /**
+ * Get x position from event
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_xpos",
+ value: function _xpos(e) {
+ // touch event
+ if (e.targetTouches && e.targetTouches.length >= 1) {
+ return e.targetTouches[0].clientX;
+ }
+
+ // mouse event
+ return e.clientX;
+ }
+
+ /**
+ * Get y position from event
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_ypos",
+ value: function _ypos(e) {
+ // touch event
+ if (e.targetTouches && e.targetTouches.length >= 1) {
+ return e.targetTouches[0].clientY;
+ }
+
+ // mouse event
+ return e.clientY;
+ }
+
+ /**
+ * Wrap index
+ * @param {Number} x
+ */
+
+ }, {
+ key: "_wrap",
+ value: function _wrap(x) {
+ return x >= this.count ? x % this.count : x < 0 ? this._wrap(this.count + x % this.count) : x;
+ }
+
+ /**
+ * Tracks scrolling information
+ */
+
+ }, {
+ key: "_track",
+ value: function _track() {
+ var now = void 0,
+ elapsed = void 0,
+ delta = void 0,
+ v = void 0;
+
+ now = Date.now();
+ elapsed = now - this.timestamp;
+ this.timestamp = now;
+ delta = this.offset - this.frame;
+ this.frame = this.offset;
+
+ v = 1000 * delta / (1 + elapsed);
+ this.velocity = 0.8 * v + 0.2 * this.velocity;
+ }
+
+ /**
+ * Auto scrolls to nearest carousel item.
+ */
+
+ }, {
+ key: "_autoScroll",
+ value: function _autoScroll() {
+ var elapsed = void 0,
+ delta = void 0;
+
+ if (this.amplitude) {
+ elapsed = Date.now() - this.timestamp;
+ delta = this.amplitude * Math.exp(-elapsed / this.options.duration);
+ if (delta > 2 || delta < -2) {
+ this._scroll(this.target - delta);
+ requestAnimationFrame(this._autoScrollBound);
+ } else {
+ this._scroll(this.target);
+ }
+ }
+ }
+
+ /**
+ * Scroll to target
+ * @param {Number} x
+ */
+
+ }, {
+ key: "_scroll",
+ value: function _scroll(x) {
+ var _this66 = this;
+
+ // Track scrolling state
+ if (!this.$el.hasClass('scrolling')) {
+ this.el.classList.add('scrolling');
+ }
+ if (this.scrollingTimeout != null) {
+ window.clearTimeout(this.scrollingTimeout);
+ }
+ this.scrollingTimeout = window.setTimeout(function () {
+ _this66.$el.removeClass('scrolling');
+ }, this.options.duration);
+
+ // Start actual scroll
+ var i = void 0,
+ half = void 0,
+ delta = void 0,
+ dir = void 0,
+ tween = void 0,
+ el = void 0,
+ alignment = void 0,
+ zTranslation = void 0,
+ tweenedOpacity = void 0,
+ centerTweenedOpacity = void 0;
+ var lastCenter = this.center;
+ var numVisibleOffset = 1 / this.options.numVisible;
+
+ this.offset = typeof x === 'number' ? x : this.offset;
+ this.center = Math.floor((this.offset + this.dim / 2) / this.dim);
+ delta = this.offset - this.center * this.dim;
+ dir = delta < 0 ? 1 : -1;
+ tween = -dir * delta * 2 / this.dim;
+ half = this.count >> 1;
+
+ if (this.options.fullWidth) {
+ alignment = 'translateX(0)';
+ centerTweenedOpacity = 1;
+ } else {
+ alignment = 'translateX(' + (this.el.clientWidth - this.itemWidth) / 2 + 'px) ';
+ alignment += 'translateY(' + (this.el.clientHeight - this.itemHeight) / 2 + 'px)';
+ centerTweenedOpacity = 1 - numVisibleOffset * tween;
+ }
+
+ // Set indicator active
+ if (this.showIndicators) {
+ var diff = this.center % this.count;
+ var activeIndicator = this.$indicators.find('.indicator-item.active');
+ if (activeIndicator.index() !== diff) {
+ activeIndicator.removeClass('active');
+ this.$indicators.find('.indicator-item').eq(diff)[0].classList.add('active');
+ }
+ }
+
+ // center
+ // Don't show wrapped items.
+ if (!this.noWrap || this.center >= 0 && this.center < this.count) {
+ el = this.images[this._wrap(this.center)];
+
+ // Add active class to center item.
+ if (!$(el).hasClass('active')) {
+ this.$el.find('.carousel-item').removeClass('active');
+ el.classList.add('active');
+ }
+ var transformString = alignment + " translateX(" + -delta / 2 + "px) translateX(" + dir * this.options.shift * tween * i + "px) translateZ(" + this.options.dist * tween + "px)";
+ this._updateItemStyle(el, centerTweenedOpacity, 0, transformString);
+ }
+
+ for (i = 1; i <= half; ++i) {
+ // right side
+ if (this.options.fullWidth) {
+ zTranslation = this.options.dist;
+ tweenedOpacity = i === half && delta < 0 ? 1 - tween : 1;
+ } else {
+ zTranslation = this.options.dist * (i * 2 + tween * dir);
+ tweenedOpacity = 1 - numVisibleOffset * (i * 2 + tween * dir);
+ }
+ // Don't show wrapped items.
+ if (!this.noWrap || this.center + i < this.count) {
+ el = this.images[this._wrap(this.center + i)];
+ var _transformString = alignment + " translateX(" + (this.options.shift + (this.dim * i - delta) / 2) + "px) translateZ(" + zTranslation + "px)";
+ this._updateItemStyle(el, tweenedOpacity, -i, _transformString);
+ }
+
+ // left side
+ if (this.options.fullWidth) {
+ zTranslation = this.options.dist;
+ tweenedOpacity = i === half && delta > 0 ? 1 - tween : 1;
+ } else {
+ zTranslation = this.options.dist * (i * 2 - tween * dir);
+ tweenedOpacity = 1 - numVisibleOffset * (i * 2 - tween * dir);
+ }
+ // Don't show wrapped items.
+ if (!this.noWrap || this.center - i >= 0) {
+ el = this.images[this._wrap(this.center - i)];
+ var _transformString2 = alignment + " translateX(" + (-this.options.shift + (-this.dim * i - delta) / 2) + "px) translateZ(" + zTranslation + "px)";
+ this._updateItemStyle(el, tweenedOpacity, -i, _transformString2);
+ }
+ }
+
+ // center
+ // Don't show wrapped items.
+ if (!this.noWrap || this.center >= 0 && this.center < this.count) {
+ el = this.images[this._wrap(this.center)];
+ var _transformString3 = alignment + " translateX(" + -delta / 2 + "px) translateX(" + dir * this.options.shift * tween + "px) translateZ(" + this.options.dist * tween + "px)";
+ this._updateItemStyle(el, centerTweenedOpacity, 0, _transformString3);
+ }
+
+ // onCycleTo callback
+ var $currItem = this.$el.find('.carousel-item').eq(this._wrap(this.center));
+ if (lastCenter !== this.center && typeof this.options.onCycleTo === 'function') {
+ this.options.onCycleTo.call(this, $currItem[0], this.dragged);
+ }
+
+ // One time callback
+ if (typeof this.oneTimeCallback === 'function') {
+ this.oneTimeCallback.call(this, $currItem[0], this.dragged);
+ this.oneTimeCallback = null;
+ }
+ }
+
+ /**
+ * Cycle to target
+ * @param {Element} el
+ * @param {Number} opacity
+ * @param {Number} zIndex
+ * @param {String} transform
+ */
+
+ }, {
+ key: "_updateItemStyle",
+ value: function _updateItemStyle(el, opacity, zIndex, transform) {
+ el.style[this.xform] = transform;
+ el.style.zIndex = zIndex;
+ el.style.opacity = opacity;
+ el.style.visibility = 'visible';
+ }
+
+ /**
+ * Cycle to target
+ * @param {Number} n
+ * @param {Function} callback
+ */
+
+ }, {
+ key: "_cycleTo",
+ value: function _cycleTo(n, callback) {
+ var diff = this.center % this.count - n;
+
+ // Account for wraparound.
+ if (!this.noWrap) {
+ if (diff < 0) {
+ if (Math.abs(diff + this.count) < Math.abs(diff)) {
+ diff += this.count;
+ }
+ } else if (diff > 0) {
+ if (Math.abs(diff - this.count) < diff) {
+ diff -= this.count;
+ }
+ }
+ }
+
+ this.target = this.dim * Math.round(this.offset / this.dim);
+ // Next
+ if (diff < 0) {
+ this.target += this.dim * Math.abs(diff);
+
+ // Prev
+ } else if (diff > 0) {
+ this.target -= this.dim * diff;
+ }
+
+ // Set one time callback
+ if (typeof callback === 'function') {
+ this.oneTimeCallback = callback;
+ }
+
+ // Scroll
+ if (this.offset !== this.target) {
+ this.amplitude = this.target - this.offset;
+ this.timestamp = Date.now();
+ requestAnimationFrame(this._autoScrollBound);
+ }
+ }
+
+ /**
+ * Cycle to next item
+ * @param {Number} [n]
+ */
+
+ }, {
+ key: "next",
+ value: function next(n) {
+ if (n === undefined || isNaN(n)) {
+ n = 1;
+ }
+
+ var index = this.center + n;
+ if (index >= this.count || index < 0) {
+ if (this.noWrap) {
+ return;
+ }
+
+ index = this._wrap(index);
+ }
+ this._cycleTo(index);
+ }
+
+ /**
+ * Cycle to previous item
+ * @param {Number} [n]
+ */
+
+ }, {
+ key: "prev",
+ value: function prev(n) {
+ if (n === undefined || isNaN(n)) {
+ n = 1;
+ }
+
+ var index = this.center - n;
+ if (index >= this.count || index < 0) {
+ if (this.noWrap) {
+ return;
+ }
+
+ index = this._wrap(index);
+ }
+
+ this._cycleTo(index);
+ }
+
+ /**
+ * Cycle to nth item
+ * @param {Number} [n]
+ * @param {Function} callback
+ */
+
+ }, {
+ key: "set",
+ value: function set(n, callback) {
+ if (n === undefined || isNaN(n)) {
+ n = 0;
+ }
+
+ if (n > this.count || n < 0) {
+ if (this.noWrap) {
+ return;
+ }
+
+ n = this._wrap(n);
+ }
+
+ this._cycleTo(n, callback);
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Carousel.__proto__ || Object.getPrototypeOf(Carousel), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Carousel;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Carousel;
+ }(Component);
+
+ M.Carousel = Carousel;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Carousel, 'carousel', 'M_Carousel');
+ }
+})(cash);
+;(function ($) {
+ 'use strict';
+
+ var _defaults = {
+ onOpen: undefined,
+ onClose: undefined
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var TapTarget = function (_Component19) {
+ _inherits(TapTarget, _Component19);
+
+ /**
+ * Construct TapTarget instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function TapTarget(el, options) {
+ _classCallCheck(this, TapTarget);
+
+ var _this67 = _possibleConstructorReturn(this, (TapTarget.__proto__ || Object.getPrototypeOf(TapTarget)).call(this, TapTarget, el, options));
+
+ _this67.el.M_TapTarget = _this67;
+
+ /**
+ * Options for the select
+ * @member TapTarget#options
+ * @prop {Function} onOpen - Callback function called when feature discovery is opened
+ * @prop {Function} onClose - Callback function called when feature discovery is closed
+ */
+ _this67.options = $.extend({}, TapTarget.defaults, options);
+
+ _this67.isOpen = false;
+
+ // setup
+ _this67.$origin = $('#' + _this67.$el.attr('data-target'));
+ _this67._setup();
+
+ _this67._calculatePositioning();
+ _this67._setupEventHandlers();
+ return _this67;
+ }
+
+ _createClass(TapTarget, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this.el.TapTarget = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleDocumentClickBound = this._handleDocumentClick.bind(this);
+ this._handleTargetClickBound = this._handleTargetClick.bind(this);
+ this._handleOriginClickBound = this._handleOriginClick.bind(this);
+
+ this.el.addEventListener('click', this._handleTargetClickBound);
+ this.originEl.addEventListener('click', this._handleOriginClickBound);
+
+ // Resize
+ var throttledResize = M.throttle(this._handleResize, 200);
+ this._handleThrottledResizeBound = throttledResize.bind(this);
+
+ window.addEventListener('resize', this._handleThrottledResizeBound);
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('click', this._handleTargetClickBound);
+ this.originEl.removeEventListener('click', this._handleOriginClickBound);
+ window.removeEventListener('resize', this._handleThrottledResizeBound);
+ }
+
+ /**
+ * Handle Target Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleTargetClick",
+ value: function _handleTargetClick(e) {
+ this.open();
+ }
+
+ /**
+ * Handle Origin Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleOriginClick",
+ value: function _handleOriginClick(e) {
+ this.close();
+ }
+
+ /**
+ * Handle Resize
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleResize",
+ value: function _handleResize(e) {
+ this._calculatePositioning();
+ }
+
+ /**
+ * Handle Resize
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleDocumentClick",
+ value: function _handleDocumentClick(e) {
+ if (!$(e.target).closest('.tap-target-wrapper').length) {
+ this.close();
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ }
+
+ /**
+ * Setup Tap Target
+ */
+
+ }, {
+ key: "_setup",
+ value: function _setup() {
+ // Creating tap target
+ this.wrapper = this.$el.parent()[0];
+ this.waveEl = $(this.wrapper).find('.tap-target-wave')[0];
+ this.originEl = $(this.wrapper).find('.tap-target-origin')[0];
+ this.contentEl = this.$el.find('.tap-target-content')[0];
+
+ // Creating wrapper
+ if (!$(this.wrapper).hasClass('.tap-target-wrapper')) {
+ this.wrapper = document.createElement('div');
+ this.wrapper.classList.add('tap-target-wrapper');
+ this.$el.before($(this.wrapper));
+ this.wrapper.append(this.el);
+ }
+
+ // Creating content
+ if (!this.contentEl) {
+ this.contentEl = document.createElement('div');
+ this.contentEl.classList.add('tap-target-content');
+ this.$el.append(this.contentEl);
+ }
+
+ // Creating foreground wave
+ if (!this.waveEl) {
+ this.waveEl = document.createElement('div');
+ this.waveEl.classList.add('tap-target-wave');
+
+ // Creating origin
+ if (!this.originEl) {
+ this.originEl = this.$origin.clone(true, true);
+ this.originEl.addClass('tap-target-origin');
+ this.originEl.removeAttr('id');
+ this.originEl.removeAttr('style');
+ this.originEl = this.originEl[0];
+ this.waveEl.append(this.originEl);
+ }
+
+ this.wrapper.append(this.waveEl);
+ }
+ }
+
+ /**
+ * Calculate positioning
+ */
+
+ }, {
+ key: "_calculatePositioning",
+ value: function _calculatePositioning() {
+ // Element or parent is fixed position?
+ var isFixed = this.$origin.css('position') === 'fixed';
+ if (!isFixed) {
+ var parents = this.$origin.parents();
+ for (var i = 0; i < parents.length; i++) {
+ isFixed = $(parents[i]).css('position') == 'fixed';
+ if (isFixed) {
+ break;
+ }
+ }
+ }
+
+ // Calculating origin
+ var originWidth = this.$origin.outerWidth();
+ var originHeight = this.$origin.outerHeight();
+ var originTop = isFixed ? this.$origin.offset().top - M.getDocumentScrollTop() : this.$origin.offset().top;
+ var originLeft = isFixed ? this.$origin.offset().left - M.getDocumentScrollLeft() : this.$origin.offset().left;
+
+ // Calculating screen
+ var windowWidth = window.innerWidth;
+ var windowHeight = window.innerHeight;
+ var centerX = windowWidth / 2;
+ var centerY = windowHeight / 2;
+ var isLeft = originLeft <= centerX;
+ var isRight = originLeft > centerX;
+ var isTop = originTop <= centerY;
+ var isBottom = originTop > centerY;
+ var isCenterX = originLeft >= windowWidth * 0.25 && originLeft <= windowWidth * 0.75;
+
+ // Calculating tap target
+ var tapTargetWidth = this.$el.outerWidth();
+ var tapTargetHeight = this.$el.outerHeight();
+ var tapTargetTop = originTop + originHeight / 2 - tapTargetHeight / 2;
+ var tapTargetLeft = originLeft + originWidth / 2 - tapTargetWidth / 2;
+ var tapTargetPosition = isFixed ? 'fixed' : 'absolute';
+
+ // Calculating content
+ var tapTargetTextWidth = isCenterX ? tapTargetWidth : tapTargetWidth / 2 + originWidth;
+ var tapTargetTextHeight = tapTargetHeight / 2;
+ var tapTargetTextTop = isTop ? tapTargetHeight / 2 : 0;
+ var tapTargetTextBottom = 0;
+ var tapTargetTextLeft = isLeft && !isCenterX ? tapTargetWidth / 2 - originWidth : 0;
+ var tapTargetTextRight = 0;
+ var tapTargetTextPadding = originWidth;
+ var tapTargetTextAlign = isBottom ? 'bottom' : 'top';
+
+ // Calculating wave
+ var tapTargetWaveWidth = originWidth > originHeight ? originWidth * 2 : originWidth * 2;
+ var tapTargetWaveHeight = tapTargetWaveWidth;
+ var tapTargetWaveTop = tapTargetHeight / 2 - tapTargetWaveHeight / 2;
+ var tapTargetWaveLeft = tapTargetWidth / 2 - tapTargetWaveWidth / 2;
+
+ // Setting tap target
+ var tapTargetWrapperCssObj = {};
+ tapTargetWrapperCssObj.top = isTop ? tapTargetTop + 'px' : '';
+ tapTargetWrapperCssObj.right = isRight ? windowWidth - tapTargetLeft - tapTargetWidth + 'px' : '';
+ tapTargetWrapperCssObj.bottom = isBottom ? windowHeight - tapTargetTop - tapTargetHeight + 'px' : '';
+ tapTargetWrapperCssObj.left = isLeft ? tapTargetLeft + 'px' : '';
+ tapTargetWrapperCssObj.position = tapTargetPosition;
+ $(this.wrapper).css(tapTargetWrapperCssObj);
+
+ // Setting content
+ $(this.contentEl).css({
+ width: tapTargetTextWidth + 'px',
+ height: tapTargetTextHeight + 'px',
+ top: tapTargetTextTop + 'px',
+ right: tapTargetTextRight + 'px',
+ bottom: tapTargetTextBottom + 'px',
+ left: tapTargetTextLeft + 'px',
+ padding: tapTargetTextPadding + 'px',
+ verticalAlign: tapTargetTextAlign
+ });
+
+ // Setting wave
+ $(this.waveEl).css({
+ top: tapTargetWaveTop + 'px',
+ left: tapTargetWaveLeft + 'px',
+ width: tapTargetWaveWidth + 'px',
+ height: tapTargetWaveHeight + 'px'
+ });
+ }
+
+ /**
+ * Open TapTarget
+ */
+
+ }, {
+ key: "open",
+ value: function open() {
+ if (this.isOpen) {
+ return;
+ }
+
+ // onOpen callback
+ if (typeof this.options.onOpen === 'function') {
+ this.options.onOpen.call(this, this.$origin[0]);
+ }
+
+ this.isOpen = true;
+ this.wrapper.classList.add('open');
+
+ document.body.addEventListener('click', this._handleDocumentClickBound, true);
+ document.body.addEventListener('touchend', this._handleDocumentClickBound);
+ }
+
+ /**
+ * Close Tap Target
+ */
+
+ }, {
+ key: "close",
+ value: function close() {
+ if (!this.isOpen) {
+ return;
+ }
+
+ // onClose callback
+ if (typeof this.options.onClose === 'function') {
+ this.options.onClose.call(this, this.$origin[0]);
+ }
+
+ this.isOpen = false;
+ this.wrapper.classList.remove('open');
+
+ document.body.removeEventListener('click', this._handleDocumentClickBound, true);
+ document.body.removeEventListener('touchend', this._handleDocumentClickBound);
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(TapTarget.__proto__ || Object.getPrototypeOf(TapTarget), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_TapTarget;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return TapTarget;
+ }(Component);
+
+ M.TapTarget = TapTarget;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(TapTarget, 'tapTarget', 'M_TapTarget');
+ }
+})(cash);
+;(function ($) {
+ 'use strict';
+
+ var _defaults = {
+ classes: '',
+ dropdownOptions: {}
+ };
+
+ /**
+ * @class
+ *
+ */
+
+ var FormSelect = function (_Component20) {
+ _inherits(FormSelect, _Component20);
+
+ /**
+ * Construct FormSelect instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function FormSelect(el, options) {
+ _classCallCheck(this, FormSelect);
+
+ // Don't init if browser default version
+ var _this68 = _possibleConstructorReturn(this, (FormSelect.__proto__ || Object.getPrototypeOf(FormSelect)).call(this, FormSelect, el, options));
+
+ if (_this68.$el.hasClass('browser-default')) {
+ return _possibleConstructorReturn(_this68);
+ }
+
+ _this68.el.M_FormSelect = _this68;
+
+ /**
+ * Options for the select
+ * @member FormSelect#options
+ */
+ _this68.options = $.extend({}, FormSelect.defaults, options);
+
+ _this68.isMultiple = _this68.$el.prop('multiple');
+
+ // Setup
+ _this68.el.tabIndex = -1;
+ _this68._keysSelected = {};
+ _this68._valueDict = {}; // Maps key to original and generated option element.
+ _this68._setupDropdown();
+
+ _this68._setupEventHandlers();
+ return _this68;
+ }
+
+ _createClass(FormSelect, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this._removeDropdown();
+ this.el.M_FormSelect = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ var _this69 = this;
+
+ this._handleSelectChangeBound = this._handleSelectChange.bind(this);
+ this._handleOptionClickBound = this._handleOptionClick.bind(this);
+ this._handleInputClickBound = this._handleInputClick.bind(this);
+
+ $(this.dropdownOptions).find('li:not(.optgroup)').each(function (el) {
+ el.addEventListener('click', _this69._handleOptionClickBound);
+ });
+ this.el.addEventListener('change', this._handleSelectChangeBound);
+ this.input.addEventListener('click', this._handleInputClickBound);
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ var _this70 = this;
+
+ $(this.dropdownOptions).find('li:not(.optgroup)').each(function (el) {
+ el.removeEventListener('click', _this70._handleOptionClickBound);
+ });
+ this.el.removeEventListener('change', this._handleSelectChangeBound);
+ this.input.removeEventListener('click', this._handleInputClickBound);
+ }
+
+ /**
+ * Handle Select Change
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleSelectChange",
+ value: function _handleSelectChange(e) {
+ this._setValueToInput();
+ }
+
+ /**
+ * Handle Option Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleOptionClick",
+ value: function _handleOptionClick(e) {
+ e.preventDefault();
+ var option = $(e.target).closest('li')[0];
+ var key = option.id;
+ if (!$(option).hasClass('disabled') && !$(option).hasClass('optgroup') && key.length) {
+ var selected = true;
+
+ if (this.isMultiple) {
+ // Deselect placeholder option if still selected.
+ var placeholderOption = $(this.dropdownOptions).find('li.disabled.selected');
+ if (placeholderOption.length) {
+ placeholderOption.removeClass('selected');
+ placeholderOption.find('input[type="checkbox"]').prop('checked', false);
+ this._toggleEntryFromArray(placeholderOption[0].id);
+ }
+ selected = this._toggleEntryFromArray(key);
+ } else {
+ $(this.dropdownOptions).find('li').removeClass('selected');
+ $(option).toggleClass('selected', selected);
+ }
+
+ // Set selected on original select option
+ // Only trigger if selected state changed
+ var prevSelected = $(this._valueDict[key].el).prop('selected');
+ if (prevSelected !== selected) {
+ $(this._valueDict[key].el).prop('selected', selected);
+ this.$el.trigger('change');
+ }
+ }
+
+ e.stopPropagation();
+ }
+
+ /**
+ * Handle Input Click
+ */
+
+ }, {
+ key: "_handleInputClick",
+ value: function _handleInputClick() {
+ if (this.dropdown && this.dropdown.isOpen) {
+ this._setValueToInput();
+ this._setSelectedStates();
+ }
+ }
+
+ /**
+ * Setup dropdown
+ */
+
+ }, {
+ key: "_setupDropdown",
+ value: function _setupDropdown() {
+ var _this71 = this;
+
+ this.wrapper = document.createElement('div');
+ $(this.wrapper).addClass('select-wrapper ' + this.options.classes);
+ this.$el.before($(this.wrapper));
+ this.wrapper.appendChild(this.el);
+
+ if (this.el.disabled) {
+ this.wrapper.classList.add('disabled');
+ }
+
+ // Create dropdown
+ this.$selectOptions = this.$el.children('option, optgroup');
+ this.dropdownOptions = document.createElement('ul');
+ this.dropdownOptions.id = "select-options-" + M.guid();
+ $(this.dropdownOptions).addClass('dropdown-content select-dropdown ' + (this.isMultiple ? 'multiple-select-dropdown' : ''));
+
+ // Create dropdown structure.
+ if (this.$selectOptions.length) {
+ this.$selectOptions.each(function (el) {
+ if ($(el).is('option')) {
+ // Direct descendant option.
+ var optionEl = void 0;
+ if (_this71.isMultiple) {
+ optionEl = _this71._appendOptionWithIcon(_this71.$el, el, 'multiple');
+ } else {
+ optionEl = _this71._appendOptionWithIcon(_this71.$el, el);
+ }
+
+ _this71._addOptionToValueDict(el, optionEl);
+ } else if ($(el).is('optgroup')) {
+ // Optgroup.
+ var selectOptions = $(el).children('option');
+ $(_this71.dropdownOptions).append($('<li class="optgroup"><span>' + el.getAttribute('label') + '</span></li>')[0]);
+
+ selectOptions.each(function (el) {
+ var optionEl = _this71._appendOptionWithIcon(_this71.$el, el, 'optgroup-option');
+ _this71._addOptionToValueDict(el, optionEl);
+ });
+ }
+ });
+ }
+
+ this.$el.after(this.dropdownOptions);
+
+ // Add input dropdown
+ this.input = document.createElement('input');
+ $(this.input).addClass('select-dropdown dropdown-trigger');
+ this.input.setAttribute('type', 'text');
+ this.input.setAttribute('readonly', 'true');
+ this.input.setAttribute('data-target', this.dropdownOptions.id);
+ if (this.el.disabled) {
+ $(this.input).prop('disabled', 'true');
+ }
+
+ this.$el.before(this.input);
+ this._setValueToInput();
+
+ // Add caret
+ var dropdownIcon = $('<svg class="caret" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
+ this.$el.before(dropdownIcon[0]);
+
+ // Initialize dropdown
+ if (!this.el.disabled) {
+ var dropdownOptions = $.extend({}, this.options.dropdownOptions);
+
+ // Add callback for centering selected option when dropdown content is scrollable
+ dropdownOptions.onOpenEnd = function (el) {
+ var selectedOption = $(_this71.dropdownOptions).find('.selected').first();
+
+ if (selectedOption.length) {
+ // Focus selected option in dropdown
+ M.keyDown = true;
+ _this71.dropdown.focusedIndex = selectedOption.index();
+ _this71.dropdown._focusFocusedItem();
+ M.keyDown = false;
+
+ // Handle scrolling to selected option
+ if (_this71.dropdown.isScrollable) {
+ var scrollOffset = selectedOption[0].getBoundingClientRect().top - _this71.dropdownOptions.getBoundingClientRect().top; // scroll to selected option
+ scrollOffset -= _this71.dropdownOptions.clientHeight / 2; // center in dropdown
+ _this71.dropdownOptions.scrollTop = scrollOffset;
+ }
+ }
+ };
+
+ if (this.isMultiple) {
+ dropdownOptions.closeOnClick = false;
+ }
+ this.dropdown = M.Dropdown.init(this.input, dropdownOptions);
+ }
+
+ // Add initial selections
+ this._setSelectedStates();
+ }
+
+ /**
+ * Add option to value dict
+ * @param {Element} el original option element
+ * @param {Element} optionEl generated option element
+ */
+
+ }, {
+ key: "_addOptionToValueDict",
+ value: function _addOptionToValueDict(el, optionEl) {
+ var index = Object.keys(this._valueDict).length;
+ var key = this.dropdownOptions.id + index;
+ var obj = {};
+ optionEl.id = key;
+
+ obj.el = el;
+ obj.optionEl = optionEl;
+ this._valueDict[key] = obj;
+ }
+
+ /**
+ * Remove dropdown
+ */
+
+ }, {
+ key: "_removeDropdown",
+ value: function _removeDropdown() {
+ $(this.wrapper).find('.caret').remove();
+ $(this.input).remove();
+ $(this.dropdownOptions).remove();
+ $(this.wrapper).before(this.$el);
+ $(this.wrapper).remove();
+ }
+
+ /**
+ * Setup dropdown
+ * @param {Element} select select element
+ * @param {Element} option option element from select
+ * @param {String} type
+ * @return {Element} option element added
+ */
+
+ }, {
+ key: "_appendOptionWithIcon",
+ value: function _appendOptionWithIcon(select, option, type) {
+ // Add disabled attr if disabled
+ var disabledClass = option.disabled ? 'disabled ' : '';
+ var optgroupClass = type === 'optgroup-option' ? 'optgroup-option ' : '';
+ var multipleCheckbox = this.isMultiple ? "<label><input type=\"checkbox\"" + disabledClass + "\"/><span>" + option.innerHTML + "</span></label>" : option.innerHTML;
+ var liEl = $('<li></li>');
+ var spanEl = $('<span></span>');
+ spanEl.html(multipleCheckbox);
+ liEl.addClass(disabledClass + " " + optgroupClass);
+ liEl.append(spanEl);
+
+ // add icons
+ var iconUrl = option.getAttribute('data-icon');
+ if (!!iconUrl) {
+ var imgEl = $("<img alt=\"\" src=\"" + iconUrl + "\">");
+ liEl.prepend(imgEl);
+ }
+
+ // Check for multiple type.
+ $(this.dropdownOptions).append(liEl[0]);
+ return liEl[0];
+ }
+
+ /**
+ * Toggle entry from option
+ * @param {String} key Option key
+ * @return {Boolean} if entry was added or removed
+ */
+
+ }, {
+ key: "_toggleEntryFromArray",
+ value: function _toggleEntryFromArray(key) {
+ var notAdded = !this._keysSelected.hasOwnProperty(key);
+ var $optionLi = $(this._valueDict[key].optionEl);
+
+ if (notAdded) {
+ this._keysSelected[key] = true;
+ } else {
+ delete this._keysSelected[key];
+ }
+
+ $optionLi.toggleClass('selected', notAdded);
+
+ // Set checkbox checked value
+ $optionLi.find('input[type="checkbox"]').prop('checked', notAdded);
+
+ // use notAdded instead of true (to detect if the option is selected or not)
+ $optionLi.prop('selected', notAdded);
+
+ return notAdded;
+ }
+
+ /**
+ * Set text value to input
+ */
+
+ }, {
+ key: "_setValueToInput",
+ value: function _setValueToInput() {
+ var values = [];
+ var options = this.$el.find('option');
+
+ options.each(function (el) {
+ if ($(el).prop('selected')) {
+ var text = $(el).text();
+ values.push(text);
+ }
+ });
+
+ if (!values.length) {
+ var firstDisabled = this.$el.find('option:disabled').eq(0);
+ if (firstDisabled.length && firstDisabled[0].value === '') {
+ values.push(firstDisabled.text());
+ }
+ }
+
+ this.input.value = values.join(', ');
+ }
+
+ /**
+ * Set selected state of dropdown to match actual select element
+ */
+
+ }, {
+ key: "_setSelectedStates",
+ value: function _setSelectedStates() {
+ this._keysSelected = {};
+
+ for (var key in this._valueDict) {
+ var option = this._valueDict[key];
+ var optionIsSelected = $(option.el).prop('selected');
+ $(option.optionEl).find('input[type="checkbox"]').prop('checked', optionIsSelected);
+ if (optionIsSelected) {
+ this._activateOption($(this.dropdownOptions), $(option.optionEl));
+ this._keysSelected[key] = true;
+ } else {
+ $(option.optionEl).removeClass('selected');
+ }
+ }
+ }
+
+ /**
+ * Make option as selected and scroll to selected position
+ * @param {jQuery} collection Select options jQuery element
+ * @param {Element} newOption element of the new option
+ */
+
+ }, {
+ key: "_activateOption",
+ value: function _activateOption(collection, newOption) {
+ if (newOption) {
+ if (!this.isMultiple) {
+ collection.find('li.selected').removeClass('selected');
+ }
+ var option = $(newOption);
+ option.addClass('selected');
+ }
+ }
+
+ /**
+ * Get Selected Values
+ * @return {Array} Array of selected values
+ */
+
+ }, {
+ key: "getSelectedValues",
+ value: function getSelectedValues() {
+ var selectedValues = [];
+ for (var key in this._keysSelected) {
+ selectedValues.push(this._valueDict[key].el.value);
+ }
+ return selectedValues;
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(FormSelect.__proto__ || Object.getPrototypeOf(FormSelect), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_FormSelect;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return FormSelect;
+ }(Component);
+
+ M.FormSelect = FormSelect;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(FormSelect, 'formSelect', 'M_FormSelect');
+ }
+})(cash);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {};
+
+ /**
+ * @class
+ *
+ */
+
+ var Range = function (_Component21) {
+ _inherits(Range, _Component21);
+
+ /**
+ * Construct Range instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Range(el, options) {
+ _classCallCheck(this, Range);
+
+ var _this72 = _possibleConstructorReturn(this, (Range.__proto__ || Object.getPrototypeOf(Range)).call(this, Range, el, options));
+
+ _this72.el.M_Range = _this72;
+
+ /**
+ * Options for the range
+ * @member Range#options
+ */
+ _this72.options = $.extend({}, Range.defaults, options);
+
+ _this72._mousedown = false;
+
+ // Setup
+ _this72._setupThumb();
+
+ _this72._setupEventHandlers();
+ return _this72;
+ }
+
+ _createClass(Range, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._removeEventHandlers();
+ this._removeThumb();
+ this.el.M_Range = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ this._handleRangeChangeBound = this._handleRangeChange.bind(this);
+ this._handleRangeMousedownTouchstartBound = this._handleRangeMousedownTouchstart.bind(this);
+ this._handleRangeInputMousemoveTouchmoveBound = this._handleRangeInputMousemoveTouchmove.bind(this);
+ this._handleRangeMouseupTouchendBound = this._handleRangeMouseupTouchend.bind(this);
+ this._handleRangeBlurMouseoutTouchleaveBound = this._handleRangeBlurMouseoutTouchleave.bind(this);
+
+ this.el.addEventListener('change', this._handleRangeChangeBound);
+
+ this.el.addEventListener('mousedown', this._handleRangeMousedownTouchstartBound);
+ this.el.addEventListener('touchstart', this._handleRangeMousedownTouchstartBound);
+
+ this.el.addEventListener('input', this._handleRangeInputMousemoveTouchmoveBound);
+ this.el.addEventListener('mousemove', this._handleRangeInputMousemoveTouchmoveBound);
+ this.el.addEventListener('touchmove', this._handleRangeInputMousemoveTouchmoveBound);
+
+ this.el.addEventListener('mouseup', this._handleRangeMouseupTouchendBound);
+ this.el.addEventListener('touchend', this._handleRangeMouseupTouchendBound);
+
+ this.el.addEventListener('blur', this._handleRangeBlurMouseoutTouchleaveBound);
+ this.el.addEventListener('mouseout', this._handleRangeBlurMouseoutTouchleaveBound);
+ this.el.addEventListener('touchleave', this._handleRangeBlurMouseoutTouchleaveBound);
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('change', this._handleRangeChangeBound);
+
+ this.el.removeEventListener('mousedown', this._handleRangeMousedownTouchstartBound);
+ this.el.removeEventListener('touchstart', this._handleRangeMousedownTouchstartBound);
+
+ this.el.removeEventListener('input', this._handleRangeInputMousemoveTouchmoveBound);
+ this.el.removeEventListener('mousemove', this._handleRangeInputMousemoveTouchmoveBound);
+ this.el.removeEventListener('touchmove', this._handleRangeInputMousemoveTouchmoveBound);
+
+ this.el.removeEventListener('mouseup', this._handleRangeMouseupTouchendBound);
+ this.el.removeEventListener('touchend', this._handleRangeMouseupTouchendBound);
+
+ this.el.removeEventListener('blur', this._handleRangeBlurMouseoutTouchleaveBound);
+ this.el.removeEventListener('mouseout', this._handleRangeBlurMouseoutTouchleaveBound);
+ this.el.removeEventListener('touchleave', this._handleRangeBlurMouseoutTouchleaveBound);
+ }
+
+ /**
+ * Handle Range Change
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleRangeChange",
+ value: function _handleRangeChange() {
+ $(this.value).html(this.$el.val());
+
+ if (!$(this.thumb).hasClass('active')) {
+ this._showRangeBubble();
+ }
+
+ var offsetLeft = this._calcRangeOffset();
+ $(this.thumb).addClass('active').css('left', offsetLeft + 'px');
+ }
+
+ /**
+ * Handle Range Mousedown and Touchstart
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleRangeMousedownTouchstart",
+ value: function _handleRangeMousedownTouchstart(e) {
+ // Set indicator value
+ $(this.value).html(this.$el.val());
+
+ this._mousedown = true;
+ this.$el.addClass('active');
+
+ if (!$(this.thumb).hasClass('active')) {
+ this._showRangeBubble();
+ }
+
+ if (e.type !== 'input') {
+ var offsetLeft = this._calcRangeOffset();
+ $(this.thumb).addClass('active').css('left', offsetLeft + 'px');
+ }
+ }
+
+ /**
+ * Handle Range Input, Mousemove and Touchmove
+ */
+
+ }, {
+ key: "_handleRangeInputMousemoveTouchmove",
+ value: function _handleRangeInputMousemoveTouchmove() {
+ if (this._mousedown) {
+ if (!$(this.thumb).hasClass('active')) {
+ this._showRangeBubble();
+ }
+
+ var offsetLeft = this._calcRangeOffset();
+ $(this.thumb).addClass('active').css('left', offsetLeft + 'px');
+ $(this.value).html(this.$el.val());
+ }
+ }
+
+ /**
+ * Handle Range Mouseup and Touchend
+ */
+
+ }, {
+ key: "_handleRangeMouseupTouchend",
+ value: function _handleRangeMouseupTouchend() {
+ this._mousedown = false;
+ this.$el.removeClass('active');
+ }
+
+ /**
+ * Handle Range Blur, Mouseout and Touchleave
+ */
+
+ }, {
+ key: "_handleRangeBlurMouseoutTouchleave",
+ value: function _handleRangeBlurMouseoutTouchleave() {
+ if (!this._mousedown) {
+ var paddingLeft = parseInt(this.$el.css('padding-left'));
+ var marginLeft = 7 + paddingLeft + 'px';
+
+ if ($(this.thumb).hasClass('active')) {
+ anim.remove(this.thumb);
+ anim({
+ targets: this.thumb,
+ height: 0,
+ width: 0,
+ top: 10,
+ easing: 'easeOutQuad',
+ marginLeft: marginLeft,
+ duration: 100
+ });
+ }
+ $(this.thumb).removeClass('active');
+ }
+ }
+
+ /**
+ * Setup dropdown
+ */
+
+ }, {
+ key: "_setupThumb",
+ value: function _setupThumb() {
+ this.thumb = document.createElement('span');
+ this.value = document.createElement('span');
+ $(this.thumb).addClass('thumb');
+ $(this.value).addClass('value');
+ $(this.thumb).append(this.value);
+ this.$el.after(this.thumb);
+ }
+
+ /**
+ * Remove dropdown
+ */
+
+ }, {
+ key: "_removeThumb",
+ value: function _removeThumb() {
+ $(this.thumb).remove();
+ }
+
+ /**
+ * morph thumb into bubble
+ */
+
+ }, {
+ key: "_showRangeBubble",
+ value: function _showRangeBubble() {
+ var paddingLeft = parseInt($(this.thumb).parent().css('padding-left'));
+ var marginLeft = -7 + paddingLeft + 'px'; // TODO: fix magic number?
+ anim.remove(this.thumb);
+ anim({
+ targets: this.thumb,
+ height: 30,
+ width: 30,
+ top: -30,
+ marginLeft: marginLeft,
+ duration: 300,
+ easing: 'easeOutQuint'
+ });
+ }
+
+ /**
+ * Calculate the offset of the thumb
+ * @return {Number} offset in pixels
+ */
+
+ }, {
+ key: "_calcRangeOffset",
+ value: function _calcRangeOffset() {
+ var width = this.$el.width() - 15;
+ var max = parseFloat(this.$el.attr('max')) || 100; // Range default max
+ var min = parseFloat(this.$el.attr('min')) || 0; // Range default min
+ var percent = (parseFloat(this.$el.val()) - min) / (max - min);
+ return percent * width;
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Range.__proto__ || Object.getPrototypeOf(Range), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Range;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Range;
+ }(Component);
+
+ M.Range = Range;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Range, 'range', 'M_Range');
+ }
+
+ Range.init($('input[type=range]'));
+})(cash, M.anime);
diff --git a/gracedb/static/js/materialize.min.js b/gracedb/static/js/materialize.min.js
new file mode 100644
index 000000000..4ff077d6d
--- /dev/null
+++ b/gracedb/static/js/materialize.min.js
@@ -0,0 +1,6 @@
+/*!
+ * Materialize v1.0.0 (http://materializecss.com)
+ * Copyright 2014-2017 Materialize
+ * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
+ */
+var _get=function t(e,i,n){null===e&&(e=Function.prototype);var s=Object.getOwnPropertyDescriptor(e,i);if(void 0===s){var o=Object.getPrototypeOf(e);return null===o?void 0:t(o,i,n)}if("value"in s)return s.value;var a=s.get;return void 0!==a?a.call(n):void 0},_createClass=function(){function n(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(t,e,i){return e&&n(t.prototype,e),i&&n(t,i),t}}();function _possibleConstructorReturn(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}window.cash=function(){var i,o=document,a=window,t=Array.prototype,r=t.slice,n=t.filter,s=t.push,e=function(){},h=function(t){return typeof t==typeof e&&t.call},d=function(t){return"string"==typeof t},l=/^#[\w-]*$/,u=/^\.[\w-]*$/,c=/<.+>/,p=/^\w+$/;function v(t,e){e=e||o;var i=u.test(t)?e.getElementsByClassName(t.slice(1)):p.test(t)?e.getElementsByTagName(t):e.querySelectorAll(t);return i}function f(t){if(!i){var e=(i=o.implementation.createHTMLDocument(null)).createElement("base");e.href=o.location.href,i.head.appendChild(e)}return i.body.innerHTML=t,i.body.childNodes}function m(t){"loading"!==o.readyState?t():o.addEventListener("DOMContentLoaded",t)}function g(t,e){if(!t)return this;if(t.cash&&t!==a)return t;var i,n=t,s=0;if(d(t))n=l.test(t)?o.getElementById(t.slice(1)):c.test(t)?f(t):v(t,e);else if(h(t))return m(t),this;if(!n)return this;if(n.nodeType||n===a)this[0]=n,this.length=1;else for(i=this.length=n.length;s<i;s++)this[s]=n[s];return this}function _(t,e){return new g(t,e)}var y=_.fn=_.prototype=g.prototype={cash:!0,length:0,push:s,splice:t.splice,map:t.map,init:g};function k(t,e){for(var i=t.length,n=0;n<i&&!1!==e.call(t[n],t[n],n,t);n++);}function b(t,e){var i=t&&(t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector||t.oMatchesSelector);return!!i&&i.call(t,e)}function w(e){return d(e)?b:e.cash?function(t){return e.is(t)}:function(t,e){return t===e}}function C(t){return _(r.call(t).filter(function(t,e,i){return i.indexOf(t)===e}))}Object.defineProperty(y,"constructor",{value:_}),_.parseHTML=f,_.noop=e,_.isFunction=h,_.isString=d,_.extend=y.extend=function(t){t=t||{};var e=r.call(arguments),i=e.length,n=1;for(1===e.length&&(t=this,n=0);n<i;n++)if(e[n])for(var s in e[n])e[n].hasOwnProperty(s)&&(t[s]=e[n][s]);return t},_.extend({merge:function(t,e){for(var i=+e.length,n=t.length,s=0;s<i;n++,s++)t[n]=e[s];return t.length=n,t},each:k,matches:b,unique:C,isArray:Array.isArray,isNumeric:function(t){return!isNaN(parseFloat(t))&&isFinite(t)}});var E=_.uid="_cash"+Date.now();function M(t){return t[E]=t[E]||{}}function O(t,e,i){return M(t)[e]=i}function x(t,e){var i=M(t);return void 0===i[e]&&(i[e]=t.dataset?t.dataset[e]:_(t).attr("data-"+e)),i[e]}y.extend({data:function(e,i){if(d(e))return void 0===i?x(this[0],e):this.each(function(t){return O(t,e,i)});for(var t in e)this.data(t,e[t]);return this},removeData:function(s){return this.each(function(t){return i=s,void((n=M(e=t))?delete n[i]:e.dataset?delete e.dataset[i]:_(e).removeAttr("data-"+name));var e,i,n})}});var L=/\S+/g;function T(t){return d(t)&&t.match(L)}function $(t,e){return t.classList?t.classList.contains(e):new RegExp("(^| )"+e+"( |$)","gi").test(t.className)}function B(t,e,i){t.classList?t.classList.add(e):i.indexOf(" "+e+" ")&&(t.className+=" "+e)}function D(t,e){t.classList?t.classList.remove(e):t.className=t.className.replace(e,"")}y.extend({addClass:function(t){var n=T(t);return n?this.each(function(e){var i=" "+e.className+" ";k(n,function(t){B(e,t,i)})}):this},attr:function(e,i){if(e){if(d(e))return void 0===i?this[0]?this[0].getAttribute?this[0].getAttribute(e):this[0][e]:void 0:this.each(function(t){t.setAttribute?t.setAttribute(e,i):t[e]=i});for(var t in e)this.attr(t,e[t]);return this}},hasClass:function(t){var e=!1,i=T(t);return i&&i.length&&this.each(function(t){return!(e=$(t,i[0]))}),e},prop:function(e,i){if(d(e))return void 0===i?this[0][e]:this.each(function(t){t[e]=i});for(var t in e)this.prop(t,e[t]);return this},removeAttr:function(e){return this.each(function(t){t.removeAttribute?t.removeAttribute(e):delete t[e]})},removeClass:function(t){if(!arguments.length)return this.attr("class","");var i=T(t);return i?this.each(function(e){k(i,function(t){D(e,t)})}):this},removeProp:function(e){return this.each(function(t){delete t[e]})},toggleClass:function(t,e){if(void 0!==e)return this[e?"addClass":"removeClass"](t);var n=T(t);return n?this.each(function(e){var i=" "+e.className+" ";k(n,function(t){$(e,t)?D(e,t):B(e,t,i)})}):this}}),y.extend({add:function(t,e){return C(_.merge(this,_(t,e)))},each:function(t){return k(this,t),this},eq:function(t){return _(this.get(t))},filter:function(e){if(!e)return this;var i=h(e)?e:w(e);return _(n.call(this,function(t){return i(t,e)}))},first:function(){return this.eq(0)},get:function(t){return void 0===t?r.call(this):t<0?this[t+this.length]:this[t]},index:function(t){var e=t?_(t)[0]:this[0],i=t?this:_(e).parent().children();return r.call(i).indexOf(e)},last:function(){return this.eq(-1)}});var S,I,A,R,H,P,W=(H=/(?:^\w|[A-Z]|\b\w)/g,P=/[\s-_]+/g,function(t){return t.replace(H,function(t,e){return t[0===e?"toLowerCase":"toUpperCase"]()}).replace(P,"")}),j=(S={},I=document,A=I.createElement("div"),R=A.style,function(e){if(e=W(e),S[e])return S[e];var t=e.charAt(0).toUpperCase()+e.slice(1),i=(e+" "+["webkit","moz","ms","o"].join(t+" ")+t).split(" ");return k(i,function(t){if(t in R)return S[t]=e=S[e]=t,!1}),S[e]});function F(t,e){return parseInt(a.getComputedStyle(t[0],null)[e],10)||0}function q(e,i,t){var n,s=x(e,"_cashEvents"),o=s&&s[i];o&&(t?(e.removeEventListener(i,t),0<=(n=o.indexOf(t))&&o.splice(n,1)):(k(o,function(t){e.removeEventListener(i,t)}),o=[]))}function N(t,e){return"&"+encodeURIComponent(t)+"="+encodeURIComponent(e).replace(/%20/g,"+")}function z(t){var e,i,n,s=t.type;if(!s)return null;switch(s.toLowerCase()){case"select-one":return 0<=(n=(i=t).selectedIndex)?i.options[n].value:null;case"select-multiple":return e=[],k(t.options,function(t){t.selected&&e.push(t.value)}),e.length?e:null;case"radio":case"checkbox":return t.checked?t.value:null;default:return t.value?t.value:null}}function V(e,i,n){var t=d(i);t||!i.length?k(e,t?function(t){return t.insertAdjacentHTML(n?"afterbegin":"beforeend",i)}:function(t,e){return function(t,e,i){if(i){var n=t.childNodes[0];t.insertBefore(e,n)}else t.appendChild(e)}(t,0===e?i:i.cloneNode(!0),n)}):k(i,function(t){return V(e,t,n)})}_.prefixedProp=j,_.camelCase=W,y.extend({css:function(e,i){if(d(e))return e=j(e),1<arguments.length?this.each(function(t){return t.style[e]=i}):a.getComputedStyle(this[0])[e];for(var t in e)this.css(t,e[t]);return this}}),k(["Width","Height"],function(e){var t=e.toLowerCase();y[t]=function(){return this[0].getBoundingClientRect()[t]},y["inner"+e]=function(){return this[0]["client"+e]},y["outer"+e]=function(t){return this[0]["offset"+e]+(t?F(this,"margin"+("Width"===e?"Left":"Top"))+F(this,"margin"+("Width"===e?"Right":"Bottom")):0)}}),y.extend({off:function(e,i){return this.each(function(t){return q(t,e,i)})},on:function(a,i,r,l){var n;if(!d(a)){for(var t in a)this.on(t,i,a[t]);return this}return h(i)&&(r=i,i=null),"ready"===a?(m(r),this):(i&&(n=r,r=function(t){for(var e=t.target;!b(e,i);){if(e===this||null===e)return e=!1;e=e.parentNode}e&&n.call(e,t)}),this.each(function(t){var e,i,n,s,o=r;l&&(o=function(){r.apply(this,arguments),q(t,a,o)}),i=a,n=o,(s=x(e=t,"_cashEvents")||O(e,"_cashEvents",{}))[i]=s[i]||[],s[i].push(n),e.addEventListener(i,n)}))},one:function(t,e,i){return this.on(t,e,i,!0)},ready:m,trigger:function(t,e){if(document.createEvent){var i=document.createEvent("HTMLEvents");return i.initEvent(t,!0,!1),i=this.extend(i,e),this.each(function(t){return t.dispatchEvent(i)})}}}),y.extend({serialize:function(){var s="";return k(this[0].elements||this,function(t){if(!t.disabled&&"FIELDSET"!==t.tagName){var e=t.name;switch(t.type.toLowerCase()){case"file":case"reset":case"submit":case"button":break;case"select-multiple":var i=z(t);null!==i&&k(i,function(t){s+=N(e,t)});break;default:var n=z(t);null!==n&&(s+=N(e,n))}}}),s.substr(1)},val:function(e){return void 0===e?z(this[0]):this.each(function(t){return t.value=e})}}),y.extend({after:function(t){return _(t).insertAfter(this),this},append:function(t){return V(this,t),this},appendTo:function(t){return V(_(t),this),this},before:function(t){return _(t).insertBefore(this),this},clone:function(){return _(this.map(function(t){return t.cloneNode(!0)}))},empty:function(){return this.html(""),this},html:function(t){if(void 0===t)return this[0].innerHTML;var e=t.nodeType?t[0].outerHTML:t;return this.each(function(t){return t.innerHTML=e})},insertAfter:function(t){var s=this;return _(t).each(function(t,e){var i=t.parentNode,n=t.nextSibling;s.each(function(t){i.insertBefore(0===e?t:t.cloneNode(!0),n)})}),this},insertBefore:function(t){var s=this;return _(t).each(function(e,i){var n=e.parentNode;s.each(function(t){n.insertBefore(0===i?t:t.cloneNode(!0),e)})}),this},prepend:function(t){return V(this,t,!0),this},prependTo:function(t){return V(_(t),this,!0),this},remove:function(){return this.each(function(t){if(t.parentNode)return t.parentNode.removeChild(t)})},text:function(e){return void 0===e?this[0].textContent:this.each(function(t){return t.textContent=e})}});var X=o.documentElement;return y.extend({position:function(){var t=this[0];return{left:t.offsetLeft,top:t.offsetTop}},offset:function(){var t=this[0].getBoundingClientRect();return{top:t.top+a.pageYOffset-X.clientTop,left:t.left+a.pageXOffset-X.clientLeft}},offsetParent:function(){return _(this[0].offsetParent)}}),y.extend({children:function(e){var i=[];return this.each(function(t){s.apply(i,t.children)}),i=C(i),e?i.filter(function(t){return b(t,e)}):i},closest:function(t){return!t||this.length<1?_():this.is(t)?this.filter(t):this.parent().closest(t)},is:function(e){if(!e)return!1;var i=!1,n=w(e);return this.each(function(t){return!(i=n(t,e))}),i},find:function(e){if(!e||e.nodeType)return _(e&&this.has(e).length?e:null);var i=[];return this.each(function(t){s.apply(i,v(e,t))}),C(i)},has:function(e){var t=d(e)?function(t){return 0!==v(e,t).length}:function(t){return t.contains(e)};return this.filter(t)},next:function(){return _(this[0].nextElementSibling)},not:function(e){if(!e)return this;var i=w(e);return this.filter(function(t){return!i(t,e)})},parent:function(){var e=[];return this.each(function(t){t&&t.parentNode&&e.push(t.parentNode)}),C(e)},parents:function(e){var i,n=[];return this.each(function(t){for(i=t;i&&i.parentNode&&i!==o.body.parentNode;)i=i.parentNode,(!e||e&&b(i,e))&&n.push(i)}),C(n)},prev:function(){return _(this[0].previousElementSibling)},siblings:function(t){var e=this.parent().children(t),i=this[0];return e.filter(function(t){return t!==i})}}),_}();var Component=function(){function s(t,e,i){_classCallCheck(this,s),e instanceof Element||console.error(Error(e+" is not an HTML Element"));var n=t.getInstance(e);n&&n.destroy(),this.el=e,this.$el=cash(e)}return _createClass(s,null,[{key:"init",value:function(t,e,i){var n=null;if(e instanceof Element)n=new t(e,i);else if(e&&(e.jquery||e.cash||e instanceof NodeList)){for(var s=[],o=0;o<e.length;o++)s.push(new t(e[o],i));n=s}return n}}]),s}();!function(t){t.Package?M={}:t.M={},M.jQueryLoaded=!!t.jQuery}(window),"function"==typeof define&&define.amd?define("M",[],function(){return M}):"undefined"==typeof exports||exports.nodeType||("undefined"!=typeof module&&!module.nodeType&&module.exports&&(exports=module.exports=M),exports.default=M),M.version="1.0.0",M.keys={TAB:9,ENTER:13,ESC:27,ARROW_UP:38,ARROW_DOWN:40},M.tabPressed=!1,M.keyDown=!1;var docHandleKeydown=function(t){M.keyDown=!0,t.which!==M.keys.TAB&&t.which!==M.keys.ARROW_DOWN&&t.which!==M.keys.ARROW_UP||(M.tabPressed=!0)},docHandleKeyup=function(t){M.keyDown=!1,t.which!==M.keys.TAB&&t.which!==M.keys.ARROW_DOWN&&t.which!==M.keys.ARROW_UP||(M.tabPressed=!1)},docHandleFocus=function(t){M.keyDown&&document.body.classList.add("keyboard-focused")},docHandleBlur=function(t){document.body.classList.remove("keyboard-focused")};document.addEventListener("keydown",docHandleKeydown,!0),document.addEventListener("keyup",docHandleKeyup,!0),document.addEventListener("focus",docHandleFocus,!0),document.addEventListener("blur",docHandleBlur,!0),M.initializeJqueryWrapper=function(n,s,o){jQuery.fn[s]=function(e){if(n.prototype[e]){var i=Array.prototype.slice.call(arguments,1);if("get"===e.slice(0,3)){var t=this.first()[0][o];return t[e].apply(t,i)}return this.each(function(){var t=this[o];t[e].apply(t,i)})}if("object"==typeof e||!e)return n.init(this,e),this;jQuery.error("Method "+e+" does not exist on jQuery."+s)}},M.AutoInit=function(t){var e=t||document.body,i={Autocomplete:e.querySelectorAll(".autocomplete:not(.no-autoinit)"),Carousel:e.querySelectorAll(".carousel:not(.no-autoinit)"),Chips:e.querySelectorAll(".chips:not(.no-autoinit)"),Collapsible:e.querySelectorAll(".collapsible:not(.no-autoinit)"),Datepicker:e.querySelectorAll(".datepicker:not(.no-autoinit)"),Dropdown:e.querySelectorAll(".dropdown-trigger:not(.no-autoinit)"),Materialbox:e.querySelectorAll(".materialboxed:not(.no-autoinit)"),Modal:e.querySelectorAll(".modal:not(.no-autoinit)"),Parallax:e.querySelectorAll(".parallax:not(.no-autoinit)"),Pushpin:e.querySelectorAll(".pushpin:not(.no-autoinit)"),ScrollSpy:e.querySelectorAll(".scrollspy:not(.no-autoinit)"),FormSelect:e.querySelectorAll("select:not(.no-autoinit)"),Sidenav:e.querySelectorAll(".sidenav:not(.no-autoinit)"),Tabs:e.querySelectorAll(".tabs:not(.no-autoinit)"),TapTarget:e.querySelectorAll(".tap-target:not(.no-autoinit)"),Timepicker:e.querySelectorAll(".timepicker:not(.no-autoinit)"),Tooltip:e.querySelectorAll(".tooltipped:not(.no-autoinit)"),FloatingActionButton:e.querySelectorAll(".fixed-action-btn:not(.no-autoinit)")};for(var n in i){M[n].init(i[n])}},M.objectSelectorString=function(t){return((t.prop("tagName")||"")+(t.attr("id")||"")+(t.attr("class")||"")).replace(/\s/g,"")},M.guid=function(){function t(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return function(){return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}}(),M.escapeHash=function(t){return t.replace(/(:|\.|\[|\]|,|=|\/)/g,"\\$1")},M.elementOrParentIsFixed=function(t){var e=$(t),i=e.add(e.parents()),n=!1;return i.each(function(){if("fixed"===$(this).css("position"))return!(n=!0)}),n},M.checkWithinContainer=function(t,e,i){var n={top:!1,right:!1,bottom:!1,left:!1},s=t.getBoundingClientRect(),o=t===document.body?Math.max(s.bottom,window.innerHeight):s.bottom,a=t.scrollLeft,r=t.scrollTop,l=e.left-a,h=e.top-r;return(l<s.left+i||l<i)&&(n.left=!0),(l+e.width>s.right-i||l+e.width>window.innerWidth-i)&&(n.right=!0),(h<s.top+i||h<i)&&(n.top=!0),(h+e.height>o-i||h+e.height>window.innerHeight-i)&&(n.bottom=!0),n},M.checkPossibleAlignments=function(t,e,i,n){var s={top:!0,right:!0,bottom:!0,left:!0,spaceOnTop:null,spaceOnRight:null,spaceOnBottom:null,spaceOnLeft:null},o="visible"===getComputedStyle(e).overflow,a=e.getBoundingClientRect(),r=Math.min(a.height,window.innerHeight),l=Math.min(a.width,window.innerWidth),h=t.getBoundingClientRect(),d=e.scrollLeft,u=e.scrollTop,c=i.left-d,p=i.top-u,v=i.top+h.height-u;return s.spaceOnRight=o?window.innerWidth-(h.left+i.width):l-(c+i.width),s.spaceOnRight<0&&(s.left=!1),s.spaceOnLeft=o?h.right-i.width:c-i.width+h.width,s.spaceOnLeft<0&&(s.right=!1),s.spaceOnBottom=o?window.innerHeight-(h.top+i.height+n):r-(p+i.height+n),s.spaceOnBottom<0&&(s.top=!1),s.spaceOnTop=o?h.bottom-(i.height+n):v-(i.height-n),s.spaceOnTop<0&&(s.bottom=!1),s},M.getOverflowParent=function(t){return null==t?null:t===document.body||"visible"!==getComputedStyle(t).overflow?t:M.getOverflowParent(t.parentElement)},M.getIdFromTrigger=function(t){var e=t.getAttribute("data-target");return e||(e=(e=t.getAttribute("href"))?e.slice(1):""),e},M.getDocumentScrollTop=function(){return window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0},M.getDocumentScrollLeft=function(){return window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0};var getTime=Date.now||function(){return(new Date).getTime()};M.throttle=function(i,n,s){var o=void 0,a=void 0,r=void 0,l=null,h=0;s||(s={});var d=function(){h=!1===s.leading?0:getTime(),l=null,r=i.apply(o,a),o=a=null};return function(){var t=getTime();h||!1!==s.leading||(h=t);var e=n-(t-h);return o=this,a=arguments,e<=0?(clearTimeout(l),l=null,h=t,r=i.apply(o,a),o=a=null):l||!1===s.trailing||(l=setTimeout(d,e)),r}};var $jscomp={scope:{}};$jscomp.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(t,e,i){if(i.get||i.set)throw new TypeError("ES3 does not support getters and setters.");t!=Array.prototype&&t!=Object.prototype&&(t[e]=i.value)},$jscomp.getGlobal=function(t){return"undefined"!=typeof window&&window===t?t:"undefined"!=typeof global&&null!=global?global:t},$jscomp.global=$jscomp.getGlobal(this),$jscomp.SYMBOL_PREFIX="jscomp_symbol_",$jscomp.initSymbol=function(){$jscomp.initSymbol=function(){},$jscomp.global.Symbol||($jscomp.global.Symbol=$jscomp.Symbol)},$jscomp.symbolCounter_=0,$jscomp.Symbol=function(t){return $jscomp.SYMBOL_PREFIX+(t||"")+$jscomp.symbolCounter_++},$jscomp.initSymbolIterator=function(){$jscomp.initSymbol();var t=$jscomp.global.Symbol.iterator;t||(t=$jscomp.global.Symbol.iterator=$jscomp.global.Symbol("iterator")),"function"!=typeof Array.prototype[t]&&$jscomp.defineProperty(Array.prototype,t,{configurable:!0,writable:!0,value:function(){return $jscomp.arrayIterator(this)}}),$jscomp.initSymbolIterator=function(){}},$jscomp.arrayIterator=function(t){var e=0;return $jscomp.iteratorPrototype(function(){return e<t.length?{done:!1,value:t[e++]}:{done:!0}})},$jscomp.iteratorPrototype=function(t){return $jscomp.initSymbolIterator(),(t={next:t})[$jscomp.global.Symbol.iterator]=function(){return this},t},$jscomp.array=$jscomp.array||{},$jscomp.iteratorFromArray=function(e,i){$jscomp.initSymbolIterator(),e instanceof String&&(e+="");var n=0,s={next:function(){if(n<e.length){var t=n++;return{value:i(t,e[t]),done:!1}}return s.next=function(){return{done:!0,value:void 0}},s.next()}};return s[Symbol.iterator]=function(){return s},s},$jscomp.polyfill=function(t,e,i,n){if(e){for(i=$jscomp.global,t=t.split("."),n=0;n<t.length-1;n++){var s=t[n];s in i||(i[s]={}),i=i[s]}(e=e(n=i[t=t[t.length-1]]))!=n&&null!=e&&$jscomp.defineProperty(i,t,{configurable:!0,writable:!0,value:e})}},$jscomp.polyfill("Array.prototype.keys",function(t){return t||function(){return $jscomp.iteratorFromArray(this,function(t){return t})}},"es6-impl","es3");var $jscomp$this=this;M.anime=function(){function s(t){if(!B.col(t))try{return document.querySelectorAll(t)}catch(t){}}function b(t,e){for(var i=t.length,n=2<=arguments.length?e:void 0,s=[],o=0;o<i;o++)if(o in t){var a=t[o];e.call(n,a,o,t)&&s.push(a)}return s}function d(t){return t.reduce(function(t,e){return t.concat(B.arr(e)?d(e):e)},[])}function o(t){return B.arr(t)?t:(B.str(t)&&(t=s(t)||t),t instanceof NodeList||t instanceof HTMLCollection?[].slice.call(t):[t])}function a(t,e){return t.some(function(t){return t===e})}function r(t){var e,i={};for(e in t)i[e]=t[e];return i}function u(t,e){var i,n=r(t);for(i in t)n[i]=e.hasOwnProperty(i)?e[i]:t[i];return n}function c(t,e){var i,n=r(t);for(i in e)n[i]=B.und(t[i])?e[i]:t[i];return n}function l(t){if(t=/([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(t))return t[2]}function h(t,e){return B.fnc(t)?t(e.target,e.id,e.total):t}function w(t,e){if(e in t.style)return getComputedStyle(t).getPropertyValue(e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())||"0"}function p(t,e){return B.dom(t)&&a($,e)?"transform":B.dom(t)&&(t.getAttribute(e)||B.svg(t)&&t[e])?"attribute":B.dom(t)&&"transform"!==e&&w(t,e)?"css":null!=t[e]?"object":void 0}function v(t,e){switch(p(t,e)){case"transform":return function(t,i){var e,n=-1<(e=i).indexOf("translate")||"perspective"===e?"px":-1<e.indexOf("rotate")||-1<e.indexOf("skew")?"deg":void 0,n=-1<i.indexOf("scale")?1:0+n;if(!(t=t.style.transform))return n;for(var s=[],o=[],a=[],r=/(\w+)\((.+?)\)/g;s=r.exec(t);)o.push(s[1]),a.push(s[2]);return(t=b(a,function(t,e){return o[e]===i})).length?t[0]:n}(t,e);case"css":return w(t,e);case"attribute":return t.getAttribute(e)}return t[e]||0}function f(t,e){var i=/^(\*=|\+=|-=)/.exec(t);if(!i)return t;var n=l(t)||0;switch(e=parseFloat(e),t=parseFloat(t.replace(i[0],"")),i[0][0]){case"+":return e+t+n;case"-":return e-t+n;case"*":return e*t+n}}function m(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function i(t){t=t.points;for(var e,i=0,n=0;n<t.numberOfItems;n++){var s=t.getItem(n);0<n&&(i+=m(e,s)),e=s}return i}function g(t){if(t.getTotalLength)return t.getTotalLength();switch(t.tagName.toLowerCase()){case"circle":return 2*Math.PI*t.getAttribute("r");case"rect":return 2*t.getAttribute("width")+2*t.getAttribute("height");case"line":return m({x:t.getAttribute("x1"),y:t.getAttribute("y1")},{x:t.getAttribute("x2"),y:t.getAttribute("y2")});case"polyline":return i(t);case"polygon":var e=t.points;return i(t)+m(e.getItem(e.numberOfItems-1),e.getItem(0))}}function C(e,i){function t(t){return t=void 0===t?0:t,e.el.getPointAtLength(1<=i+t?i+t:0)}var n=t(),s=t(-1),o=t(1);switch(e.property){case"x":return n.x;case"y":return n.y;case"angle":return 180*Math.atan2(o.y-s.y,o.x-s.x)/Math.PI}}function _(t,e){var i,n=/-?\d*\.?\d+/g;if(i=B.pth(t)?t.totalLength:t,B.col(i))if(B.rgb(i)){var s=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(i);i=s?"rgba("+s[1]+",1)":i}else i=B.hex(i)?function(t){t=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,function(t,e,i,n){return e+e+i+i+n+n});var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);t=parseInt(e[1],16);var i=parseInt(e[2],16),e=parseInt(e[3],16);return"rgba("+t+","+i+","+e+",1)"}(i):B.hsl(i)?function(t){function e(t,e,i){return i<0&&(i+=1),1<i&&--i,i<1/6?t+6*(e-t)*i:i<.5?e:i<2/3?t+(e-t)*(2/3-i)*6:t}var i=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(t)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(t);t=parseInt(i[1])/360;var n=parseInt(i[2])/100,s=parseInt(i[3])/100,i=i[4]||1;if(0==n)s=n=t=s;else{var o=s<.5?s*(1+n):s+n-s*n,a=2*s-o,s=e(a,o,t+1/3),n=e(a,o,t);t=e(a,o,t-1/3)}return"rgba("+255*s+","+255*n+","+255*t+","+i+")"}(i):void 0;else s=(s=l(i))?i.substr(0,i.length-s.length):i,i=e&&!/\s/g.test(i)?s+e:s;return{original:i+="",numbers:i.match(n)?i.match(n).map(Number):[0],strings:B.str(t)||e?i.split(n):[]}}function y(t){return b(t=t?d(B.arr(t)?t.map(o):o(t)):[],function(t,e,i){return i.indexOf(t)===e})}function k(t,i){var e=r(i);if(B.arr(t)){var n=t.length;2!==n||B.obj(t[0])?B.fnc(i.duration)||(e.duration=i.duration/n):t={value:t}}return o(t).map(function(t,e){return e=e?0:i.delay,t=B.obj(t)&&!B.pth(t)?t:{value:t},B.und(t.delay)&&(t.delay=e),t}).map(function(t){return c(t,e)})}function E(o,a){var r;return o.tweens.map(function(t){var e=(t=function(t,e){var i,n={};for(i in t){var s=h(t[i],e);B.arr(s)&&1===(s=s.map(function(t){return h(t,e)})).length&&(s=s[0]),n[i]=s}return n.duration=parseFloat(n.duration),n.delay=parseFloat(n.delay),n}(t,a)).value,i=v(a.target,o.name),n=r?r.to.original:i,n=B.arr(e)?e[0]:n,s=f(B.arr(e)?e[1]:e,n),i=l(s)||l(n)||l(i);return t.from=_(n,i),t.to=_(s,i),t.start=r?r.end:o.offset,t.end=t.start+t.delay+t.duration,t.easing=function(t){return B.arr(t)?D.apply(this,t):S[t]}(t.easing),t.elasticity=(1e3-Math.min(Math.max(t.elasticity,1),999))/1e3,t.isPath=B.pth(e),t.isColor=B.col(t.from.original),t.isColor&&(t.round=1),r=t})}function M(e,t,i,n){var s="delay"===e;return t.length?(s?Math.min:Math.max).apply(Math,t.map(function(t){return t[e]})):s?n.delay:i.offset+n.delay+n.duration}function n(t){var e,i,n,s,o=u(L,t),a=u(T,t),r=(i=t.targets,(n=y(i)).map(function(t,e){return{target:t,id:e,total:n.length}})),l=[],h=c(o,a);for(e in t)h.hasOwnProperty(e)||"targets"===e||l.push({name:e,offset:h.offset,tweens:k(t[e],a)});return s=l,t=b(d(r.map(function(n){return s.map(function(t){var e=p(n.target,t.name);if(e){var i=E(t,n);t={type:e,property:t.name,animatable:n,tweens:i,duration:i[i.length-1].end,delay:i[0].delay}}else t=void 0;return t})})),function(t){return!B.und(t)}),c(o,{children:[],animatables:r,animations:t,duration:M("duration",t,o,a),delay:M("delay",t,o,a)})}function O(t){function d(){return window.Promise&&new Promise(function(t){return _=t})}function u(t){return k.reversed?k.duration-t:t}function c(e){for(var t=0,i={},n=k.animations,s=n.length;t<s;){var o=n[t],a=o.animatable,r=o.tweens,l=r.length-1,h=r[l];l&&(h=b(r,function(t){return e<t.end})[0]||h);for(var r=Math.min(Math.max(e-h.start-h.delay,0),h.duration)/h.duration,d=isNaN(r)?1:h.easing(r,h.elasticity),r=h.to.strings,u=h.round,l=[],c=void 0,c=h.to.numbers.length,p=0;p<c;p++){var v=void 0,v=h.to.numbers[p],f=h.from.numbers[p],v=h.isPath?C(h.value,d*v):f+d*(v-f);u&&(h.isColor&&2<p||(v=Math.round(v*u)/u)),l.push(v)}if(h=r.length)for(c=r[0],d=0;d<h;d++)u=r[d+1],p=l[d],isNaN(p)||(c=u?c+(p+u):c+(p+" "));else c=l[0];I[o.type](a.target,o.property,c,i,a.id),o.currentValue=c,t++}if(t=Object.keys(i).length)for(n=0;n<t;n++)x||(x=w(document.body,"transform")?"transform":"-webkit-transform"),k.animatables[n].target.style[x]=i[n].join(" ");k.currentTime=e,k.progress=e/k.duration*100}function p(t){k[t]&&k[t](k)}function v(){k.remaining&&!0!==k.remaining&&k.remaining--}function e(t){var e=k.duration,i=k.offset,n=i+k.delay,s=k.currentTime,o=k.reversed,a=u(t);if(k.children.length){var r=k.children,l=r.length;if(a>=k.currentTime)for(var h=0;h<l;h++)r[h].seek(a);else for(;l--;)r[l].seek(a)}(n<=a||!e)&&(k.began||(k.began=!0,p("begin")),p("run")),i<a&&a<e?c(a):(a<=i&&0!==s&&(c(0),o&&v()),(e<=a&&s!==e||!e)&&(c(e),o||v())),p("update"),e<=t&&(k.remaining?(m=f,"alternate"===k.direction&&(k.reversed=!k.reversed)):(k.pause(),k.completed||(k.completed=!0,p("complete"),"Promise"in window&&(_(),y=d()))),g=0)}t=void 0===t?{}:t;var f,m,g=0,_=null,y=d(),k=n(t);return k.reset=function(){var t=k.direction,e=k.loop;for(k.currentTime=0,k.progress=0,k.paused=!0,k.began=!1,k.completed=!1,k.reversed="reverse"===t,k.remaining="alternate"===t&&1===e?2:e,c(0),t=k.children.length;t--;)k.children[t].reset()},k.tick=function(t){f=t,m||(m=f),e((g+f-m)*O.speed)},k.seek=function(t){e(u(t))},k.pause=function(){var t=A.indexOf(k);-1<t&&A.splice(t,1),k.paused=!0},k.play=function(){k.paused&&(k.paused=!1,m=0,g=u(k.currentTime),A.push(k),R||H())},k.reverse=function(){k.reversed=!k.reversed,m=0,g=u(k.currentTime)},k.restart=function(){k.pause(),k.reset(),k.play()},k.finished=y,k.reset(),k.autoplay&&k.play(),k}var x,L={update:void 0,begin:void 0,run:void 0,complete:void 0,loop:1,direction:"normal",autoplay:!0,offset:0},T={duration:1e3,delay:0,easing:"easeOutElastic",elasticity:500,round:0},$="translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),B={arr:function(t){return Array.isArray(t)},obj:function(t){return-1<Object.prototype.toString.call(t).indexOf("Object")},pth:function(t){return B.obj(t)&&t.hasOwnProperty("totalLength")},svg:function(t){return t instanceof SVGElement},dom:function(t){return t.nodeType||B.svg(t)},str:function(t){return"string"==typeof t},fnc:function(t){return"function"==typeof t},und:function(t){return void 0===t},hex:function(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)},rgb:function(t){return/^rgb/.test(t)},hsl:function(t){return/^hsl/.test(t)},col:function(t){return B.hex(t)||B.rgb(t)||B.hsl(t)}},D=function(){function u(t,e,i){return(((1-3*i+3*e)*t+(3*i-6*e))*t+3*e)*t}return function(a,r,l,h){if(0<=a&&a<=1&&0<=l&&l<=1){var d=new Float32Array(11);if(a!==r||l!==h)for(var t=0;t<11;++t)d[t]=u(.1*t,a,l);return function(t){if(a===r&&l===h)return t;if(0===t)return 0;if(1===t)return 1;for(var e=0,i=1;10!==i&&d[i]<=t;++i)e+=.1;var i=e+(t-d[--i])/(d[i+1]-d[i])*.1,n=3*(1-3*l+3*a)*i*i+2*(3*l-6*a)*i+3*a;if(.001<=n){for(e=0;e<4&&0!=(n=3*(1-3*l+3*a)*i*i+2*(3*l-6*a)*i+3*a);++e)var s=u(i,a,l)-t,i=i-s/n;t=i}else if(0===n)t=i;else{for(var i=e,e=e+.1,o=0;0<(n=u(s=i+(e-i)/2,a,l)-t)?e=s:i=s,1e-7<Math.abs(n)&&++o<10;);t=s}return u(t,r,h)}}}}(),S=function(){function i(t,e){return 0===t||1===t?t:-Math.pow(2,10*(t-1))*Math.sin(2*(t-1-e/(2*Math.PI)*Math.asin(1))*Math.PI/e)}var t,n="Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),e={In:[[.55,.085,.68,.53],[.55,.055,.675,.19],[.895,.03,.685,.22],[.755,.05,.855,.06],[.47,0,.745,.715],[.95,.05,.795,.035],[.6,.04,.98,.335],[.6,-.28,.735,.045],i],Out:[[.25,.46,.45,.94],[.215,.61,.355,1],[.165,.84,.44,1],[.23,1,.32,1],[.39,.575,.565,1],[.19,1,.22,1],[.075,.82,.165,1],[.175,.885,.32,1.275],function(t,e){return 1-i(1-t,e)}],InOut:[[.455,.03,.515,.955],[.645,.045,.355,1],[.77,0,.175,1],[.86,0,.07,1],[.445,.05,.55,.95],[1,0,0,1],[.785,.135,.15,.86],[.68,-.55,.265,1.55],function(t,e){return t<.5?i(2*t,e)/2:1-i(-2*t+2,e)/2}]},s={linear:D(.25,.25,.75,.75)},o={};for(t in e)o.type=t,e[o.type].forEach(function(i){return function(t,e){s["ease"+i.type+n[e]]=B.fnc(t)?t:D.apply($jscomp$this,t)}}(o)),o={type:o.type};return s}(),I={css:function(t,e,i){return t.style[e]=i},attribute:function(t,e,i){return t.setAttribute(e,i)},object:function(t,e,i){return t[e]=i},transform:function(t,e,i,n,s){n[s]||(n[s]=[]),n[s].push(e+"("+i+")")}},A=[],R=0,H=function(){function n(){R=requestAnimationFrame(t)}function t(t){var e=A.length;if(e){for(var i=0;i<e;)A[i]&&A[i].tick(t),i++;n()}else cancelAnimationFrame(R),R=0}return n}();return O.version="2.2.0",O.speed=1,O.running=A,O.remove=function(t){t=y(t);for(var e=A.length;e--;)for(var i=A[e],n=i.animations,s=n.length;s--;)a(t,n[s].animatable.target)&&(n.splice(s,1),n.length||i.pause())},O.getValue=v,O.path=function(t,e){var i=B.str(t)?s(t)[0]:t,n=e||100;return function(t){return{el:i,property:t,totalLength:g(i)*(n/100)}}},O.setDashoffset=function(t){var e=g(t);return t.setAttribute("stroke-dasharray",e),e},O.bezier=D,O.easings=S,O.timeline=function(n){var s=O(n);return s.pause(),s.duration=0,s.add=function(t){return s.children.forEach(function(t){t.began=!0,t.completed=!0}),o(t).forEach(function(t){var e=c(t,u(T,n||{}));e.targets=e.targets||n.targets,t=s.duration;var i=e.offset;e.autoplay=!1,e.direction=s.direction,e.offset=B.und(i)?t:f(i,t),s.began=!0,s.completed=!0,s.seek(e.offset),(e=O(e)).began=!0,e.completed=!0,e.duration>t&&(s.duration=e.duration),s.children.push(e)}),s.seek(0),s.reset(),s.autoplay&&s.restart(),s},s},O.random=function(t,e){return Math.floor(Math.random()*(e-t+1))+t},O}(),function(r,l){"use strict";var e={accordion:!0,onOpenStart:void 0,onOpenEnd:void 0,onCloseStart:void 0,onCloseEnd:void 0,inDuration:300,outDuration:300},t=function(t){function s(t,e){_classCallCheck(this,s);var i=_possibleConstructorReturn(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,s,t,e));(i.el.M_Collapsible=i).options=r.extend({},s.defaults,e),i.$headers=i.$el.children("li").children(".collapsible-header"),i.$headers.attr("tabindex",0),i._setupEventHandlers();var n=i.$el.children("li.active").children(".collapsible-body");return i.options.accordion?n.first().css("display","block"):n.css("display","block"),i}return _inherits(s,Component),_createClass(s,[{key:"destroy",value:function(){this._removeEventHandlers(),this.el.M_Collapsible=void 0}},{key:"_setupEventHandlers",value:function(){var e=this;this._handleCollapsibleClickBound=this._handleCollapsibleClick.bind(this),this._handleCollapsibleKeydownBound=this._handleCollapsibleKeydown.bind(this),this.el.addEventListener("click",this._handleCollapsibleClickBound),this.$headers.each(function(t){t.addEventListener("keydown",e._handleCollapsibleKeydownBound)})}},{key:"_removeEventHandlers",value:function(){var e=this;this.el.removeEventListener("click",this._handleCollapsibleClickBound),this.$headers.each(function(t){t.removeEventListener("keydown",e._handleCollapsibleKeydownBound)})}},{key:"_handleCollapsibleClick",value:function(t){var e=r(t.target).closest(".collapsible-header");if(t.target&&e.length){var i=e.closest(".collapsible");if(i[0]===this.el){var n=e.closest("li"),s=i.children("li"),o=n[0].classList.contains("active"),a=s.index(n);o?this.close(a):this.open(a)}}}},{key:"_handleCollapsibleKeydown",value:function(t){13===t.keyCode&&this._handleCollapsibleClickBound(t)}},{key:"_animateIn",value:function(t){var e=this,i=this.$el.children("li").eq(t);if(i.length){var n=i.children(".collapsible-body");l.remove(n[0]),n.css({display:"block",overflow:"hidden",height:0,paddingTop:"",paddingBottom:""});var s=n.css("padding-top"),o=n.css("padding-bottom"),a=n[0].scrollHeight;n.css({paddingTop:0,paddingBottom:0}),l({targets:n[0],height:a,paddingTop:s,paddingBottom:o,duration:this.options.inDuration,easing:"easeInOutCubic",complete:function(t){n.css({overflow:"",paddingTop:"",paddingBottom:"",height:""}),"function"==typeof e.options.onOpenEnd&&e.options.onOpenEnd.call(e,i[0])}})}}},{key:"_animateOut",value:function(t){var e=this,i=this.$el.children("li").eq(t);if(i.length){var n=i.children(".collapsible-body");l.remove(n[0]),n.css("overflow","hidden"),l({targets:n[0],height:0,paddingTop:0,paddingBottom:0,duration:this.options.outDuration,easing:"easeInOutCubic",complete:function(){n.css({height:"",overflow:"",padding:"",display:""}),"function"==typeof e.options.onCloseEnd&&e.options.onCloseEnd.call(e,i[0])}})}}},{key:"open",value:function(t){var i=this,e=this.$el.children("li").eq(t);if(e.length&&!e[0].classList.contains("active")){if("function"==typeof this.options.onOpenStart&&this.options.onOpenStart.call(this,e[0]),this.options.accordion){var n=this.$el.children("li");this.$el.children("li.active").each(function(t){var e=n.index(r(t));i.close(e)})}e[0].classList.add("active"),this._animateIn(t)}}},{key:"close",value:function(t){var e=this.$el.children("li").eq(t);e.length&&e[0].classList.contains("active")&&("function"==typeof this.options.onCloseStart&&this.options.onCloseStart.call(this,e[0]),e[0].classList.remove("active"),this._animateOut(t))}}],[{key:"init",value:function(t,e){return _get(s.__proto__||Object.getPrototypeOf(s),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Collapsible}},{key:"defaults",get:function(){return e}}]),s}();M.Collapsible=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"collapsible","M_Collapsible")}(cash,M.anime),function(h,i){"use strict";var e={alignment:"left",autoFocus:!0,constrainWidth:!0,container:null,coverTrigger:!0,closeOnClick:!0,hover:!1,inDuration:150,outDuration:250,onOpenStart:null,onOpenEnd:null,onCloseStart:null,onCloseEnd:null,onItemClick:null},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return i.el.M_Dropdown=i,n._dropdowns.push(i),i.id=M.getIdFromTrigger(t),i.dropdownEl=document.getElementById(i.id),i.$dropdownEl=h(i.dropdownEl),i.options=h.extend({},n.defaults,e),i.isOpen=!1,i.isScrollable=!1,i.isTouchMoving=!1,i.focusedIndex=-1,i.filterQuery=[],i.options.container?h(i.options.container).append(i.dropdownEl):i.$el.after(i.dropdownEl),i._makeDropdownFocusable(),i._resetFilterQueryBound=i._resetFilterQuery.bind(i),i._handleDocumentClickBound=i._handleDocumentClick.bind(i),i._handleDocumentTouchmoveBound=i._handleDocumentTouchmove.bind(i),i._handleDropdownClickBound=i._handleDropdownClick.bind(i),i._handleDropdownKeydownBound=i._handleDropdownKeydown.bind(i),i._handleTriggerKeydownBound=i._handleTriggerKeydown.bind(i),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._resetDropdownStyles(),this._removeEventHandlers(),n._dropdowns.splice(n._dropdowns.indexOf(this),1),this.el.M_Dropdown=void 0}},{key:"_setupEventHandlers",value:function(){this.el.addEventListener("keydown",this._handleTriggerKeydownBound),this.dropdownEl.addEventListener("click",this._handleDropdownClickBound),this.options.hover?(this._handleMouseEnterBound=this._handleMouseEnter.bind(this),this.el.addEventListener("mouseenter",this._handleMouseEnterBound),this._handleMouseLeaveBound=this._handleMouseLeave.bind(this),this.el.addEventListener("mouseleave",this._handleMouseLeaveBound),this.dropdownEl.addEventListener("mouseleave",this._handleMouseLeaveBound)):(this._handleClickBound=this._handleClick.bind(this),this.el.addEventListener("click",this._handleClickBound))}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("keydown",this._handleTriggerKeydownBound),this.dropdownEl.removeEventListener("click",this._handleDropdownClickBound),this.options.hover?(this.el.removeEventListener("mouseenter",this._handleMouseEnterBound),this.el.removeEventListener("mouseleave",this._handleMouseLeaveBound),this.dropdownEl.removeEventListener("mouseleave",this._handleMouseLeaveBound)):this.el.removeEventListener("click",this._handleClickBound)}},{key:"_setupTemporaryEventHandlers",value:function(){document.body.addEventListener("click",this._handleDocumentClickBound,!0),document.body.addEventListener("touchend",this._handleDocumentClickBound),document.body.addEventListener("touchmove",this._handleDocumentTouchmoveBound),this.dropdownEl.addEventListener("keydown",this._handleDropdownKeydownBound)}},{key:"_removeTemporaryEventHandlers",value:function(){document.body.removeEventListener("click",this._handleDocumentClickBound,!0),document.body.removeEventListener("touchend",this._handleDocumentClickBound),document.body.removeEventListener("touchmove",this._handleDocumentTouchmoveBound),this.dropdownEl.removeEventListener("keydown",this._handleDropdownKeydownBound)}},{key:"_handleClick",value:function(t){t.preventDefault(),this.open()}},{key:"_handleMouseEnter",value:function(){this.open()}},{key:"_handleMouseLeave",value:function(t){var e=t.toElement||t.relatedTarget,i=!!h(e).closest(".dropdown-content").length,n=!1,s=h(e).closest(".dropdown-trigger");s.length&&s[0].M_Dropdown&&s[0].M_Dropdown.isOpen&&(n=!0),n||i||this.close()}},{key:"_handleDocumentClick",value:function(t){var e=this,i=h(t.target);this.options.closeOnClick&&i.closest(".dropdown-content").length&&!this.isTouchMoving?setTimeout(function(){e.close()},0):!i.closest(".dropdown-trigger").length&&i.closest(".dropdown-content").length||setTimeout(function(){e.close()},0),this.isTouchMoving=!1}},{key:"_handleTriggerKeydown",value:function(t){t.which!==M.keys.ARROW_DOWN&&t.which!==M.keys.ENTER||this.isOpen||(t.preventDefault(),this.open())}},{key:"_handleDocumentTouchmove",value:function(t){h(t.target).closest(".dropdown-content").length&&(this.isTouchMoving=!0)}},{key:"_handleDropdownClick",value:function(t){if("function"==typeof this.options.onItemClick){var e=h(t.target).closest("li")[0];this.options.onItemClick.call(this,e)}}},{key:"_handleDropdownKeydown",value:function(t){if(t.which===M.keys.TAB)t.preventDefault(),this.close();else if(t.which!==M.keys.ARROW_DOWN&&t.which!==M.keys.ARROW_UP||!this.isOpen)if(t.which===M.keys.ENTER&&this.isOpen){var e=this.dropdownEl.children[this.focusedIndex],i=h(e).find("a, button").first();i.length?i[0].click():e&&e.click()}else t.which===M.keys.ESC&&this.isOpen&&(t.preventDefault(),this.close());else{t.preventDefault();var n=t.which===M.keys.ARROW_DOWN?1:-1,s=this.focusedIndex,o=!1;do{if(s+=n,this.dropdownEl.children[s]&&-1!==this.dropdownEl.children[s].tabIndex){o=!0;break}}while(s<this.dropdownEl.children.length&&0<=s);o&&(this.focusedIndex=s,this._focusFocusedItem())}var a=String.fromCharCode(t.which).toLowerCase();if(a&&-1===[9,13,27,38,40].indexOf(t.which)){this.filterQuery.push(a);var r=this.filterQuery.join(""),l=h(this.dropdownEl).find("li").filter(function(t){return 0===h(t).text().toLowerCase().indexOf(r)})[0];l&&(this.focusedIndex=h(l).index(),this._focusFocusedItem())}this.filterTimeout=setTimeout(this._resetFilterQueryBound,1e3)}},{key:"_resetFilterQuery",value:function(){this.filterQuery=[]}},{key:"_resetDropdownStyles",value:function(){this.$dropdownEl.css({display:"",width:"",height:"",left:"",top:"","transform-origin":"",transform:"",opacity:""})}},{key:"_makeDropdownFocusable",value:function(){this.dropdownEl.tabIndex=0,h(this.dropdownEl).children().each(function(t){t.getAttribute("tabindex")||t.setAttribute("tabindex",0)})}},{key:"_focusFocusedItem",value:function(){0<=this.focusedIndex&&this.focusedIndex<this.dropdownEl.children.length&&this.options.autoFocus&&this.dropdownEl.children[this.focusedIndex].focus()}},{key:"_getDropdownPosition",value:function(){this.el.offsetParent.getBoundingClientRect();var t=this.el.getBoundingClientRect(),e=this.dropdownEl.getBoundingClientRect(),i=e.height,n=e.width,s=t.left-e.left,o=t.top-e.top,a={left:s,top:o,height:i,width:n},r=this.dropdownEl.offsetParent?this.dropdownEl.offsetParent:this.dropdownEl.parentNode,l=M.checkPossibleAlignments(this.el,r,a,this.options.coverTrigger?0:t.height),h="top",d=this.options.alignment;if(o+=this.options.coverTrigger?0:t.height,this.isScrollable=!1,l.top||(l.bottom?h="bottom":(this.isScrollable=!0,l.spaceOnTop>l.spaceOnBottom?(h="bottom",i+=l.spaceOnTop,o-=l.spaceOnTop):i+=l.spaceOnBottom)),!l[d]){var u="left"===d?"right":"left";l[u]?d=u:l.spaceOnLeft>l.spaceOnRight?(d="right",n+=l.spaceOnLeft,s-=l.spaceOnLeft):(d="left",n+=l.spaceOnRight)}return"bottom"===h&&(o=o-e.height+(this.options.coverTrigger?t.height:0)),"right"===d&&(s=s-e.width+t.width),{x:s,y:o,verticalAlignment:h,horizontalAlignment:d,height:i,width:n}}},{key:"_animateIn",value:function(){var e=this;i.remove(this.dropdownEl),i({targets:this.dropdownEl,opacity:{value:[0,1],easing:"easeOutQuad"},scaleX:[.3,1],scaleY:[.3,1],duration:this.options.inDuration,easing:"easeOutQuint",complete:function(t){e.options.autoFocus&&e.dropdownEl.focus(),"function"==typeof e.options.onOpenEnd&&e.options.onOpenEnd.call(e,e.el)}})}},{key:"_animateOut",value:function(){var e=this;i.remove(this.dropdownEl),i({targets:this.dropdownEl,opacity:{value:0,easing:"easeOutQuint"},scaleX:.3,scaleY:.3,duration:this.options.outDuration,easing:"easeOutQuint",complete:function(t){e._resetDropdownStyles(),"function"==typeof e.options.onCloseEnd&&e.options.onCloseEnd.call(e,e.el)}})}},{key:"_placeDropdown",value:function(){var t=this.options.constrainWidth?this.el.getBoundingClientRect().width:this.dropdownEl.getBoundingClientRect().width;this.dropdownEl.style.width=t+"px";var e=this._getDropdownPosition();this.dropdownEl.style.left=e.x+"px",this.dropdownEl.style.top=e.y+"px",this.dropdownEl.style.height=e.height+"px",this.dropdownEl.style.width=e.width+"px",this.dropdownEl.style.transformOrigin=("left"===e.horizontalAlignment?"0":"100%")+" "+("top"===e.verticalAlignment?"0":"100%")}},{key:"open",value:function(){this.isOpen||(this.isOpen=!0,"function"==typeof this.options.onOpenStart&&this.options.onOpenStart.call(this,this.el),this._resetDropdownStyles(),this.dropdownEl.style.display="block",this._placeDropdown(),this._animateIn(),this._setupTemporaryEventHandlers())}},{key:"close",value:function(){this.isOpen&&(this.isOpen=!1,this.focusedIndex=-1,"function"==typeof this.options.onCloseStart&&this.options.onCloseStart.call(this,this.el),this._animateOut(),this._removeTemporaryEventHandlers(),this.options.autoFocus&&this.el.focus())}},{key:"recalculateDimensions",value:function(){this.isOpen&&(this.$dropdownEl.css({width:"",height:"",left:"",top:"","transform-origin":""}),this._placeDropdown())}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Dropdown}},{key:"defaults",get:function(){return e}}]),n}();t._dropdowns=[],M.Dropdown=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"dropdown","M_Dropdown")}(cash,M.anime),function(s,i){"use strict";var e={opacity:.5,inDuration:250,outDuration:250,onOpenStart:null,onOpenEnd:null,onCloseStart:null,onCloseEnd:null,preventScrolling:!0,dismissible:!0,startingTop:"4%",endingTop:"10%"},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Modal=i).options=s.extend({},n.defaults,e),i.isOpen=!1,i.id=i.$el.attr("id"),i._openingTrigger=void 0,i.$overlay=s('<div class="modal-overlay"></div>'),i.el.tabIndex=0,i._nthModalOpened=0,n._count++,i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){n._count--,this._removeEventHandlers(),this.el.removeAttribute("style"),this.$overlay.remove(),this.el.M_Modal=void 0}},{key:"_setupEventHandlers",value:function(){this._handleOverlayClickBound=this._handleOverlayClick.bind(this),this._handleModalCloseClickBound=this._handleModalCloseClick.bind(this),1===n._count&&document.body.addEventListener("click",this._handleTriggerClick),this.$overlay[0].addEventListener("click",this._handleOverlayClickBound),this.el.addEventListener("click",this._handleModalCloseClickBound)}},{key:"_removeEventHandlers",value:function(){0===n._count&&document.body.removeEventListener("click",this._handleTriggerClick),this.$overlay[0].removeEventListener("click",this._handleOverlayClickBound),this.el.removeEventListener("click",this._handleModalCloseClickBound)}},{key:"_handleTriggerClick",value:function(t){var e=s(t.target).closest(".modal-trigger");if(e.length){var i=M.getIdFromTrigger(e[0]),n=document.getElementById(i).M_Modal;n&&n.open(e),t.preventDefault()}}},{key:"_handleOverlayClick",value:function(){this.options.dismissible&&this.close()}},{key:"_handleModalCloseClick",value:function(t){s(t.target).closest(".modal-close").length&&this.close()}},{key:"_handleKeydown",value:function(t){27===t.keyCode&&this.options.dismissible&&this.close()}},{key:"_handleFocus",value:function(t){this.el.contains(t.target)||this._nthModalOpened!==n._modalsOpen||this.el.focus()}},{key:"_animateIn",value:function(){var t=this;s.extend(this.el.style,{display:"block",opacity:0}),s.extend(this.$overlay[0].style,{display:"block",opacity:0}),i({targets:this.$overlay[0],opacity:this.options.opacity,duration:this.options.inDuration,easing:"easeOutQuad"});var e={targets:this.el,duration:this.options.inDuration,easing:"easeOutCubic",complete:function(){"function"==typeof t.options.onOpenEnd&&t.options.onOpenEnd.call(t,t.el,t._openingTrigger)}};this.el.classList.contains("bottom-sheet")?s.extend(e,{bottom:0,opacity:1}):s.extend(e,{top:[this.options.startingTop,this.options.endingTop],opacity:1,scaleX:[.8,1],scaleY:[.8,1]}),i(e)}},{key:"_animateOut",value:function(){var t=this;i({targets:this.$overlay[0],opacity:0,duration:this.options.outDuration,easing:"easeOutQuart"});var e={targets:this.el,duration:this.options.outDuration,easing:"easeOutCubic",complete:function(){t.el.style.display="none",t.$overlay.remove(),"function"==typeof t.options.onCloseEnd&&t.options.onCloseEnd.call(t,t.el)}};this.el.classList.contains("bottom-sheet")?s.extend(e,{bottom:"-100%",opacity:0}):s.extend(e,{top:[this.options.endingTop,this.options.startingTop],opacity:0,scaleX:.8,scaleY:.8}),i(e)}},{key:"open",value:function(t){if(!this.isOpen)return this.isOpen=!0,n._modalsOpen++,this._nthModalOpened=n._modalsOpen,this.$overlay[0].style.zIndex=1e3+2*n._modalsOpen,this.el.style.zIndex=1e3+2*n._modalsOpen+1,this._openingTrigger=t?t[0]:void 0,"function"==typeof this.options.onOpenStart&&this.options.onOpenStart.call(this,this.el,this._openingTrigger),this.options.preventScrolling&&(document.body.style.overflow="hidden"),this.el.classList.add("open"),this.el.insertAdjacentElement("afterend",this.$overlay[0]),this.options.dismissible&&(this._handleKeydownBound=this._handleKeydown.bind(this),this._handleFocusBound=this._handleFocus.bind(this),document.addEventListener("keydown",this._handleKeydownBound),document.addEventListener("focus",this._handleFocusBound,!0)),i.remove(this.el),i.remove(this.$overlay[0]),this._animateIn(),this.el.focus(),this}},{key:"close",value:function(){if(this.isOpen)return this.isOpen=!1,n._modalsOpen--,this._nthModalOpened=0,"function"==typeof this.options.onCloseStart&&this.options.onCloseStart.call(this,this.el),this.el.classList.remove("open"),0===n._modalsOpen&&(document.body.style.overflow=""),this.options.dismissible&&(document.removeEventListener("keydown",this._handleKeydownBound),document.removeEventListener("focus",this._handleFocusBound,!0)),i.remove(this.el),i.remove(this.$overlay[0]),this._animateOut(),this}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Modal}},{key:"defaults",get:function(){return e}}]),n}();t._modalsOpen=0,t._count=0,M.Modal=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"modal","M_Modal")}(cash,M.anime),function(o,a){"use strict";var e={inDuration:275,outDuration:200,onOpenStart:null,onOpenEnd:null,onCloseStart:null,onCloseEnd:null},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Materialbox=i).options=o.extend({},n.defaults,e),i.overlayActive=!1,i.doneAnimating=!0,i.placeholder=o("<div></div>").addClass("material-placeholder"),i.originalWidth=0,i.originalHeight=0,i.originInlineStyles=i.$el.attr("style"),i.caption=i.el.getAttribute("data-caption")||"",i.$el.before(i.placeholder),i.placeholder.append(i.$el),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._removeEventHandlers(),this.el.M_Materialbox=void 0,o(this.placeholder).after(this.el).remove(),this.$el.removeAttr("style")}},{key:"_setupEventHandlers",value:function(){this._handleMaterialboxClickBound=this._handleMaterialboxClick.bind(this),this.el.addEventListener("click",this._handleMaterialboxClickBound)}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("click",this._handleMaterialboxClickBound)}},{key:"_handleMaterialboxClick",value:function(t){!1===this.doneAnimating||this.overlayActive&&this.doneAnimating?this.close():this.open()}},{key:"_handleWindowScroll",value:function(){this.overlayActive&&this.close()}},{key:"_handleWindowResize",value:function(){this.overlayActive&&this.close()}},{key:"_handleWindowEscape",value:function(t){27===t.keyCode&&this.doneAnimating&&this.overlayActive&&this.close()}},{key:"_makeAncestorsOverflowVisible",value:function(){this.ancestorsChanged=o();for(var t=this.placeholder[0].parentNode;null!==t&&!o(t).is(document);){var e=o(t);"visible"!==e.css("overflow")&&(e.css("overflow","visible"),void 0===this.ancestorsChanged?this.ancestorsChanged=e:this.ancestorsChanged=this.ancestorsChanged.add(e)),t=t.parentNode}}},{key:"_animateImageIn",value:function(){var t=this,e={targets:this.el,height:[this.originalHeight,this.newHeight],width:[this.originalWidth,this.newWidth],left:M.getDocumentScrollLeft()+this.windowWidth/2-this.placeholder.offset().left-this.newWidth/2,top:M.getDocumentScrollTop()+this.windowHeight/2-this.placeholder.offset().top-this.newHeight/2,duration:this.options.inDuration,easing:"easeOutQuad",complete:function(){t.doneAnimating=!0,"function"==typeof t.options.onOpenEnd&&t.options.onOpenEnd.call(t,t.el)}};this.maxWidth=this.$el.css("max-width"),this.maxHeight=this.$el.css("max-height"),"none"!==this.maxWidth&&(e.maxWidth=this.newWidth),"none"!==this.maxHeight&&(e.maxHeight=this.newHeight),a(e)}},{key:"_animateImageOut",value:function(){var t=this,e={targets:this.el,width:this.originalWidth,height:this.originalHeight,left:0,top:0,duration:this.options.outDuration,easing:"easeOutQuad",complete:function(){t.placeholder.css({height:"",width:"",position:"",top:"",left:""}),t.attrWidth&&t.$el.attr("width",t.attrWidth),t.attrHeight&&t.$el.attr("height",t.attrHeight),t.$el.removeAttr("style"),t.originInlineStyles&&t.$el.attr("style",t.originInlineStyles),t.$el.removeClass("active"),t.doneAnimating=!0,t.ancestorsChanged.length&&t.ancestorsChanged.css("overflow",""),"function"==typeof t.options.onCloseEnd&&t.options.onCloseEnd.call(t,t.el)}};a(e)}},{key:"_updateVars",value:function(){this.windowWidth=window.innerWidth,this.windowHeight=window.innerHeight,this.caption=this.el.getAttribute("data-caption")||""}},{key:"open",value:function(){var t=this;this._updateVars(),this.originalWidth=this.el.getBoundingClientRect().width,this.originalHeight=this.el.getBoundingClientRect().height,this.doneAnimating=!1,this.$el.addClass("active"),this.overlayActive=!0,"function"==typeof this.options.onOpenStart&&this.options.onOpenStart.call(this,this.el),this.placeholder.css({width:this.placeholder[0].getBoundingClientRect().width+"px",height:this.placeholder[0].getBoundingClientRect().height+"px",position:"relative",top:0,left:0}),this._makeAncestorsOverflowVisible(),this.$el.css({position:"absolute","z-index":1e3,"will-change":"left, top, width, height"}),this.attrWidth=this.$el.attr("width"),this.attrHeight=this.$el.attr("height"),this.attrWidth&&(this.$el.css("width",this.attrWidth+"px"),this.$el.removeAttr("width")),this.attrHeight&&(this.$el.css("width",this.attrHeight+"px"),this.$el.removeAttr("height")),this.$overlay=o('<div id="materialbox-overlay"></div>').css({opacity:0}).one("click",function(){t.doneAnimating&&t.close()}),this.$el.before(this.$overlay);var e=this.$overlay[0].getBoundingClientRect();this.$overlay.css({width:this.windowWidth+"px",height:this.windowHeight+"px",left:-1*e.left+"px",top:-1*e.top+"px"}),a.remove(this.el),a.remove(this.$overlay[0]),a({targets:this.$overlay[0],opacity:1,duration:this.options.inDuration,easing:"easeOutQuad"}),""!==this.caption&&(this.$photocaption&&a.remove(this.$photoCaption[0]),this.$photoCaption=o('<div class="materialbox-caption"></div>'),this.$photoCaption.text(this.caption),o("body").append(this.$photoCaption),this.$photoCaption.css({display:"inline"}),a({targets:this.$photoCaption[0],opacity:1,duration:this.options.inDuration,easing:"easeOutQuad"}));var i=0,n=this.originalWidth/this.windowWidth,s=this.originalHeight/this.windowHeight;this.newWidth=0,this.newHeight=0,s<n?(i=this.originalHeight/this.originalWidth,this.newWidth=.9*this.windowWidth,this.newHeight=.9*this.windowWidth*i):(i=this.originalWidth/this.originalHeight,this.newWidth=.9*this.windowHeight*i,this.newHeight=.9*this.windowHeight),this._animateImageIn(),this._handleWindowScrollBound=this._handleWindowScroll.bind(this),this._handleWindowResizeBound=this._handleWindowResize.bind(this),this._handleWindowEscapeBound=this._handleWindowEscape.bind(this),window.addEventListener("scroll",this._handleWindowScrollBound),window.addEventListener("resize",this._handleWindowResizeBound),window.addEventListener("keyup",this._handleWindowEscapeBound)}},{key:"close",value:function(){var t=this;this._updateVars(),this.doneAnimating=!1,"function"==typeof this.options.onCloseStart&&this.options.onCloseStart.call(this,this.el),a.remove(this.el),a.remove(this.$overlay[0]),""!==this.caption&&a.remove(this.$photoCaption[0]),window.removeEventListener("scroll",this._handleWindowScrollBound),window.removeEventListener("resize",this._handleWindowResizeBound),window.removeEventListener("keyup",this._handleWindowEscapeBound),a({targets:this.$overlay[0],opacity:0,duration:this.options.outDuration,easing:"easeOutQuad",complete:function(){t.overlayActive=!1,t.$overlay.remove()}}),this._animateImageOut(),""!==this.caption&&a({targets:this.$photoCaption[0],opacity:0,duration:this.options.outDuration,easing:"easeOutQuad",complete:function(){t.$photoCaption.remove()}})}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Materialbox}},{key:"defaults",get:function(){return e}}]),n}();M.Materialbox=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"materialbox","M_Materialbox")}(cash,M.anime),function(s){"use strict";var e={responsiveThreshold:0},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Parallax=i).options=s.extend({},n.defaults,e),i._enabled=window.innerWidth>i.options.responsiveThreshold,i.$img=i.$el.find("img").first(),i.$img.each(function(){this.complete&&s(this).trigger("load")}),i._updateParallax(),i._setupEventHandlers(),i._setupStyles(),n._parallaxes.push(i),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){n._parallaxes.splice(n._parallaxes.indexOf(this),1),this.$img[0].style.transform="",this._removeEventHandlers(),this.$el[0].M_Parallax=void 0}},{key:"_setupEventHandlers",value:function(){this._handleImageLoadBound=this._handleImageLoad.bind(this),this.$img[0].addEventListener("load",this._handleImageLoadBound),0===n._parallaxes.length&&(n._handleScrollThrottled=M.throttle(n._handleScroll,5),window.addEventListener("scroll",n._handleScrollThrottled),n._handleWindowResizeThrottled=M.throttle(n._handleWindowResize,5),window.addEventListener("resize",n._handleWindowResizeThrottled))}},{key:"_removeEventHandlers",value:function(){this.$img[0].removeEventListener("load",this._handleImageLoadBound),0===n._parallaxes.length&&(window.removeEventListener("scroll",n._handleScrollThrottled),window.removeEventListener("resize",n._handleWindowResizeThrottled))}},{key:"_setupStyles",value:function(){this.$img[0].style.opacity=1}},{key:"_handleImageLoad",value:function(){this._updateParallax()}},{key:"_updateParallax",value:function(){var t=0<this.$el.height()?this.el.parentNode.offsetHeight:500,e=this.$img[0].offsetHeight-t,i=this.$el.offset().top+t,n=this.$el.offset().top,s=M.getDocumentScrollTop(),o=window.innerHeight,a=e*((s+o-n)/(t+o));this._enabled?s<i&&n<s+o&&(this.$img[0].style.transform="translate3D(-50%, "+a+"px, 0)"):this.$img[0].style.transform=""}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Parallax}},{key:"_handleScroll",value:function(){for(var t=0;t<n._parallaxes.length;t++){var e=n._parallaxes[t];e._updateParallax.call(e)}}},{key:"_handleWindowResize",value:function(){for(var t=0;t<n._parallaxes.length;t++){var e=n._parallaxes[t];e._enabled=window.innerWidth>e.options.responsiveThreshold}}},{key:"defaults",get:function(){return e}}]),n}();t._parallaxes=[],M.Parallax=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"parallax","M_Parallax")}(cash),function(a,s){"use strict";var e={duration:300,onShow:null,swipeable:!1,responsiveThreshold:1/0},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Tabs=i).options=a.extend({},n.defaults,e),i.$tabLinks=i.$el.children("li.tab").children("a"),i.index=0,i._setupActiveTabLink(),i.options.swipeable?i._setupSwipeableTabs():i._setupNormalTabs(),i._setTabsAndTabWidth(),i._createIndicator(),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._removeEventHandlers(),this._indicator.parentNode.removeChild(this._indicator),this.options.swipeable?this._teardownSwipeableTabs():this._teardownNormalTabs(),this.$el[0].M_Tabs=void 0}},{key:"_setupEventHandlers",value:function(){this._handleWindowResizeBound=this._handleWindowResize.bind(this),window.addEventListener("resize",this._handleWindowResizeBound),this._handleTabClickBound=this._handleTabClick.bind(this),this.el.addEventListener("click",this._handleTabClickBound)}},{key:"_removeEventHandlers",value:function(){window.removeEventListener("resize",this._handleWindowResizeBound),this.el.removeEventListener("click",this._handleTabClickBound)}},{key:"_handleWindowResize",value:function(){this._setTabsAndTabWidth(),0!==this.tabWidth&&0!==this.tabsWidth&&(this._indicator.style.left=this._calcLeftPos(this.$activeTabLink)+"px",this._indicator.style.right=this._calcRightPos(this.$activeTabLink)+"px")}},{key:"_handleTabClick",value:function(t){var e=this,i=a(t.target).closest("li.tab"),n=a(t.target).closest("a");if(n.length&&n.parent().hasClass("tab"))if(i.hasClass("disabled"))t.preventDefault();else if(!n.attr("target")){this.$activeTabLink.removeClass("active");var s=this.$content;this.$activeTabLink=n,this.$content=a(M.escapeHash(n[0].hash)),this.$tabLinks=this.$el.children("li.tab").children("a"),this.$activeTabLink.addClass("active");var o=this.index;this.index=Math.max(this.$tabLinks.index(n),0),this.options.swipeable?this._tabsCarousel&&this._tabsCarousel.set(this.index,function(){"function"==typeof e.options.onShow&&e.options.onShow.call(e,e.$content[0])}):this.$content.length&&(this.$content[0].style.display="block",this.$content.addClass("active"),"function"==typeof this.options.onShow&&this.options.onShow.call(this,this.$content[0]),s.length&&!s.is(this.$content)&&(s[0].style.display="none",s.removeClass("active"))),this._setTabsAndTabWidth(),this._animateIndicator(o),t.preventDefault()}}},{key:"_createIndicator",value:function(){var t=this,e=document.createElement("li");e.classList.add("indicator"),this.el.appendChild(e),this._indicator=e,setTimeout(function(){t._indicator.style.left=t._calcLeftPos(t.$activeTabLink)+"px",t._indicator.style.right=t._calcRightPos(t.$activeTabLink)+"px"},0)}},{key:"_setupActiveTabLink",value:function(){this.$activeTabLink=a(this.$tabLinks.filter('[href="'+location.hash+'"]')),0===this.$activeTabLink.length&&(this.$activeTabLink=this.$el.children("li.tab").children("a.active").first()),0===this.$activeTabLink.length&&(this.$activeTabLink=this.$el.children("li.tab").children("a").first()),this.$tabLinks.removeClass("active"),this.$activeTabLink[0].classList.add("active"),this.index=Math.max(this.$tabLinks.index(this.$activeTabLink),0),this.$activeTabLink.length&&(this.$content=a(M.escapeHash(this.$activeTabLink[0].hash)),this.$content.addClass("active"))}},{key:"_setupSwipeableTabs",value:function(){var i=this;window.innerWidth>this.options.responsiveThreshold&&(this.options.swipeable=!1);var n=a();this.$tabLinks.each(function(t){var e=a(M.escapeHash(t.hash));e.addClass("carousel-item"),n=n.add(e)});var t=a('<div class="tabs-content carousel carousel-slider"></div>');n.first().before(t),t.append(n),n[0].style.display="";var e=this.$activeTabLink.closest(".tab").index();this._tabsCarousel=M.Carousel.init(t[0],{fullWidth:!0,noWrap:!0,onCycleTo:function(t){var e=i.index;i.index=a(t).index(),i.$activeTabLink.removeClass("active"),i.$activeTabLink=i.$tabLinks.eq(i.index),i.$activeTabLink.addClass("active"),i._animateIndicator(e),"function"==typeof i.options.onShow&&i.options.onShow.call(i,i.$content[0])}}),this._tabsCarousel.set(e)}},{key:"_teardownSwipeableTabs",value:function(){var t=this._tabsCarousel.$el;this._tabsCarousel.destroy(),t.after(t.children()),t.remove()}},{key:"_setupNormalTabs",value:function(){this.$tabLinks.not(this.$activeTabLink).each(function(t){if(t.hash){var e=a(M.escapeHash(t.hash));e.length&&(e[0].style.display="none")}})}},{key:"_teardownNormalTabs",value:function(){this.$tabLinks.each(function(t){if(t.hash){var e=a(M.escapeHash(t.hash));e.length&&(e[0].style.display="")}})}},{key:"_setTabsAndTabWidth",value:function(){this.tabsWidth=this.$el.width(),this.tabWidth=Math.max(this.tabsWidth,this.el.scrollWidth)/this.$tabLinks.length}},{key:"_calcRightPos",value:function(t){return Math.ceil(this.tabsWidth-t.position().left-t[0].getBoundingClientRect().width)}},{key:"_calcLeftPos",value:function(t){return Math.floor(t.position().left)}},{key:"updateTabIndicator",value:function(){this._setTabsAndTabWidth(),this._animateIndicator(this.index)}},{key:"_animateIndicator",value:function(t){var e=0,i=0;0<=this.index-t?e=90:i=90;var n={targets:this._indicator,left:{value:this._calcLeftPos(this.$activeTabLink),delay:e},right:{value:this._calcRightPos(this.$activeTabLink),delay:i},duration:this.options.duration,easing:"easeOutQuad"};s.remove(this._indicator),s(n)}},{key:"select",value:function(t){var e=this.$tabLinks.filter('[href="#'+t+'"]');e.length&&e.trigger("click")}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Tabs}},{key:"defaults",get:function(){return e}}]),n}();M.Tabs=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"tabs","M_Tabs")}(cash,M.anime),function(d,e){"use strict";var i={exitDelay:200,enterDelay:0,html:null,margin:5,inDuration:250,outDuration:200,position:"bottom",transitionMovement:10},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Tooltip=i).options=d.extend({},n.defaults,e),i.isOpen=!1,i.isHovered=!1,i.isFocused=!1,i._appendTooltipEl(),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){d(this.tooltipEl).remove(),this._removeEventHandlers(),this.el.M_Tooltip=void 0}},{key:"_appendTooltipEl",value:function(){var t=document.createElement("div");t.classList.add("material-tooltip"),this.tooltipEl=t;var e=document.createElement("div");e.classList.add("tooltip-content"),e.innerHTML=this.options.html,t.appendChild(e),document.body.appendChild(t)}},{key:"_updateTooltipContent",value:function(){this.tooltipEl.querySelector(".tooltip-content").innerHTML=this.options.html}},{key:"_setupEventHandlers",value:function(){this._handleMouseEnterBound=this._handleMouseEnter.bind(this),this._handleMouseLeaveBound=this._handleMouseLeave.bind(this),this._handleFocusBound=this._handleFocus.bind(this),this._handleBlurBound=this._handleBlur.bind(this),this.el.addEventListener("mouseenter",this._handleMouseEnterBound),this.el.addEventListener("mouseleave",this._handleMouseLeaveBound),this.el.addEventListener("focus",this._handleFocusBound,!0),this.el.addEventListener("blur",this._handleBlurBound,!0)}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("mouseenter",this._handleMouseEnterBound),this.el.removeEventListener("mouseleave",this._handleMouseLeaveBound),this.el.removeEventListener("focus",this._handleFocusBound,!0),this.el.removeEventListener("blur",this._handleBlurBound,!0)}},{key:"open",value:function(t){this.isOpen||(t=void 0===t||void 0,this.isOpen=!0,this.options=d.extend({},this.options,this._getAttributeOptions()),this._updateTooltipContent(),this._setEnterDelayTimeout(t))}},{key:"close",value:function(){this.isOpen&&(this.isHovered=!1,this.isFocused=!1,this.isOpen=!1,this._setExitDelayTimeout())}},{key:"_setExitDelayTimeout",value:function(){var t=this;clearTimeout(this._exitDelayTimeout),this._exitDelayTimeout=setTimeout(function(){t.isHovered||t.isFocused||t._animateOut()},this.options.exitDelay)}},{key:"_setEnterDelayTimeout",value:function(t){var e=this;clearTimeout(this._enterDelayTimeout),this._enterDelayTimeout=setTimeout(function(){(e.isHovered||e.isFocused||t)&&e._animateIn()},this.options.enterDelay)}},{key:"_positionTooltip",value:function(){var t,e=this.el,i=this.tooltipEl,n=e.offsetHeight,s=e.offsetWidth,o=i.offsetHeight,a=i.offsetWidth,r=this.options.margin,l=void 0,h=void 0;this.xMovement=0,this.yMovement=0,l=e.getBoundingClientRect().top+M.getDocumentScrollTop(),h=e.getBoundingClientRect().left+M.getDocumentScrollLeft(),"top"===this.options.position?(l+=-o-r,h+=s/2-a/2,this.yMovement=-this.options.transitionMovement):"right"===this.options.position?(l+=n/2-o/2,h+=s+r,this.xMovement=this.options.transitionMovement):"left"===this.options.position?(l+=n/2-o/2,h+=-a-r,this.xMovement=-this.options.transitionMovement):(l+=n+r,h+=s/2-a/2,this.yMovement=this.options.transitionMovement),t=this._repositionWithinScreen(h,l,a,o),d(i).css({top:t.y+"px",left:t.x+"px"})}},{key:"_repositionWithinScreen",value:function(t,e,i,n){var s=M.getDocumentScrollLeft(),o=M.getDocumentScrollTop(),a=t-s,r=e-o,l={left:a,top:r,width:i,height:n},h=this.options.margin+this.options.transitionMovement,d=M.checkWithinContainer(document.body,l,h);return d.left?a=h:d.right&&(a-=a+i-window.innerWidth),d.top?r=h:d.bottom&&(r-=r+n-window.innerHeight),{x:a+s,y:r+o}}},{key:"_animateIn",value:function(){this._positionTooltip(),this.tooltipEl.style.visibility="visible",e.remove(this.tooltipEl),e({targets:this.tooltipEl,opacity:1,translateX:this.xMovement,translateY:this.yMovement,duration:this.options.inDuration,easing:"easeOutCubic"})}},{key:"_animateOut",value:function(){e.remove(this.tooltipEl),e({targets:this.tooltipEl,opacity:0,translateX:0,translateY:0,duration:this.options.outDuration,easing:"easeOutCubic"})}},{key:"_handleMouseEnter",value:function(){this.isHovered=!0,this.isFocused=!1,this.open(!1)}},{key:"_handleMouseLeave",value:function(){this.isHovered=!1,this.isFocused=!1,this.close()}},{key:"_handleFocus",value:function(){M.tabPressed&&(this.isFocused=!0,this.open(!1))}},{key:"_handleBlur",value:function(){this.isFocused=!1,this.close()}},{key:"_getAttributeOptions",value:function(){var t={},e=this.el.getAttribute("data-tooltip"),i=this.el.getAttribute("data-position");return e&&(t.html=e),i&&(t.position=i),t}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Tooltip}},{key:"defaults",get:function(){return i}}]),n}();M.Tooltip=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"tooltip","M_Tooltip")}(cash,M.anime),function(i){"use strict";var t=t||{},e=document.querySelectorAll.bind(document);function m(t){var e="";for(var i in t)t.hasOwnProperty(i)&&(e+=i+":"+t[i]+";");return e}var g={duration:750,show:function(t,e){if(2===t.button)return!1;var i=e||this,n=document.createElement("div");n.className="waves-ripple",i.appendChild(n);var s,o,a,r,l,h,d,u=(h={top:0,left:0},d=(s=i)&&s.ownerDocument,o=d.documentElement,void 0!==s.getBoundingClientRect&&(h=s.getBoundingClientRect()),a=null!==(l=r=d)&&l===l.window?r:9===r.nodeType&&r.defaultView,{top:h.top+a.pageYOffset-o.clientTop,left:h.left+a.pageXOffset-o.clientLeft}),c=t.pageY-u.top,p=t.pageX-u.left,v="scale("+i.clientWidth/100*10+")";"touches"in t&&(c=t.touches[0].pageY-u.top,p=t.touches[0].pageX-u.left),n.setAttribute("data-hold",Date.now()),n.setAttribute("data-scale",v),n.setAttribute("data-x",p),n.setAttribute("data-y",c);var f={top:c+"px",left:p+"px"};n.className=n.className+" waves-notransition",n.setAttribute("style",m(f)),n.className=n.className.replace("waves-notransition",""),f["-webkit-transform"]=v,f["-moz-transform"]=v,f["-ms-transform"]=v,f["-o-transform"]=v,f.transform=v,f.opacity="1",f["-webkit-transition-duration"]=g.duration+"ms",f["-moz-transition-duration"]=g.duration+"ms",f["-o-transition-duration"]=g.duration+"ms",f["transition-duration"]=g.duration+"ms",f["-webkit-transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",f["-moz-transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",f["-o-transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",f["transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",n.setAttribute("style",m(f))},hide:function(t){l.touchup(t);var e=this,i=(e.clientWidth,null),n=e.getElementsByClassName("waves-ripple");if(!(0<n.length))return!1;var s=(i=n[n.length-1]).getAttribute("data-x"),o=i.getAttribute("data-y"),a=i.getAttribute("data-scale"),r=350-(Date.now()-Number(i.getAttribute("data-hold")));r<0&&(r=0),setTimeout(function(){var t={top:o+"px",left:s+"px",opacity:"0","-webkit-transition-duration":g.duration+"ms","-moz-transition-duration":g.duration+"ms","-o-transition-duration":g.duration+"ms","transition-duration":g.duration+"ms","-webkit-transform":a,"-moz-transform":a,"-ms-transform":a,"-o-transform":a,transform:a};i.setAttribute("style",m(t)),setTimeout(function(){try{e.removeChild(i)}catch(t){return!1}},g.duration)},r)},wrapInput:function(t){for(var e=0;e<t.length;e++){var i=t[e];if("input"===i.tagName.toLowerCase()){var n=i.parentNode;if("i"===n.tagName.toLowerCase()&&-1!==n.className.indexOf("waves-effect"))continue;var s=document.createElement("i");s.className=i.className+" waves-input-wrapper";var o=i.getAttribute("style");o||(o=""),s.setAttribute("style",o),i.className="waves-button-input",i.removeAttribute("style"),n.replaceChild(s,i),s.appendChild(i)}}}},l={touches:0,allowEvent:function(t){var e=!0;return"touchstart"===t.type?l.touches+=1:"touchend"===t.type||"touchcancel"===t.type?setTimeout(function(){0<l.touches&&(l.touches-=1)},500):"mousedown"===t.type&&0<l.touches&&(e=!1),e},touchup:function(t){l.allowEvent(t)}};function n(t){var e=function(t){if(!1===l.allowEvent(t))return null;for(var e=null,i=t.target||t.srcElement;null!==i.parentNode;){if(!(i instanceof SVGElement)&&-1!==i.className.indexOf("waves-effect")){e=i;break}i=i.parentNode}return e}(t);null!==e&&(g.show(t,e),"ontouchstart"in i&&(e.addEventListener("touchend",g.hide,!1),e.addEventListener("touchcancel",g.hide,!1)),e.addEventListener("mouseup",g.hide,!1),e.addEventListener("mouseleave",g.hide,!1),e.addEventListener("dragend",g.hide,!1))}t.displayEffect=function(t){"duration"in(t=t||{})&&(g.duration=t.duration),g.wrapInput(e(".waves-effect")),"ontouchstart"in i&&document.body.addEventListener("touchstart",n,!1),document.body.addEventListener("mousedown",n,!1)},t.attach=function(t){"input"===t.tagName.toLowerCase()&&(g.wrapInput([t]),t=t.parentNode),"ontouchstart"in i&&t.addEventListener("touchstart",n,!1),t.addEventListener("mousedown",n,!1)},i.Waves=t,document.addEventListener("DOMContentLoaded",function(){t.displayEffect()},!1)}(window),function(i,n){"use strict";var t={html:"",displayLength:4e3,inDuration:300,outDuration:375,classes:"",completeCallback:null,activationPercent:.8},e=function(){function s(t){_classCallCheck(this,s),this.options=i.extend({},s.defaults,t),this.message=this.options.html,this.panning=!1,this.timeRemaining=this.options.displayLength,0===s._toasts.length&&s._createContainer(),s._toasts.push(this);var e=this._createToast();(e.M_Toast=this).el=e,this.$el=i(e),this._animateIn(),this._setTimer()}return _createClass(s,[{key:"_createToast",value:function(){var t=document.createElement("div");return t.classList.add("toast"),this.options.classes.length&&i(t).addClass(this.options.classes),("object"==typeof HTMLElement?this.message instanceof HTMLElement:this.message&&"object"==typeof this.message&&null!==this.message&&1===this.message.nodeType&&"string"==typeof this.message.nodeName)?t.appendChild(this.message):this.message.jquery?i(t).append(this.message[0]):t.innerHTML=this.message,s._container.appendChild(t),t}},{key:"_animateIn",value:function(){n({targets:this.el,top:0,opacity:1,duration:this.options.inDuration,easing:"easeOutCubic"})}},{key:"_setTimer",value:function(){var t=this;this.timeRemaining!==1/0&&(this.counterInterval=setInterval(function(){t.panning||(t.timeRemaining-=20),t.timeRemaining<=0&&t.dismiss()},20))}},{key:"dismiss",value:function(){var t=this;window.clearInterval(this.counterInterval);var e=this.el.offsetWidth*this.options.activationPercent;this.wasSwiped&&(this.el.style.transition="transform .05s, opacity .05s",this.el.style.transform="translateX("+e+"px)",this.el.style.opacity=0),n({targets:this.el,opacity:0,marginTop:-40,duration:this.options.outDuration,easing:"easeOutExpo",complete:function(){"function"==typeof t.options.completeCallback&&t.options.completeCallback(),t.$el.remove(),s._toasts.splice(s._toasts.indexOf(t),1),0===s._toasts.length&&s._removeContainer()}})}}],[{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Toast}},{key:"_createContainer",value:function(){var t=document.createElement("div");t.setAttribute("id","toast-container"),t.addEventListener("touchstart",s._onDragStart),t.addEventListener("touchmove",s._onDragMove),t.addEventListener("touchend",s._onDragEnd),t.addEventListener("mousedown",s._onDragStart),document.addEventListener("mousemove",s._onDragMove),document.addEventListener("mouseup",s._onDragEnd),document.body.appendChild(t),s._container=t}},{key:"_removeContainer",value:function(){document.removeEventListener("mousemove",s._onDragMove),document.removeEventListener("mouseup",s._onDragEnd),i(s._container).remove(),s._container=null}},{key:"_onDragStart",value:function(t){if(t.target&&i(t.target).closest(".toast").length){var e=i(t.target).closest(".toast")[0].M_Toast;e.panning=!0,(s._draggedToast=e).el.classList.add("panning"),e.el.style.transition="",e.startingXPos=s._xPos(t),e.time=Date.now(),e.xPos=s._xPos(t)}}},{key:"_onDragMove",value:function(t){if(s._draggedToast){t.preventDefault();var e=s._draggedToast;e.deltaX=Math.abs(e.xPos-s._xPos(t)),e.xPos=s._xPos(t),e.velocityX=e.deltaX/(Date.now()-e.time),e.time=Date.now();var i=e.xPos-e.startingXPos,n=e.el.offsetWidth*e.options.activationPercent;e.el.style.transform="translateX("+i+"px)",e.el.style.opacity=1-Math.abs(i/n)}}},{key:"_onDragEnd",value:function(){if(s._draggedToast){var t=s._draggedToast;t.panning=!1,t.el.classList.remove("panning");var e=t.xPos-t.startingXPos,i=t.el.offsetWidth*t.options.activationPercent;Math.abs(e)>i||1<t.velocityX?(t.wasSwiped=!0,t.dismiss()):(t.el.style.transition="transform .2s, opacity .2s",t.el.style.transform="",t.el.style.opacity=""),s._draggedToast=null}}},{key:"_xPos",value:function(t){return t.targetTouches&&1<=t.targetTouches.length?t.targetTouches[0].clientX:t.clientX}},{key:"dismissAll",value:function(){for(var t in s._toasts)s._toasts[t].dismiss()}},{key:"defaults",get:function(){return t}}]),s}();e._toasts=[],e._container=null,e._draggedToast=null,M.Toast=e,M.toast=function(t){return new e(t)}}(cash,M.anime),function(s,o){"use strict";var e={edge:"left",draggable:!0,inDuration:250,outDuration:200,onOpenStart:null,onOpenEnd:null,onCloseStart:null,onCloseEnd:null,preventScrolling:!0},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Sidenav=i).id=i.$el.attr("id"),i.options=s.extend({},n.defaults,e),i.isOpen=!1,i.isFixed=i.el.classList.contains("sidenav-fixed"),i.isDragged=!1,i.lastWindowWidth=window.innerWidth,i.lastWindowHeight=window.innerHeight,i._createOverlay(),i._createDragTarget(),i._setupEventHandlers(),i._setupClasses(),i._setupFixed(),n._sidenavs.push(i),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._removeEventHandlers(),this._enableBodyScrolling(),this._overlay.parentNode.removeChild(this._overlay),this.dragTarget.parentNode.removeChild(this.dragTarget),this.el.M_Sidenav=void 0,this.el.style.transform="";var t=n._sidenavs.indexOf(this);0<=t&&n._sidenavs.splice(t,1)}},{key:"_createOverlay",value:function(){var t=document.createElement("div");this._closeBound=this.close.bind(this),t.classList.add("sidenav-overlay"),t.addEventListener("click",this._closeBound),document.body.appendChild(t),this._overlay=t}},{key:"_setupEventHandlers",value:function(){0===n._sidenavs.length&&document.body.addEventListener("click",this._handleTriggerClick),this._handleDragTargetDragBound=this._handleDragTargetDrag.bind(this),this._handleDragTargetReleaseBound=this._handleDragTargetRelease.bind(this),this._handleCloseDragBound=this._handleCloseDrag.bind(this),this._handleCloseReleaseBound=this._handleCloseRelease.bind(this),this._handleCloseTriggerClickBound=this._handleCloseTriggerClick.bind(this),this.dragTarget.addEventListener("touchmove",this._handleDragTargetDragBound),this.dragTarget.addEventListener("touchend",this._handleDragTargetReleaseBound),this._overlay.addEventListener("touchmove",this._handleCloseDragBound),this._overlay.addEventListener("touchend",this._handleCloseReleaseBound),this.el.addEventListener("touchmove",this._handleCloseDragBound),this.el.addEventListener("touchend",this._handleCloseReleaseBound),this.el.addEventListener("click",this._handleCloseTriggerClickBound),this.isFixed&&(this._handleWindowResizeBound=this._handleWindowResize.bind(this),window.addEventListener("resize",this._handleWindowResizeBound))}},{key:"_removeEventHandlers",value:function(){1===n._sidenavs.length&&document.body.removeEventListener("click",this._handleTriggerClick),this.dragTarget.removeEventListener("touchmove",this._handleDragTargetDragBound),this.dragTarget.removeEventListener("touchend",this._handleDragTargetReleaseBound),this._overlay.removeEventListener("touchmove",this._handleCloseDragBound),this._overlay.removeEventListener("touchend",this._handleCloseReleaseBound),this.el.removeEventListener("touchmove",this._handleCloseDragBound),this.el.removeEventListener("touchend",this._handleCloseReleaseBound),this.el.removeEventListener("click",this._handleCloseTriggerClickBound),this.isFixed&&window.removeEventListener("resize",this._handleWindowResizeBound)}},{key:"_handleTriggerClick",value:function(t){var e=s(t.target).closest(".sidenav-trigger");if(t.target&&e.length){var i=M.getIdFromTrigger(e[0]),n=document.getElementById(i).M_Sidenav;n&&n.open(e),t.preventDefault()}}},{key:"_startDrag",value:function(t){var e=t.targetTouches[0].clientX;this.isDragged=!0,this._startingXpos=e,this._xPos=this._startingXpos,this._time=Date.now(),this._width=this.el.getBoundingClientRect().width,this._overlay.style.display="block",this._initialScrollTop=this.isOpen?this.el.scrollTop:M.getDocumentScrollTop(),this._verticallyScrolling=!1,o.remove(this.el),o.remove(this._overlay)}},{key:"_dragMoveUpdate",value:function(t){var e=t.targetTouches[0].clientX,i=this.isOpen?this.el.scrollTop:M.getDocumentScrollTop();this.deltaX=Math.abs(this._xPos-e),this._xPos=e,this.velocityX=this.deltaX/(Date.now()-this._time),this._time=Date.now(),this._initialScrollTop!==i&&(this._verticallyScrolling=!0)}},{key:"_handleDragTargetDrag",value:function(t){if(this.options.draggable&&!this._isCurrentlyFixed()&&!this._verticallyScrolling){this.isDragged||this._startDrag(t),this._dragMoveUpdate(t);var e=this._xPos-this._startingXpos,i=0<e?"right":"left";e=Math.min(this._width,Math.abs(e)),this.options.edge===i&&(e=0);var n=e,s="translateX(-100%)";"right"===this.options.edge&&(s="translateX(100%)",n=-n),this.percentOpen=Math.min(1,e/this._width),this.el.style.transform=s+" translateX("+n+"px)",this._overlay.style.opacity=this.percentOpen}}},{key:"_handleDragTargetRelease",value:function(){this.isDragged&&(.2<this.percentOpen?this.open():this._animateOut(),this.isDragged=!1,this._verticallyScrolling=!1)}},{key:"_handleCloseDrag",value:function(t){if(this.isOpen){if(!this.options.draggable||this._isCurrentlyFixed()||this._verticallyScrolling)return;this.isDragged||this._startDrag(t),this._dragMoveUpdate(t);var e=this._xPos-this._startingXpos,i=0<e?"right":"left";e=Math.min(this._width,Math.abs(e)),this.options.edge!==i&&(e=0);var n=-e;"right"===this.options.edge&&(n=-n),this.percentOpen=Math.min(1,1-e/this._width),this.el.style.transform="translateX("+n+"px)",this._overlay.style.opacity=this.percentOpen}}},{key:"_handleCloseRelease",value:function(){this.isOpen&&this.isDragged&&(.8<this.percentOpen?this._animateIn():this.close(),this.isDragged=!1,this._verticallyScrolling=!1)}},{key:"_handleCloseTriggerClick",value:function(t){s(t.target).closest(".sidenav-close").length&&!this._isCurrentlyFixed()&&this.close()}},{key:"_handleWindowResize",value:function(){this.lastWindowWidth!==window.innerWidth&&(992<window.innerWidth?this.open():this.close()),this.lastWindowWidth=window.innerWidth,this.lastWindowHeight=window.innerHeight}},{key:"_setupClasses",value:function(){"right"===this.options.edge&&(this.el.classList.add("right-aligned"),this.dragTarget.classList.add("right-aligned"))}},{key:"_removeClasses",value:function(){this.el.classList.remove("right-aligned"),this.dragTarget.classList.remove("right-aligned")}},{key:"_setupFixed",value:function(){this._isCurrentlyFixed()&&this.open()}},{key:"_isCurrentlyFixed",value:function(){return this.isFixed&&992<window.innerWidth}},{key:"_createDragTarget",value:function(){var t=document.createElement("div");t.classList.add("drag-target"),document.body.appendChild(t),this.dragTarget=t}},{key:"_preventBodyScrolling",value:function(){document.body.style.overflow="hidden"}},{key:"_enableBodyScrolling",value:function(){document.body.style.overflow=""}},{key:"open",value:function(){!0!==this.isOpen&&(this.isOpen=!0,"function"==typeof this.options.onOpenStart&&this.options.onOpenStart.call(this,this.el),this._isCurrentlyFixed()?(o.remove(this.el),o({targets:this.el,translateX:0,duration:0,easing:"easeOutQuad"}),this._enableBodyScrolling(),this._overlay.style.display="none"):(this.options.preventScrolling&&this._preventBodyScrolling(),this.isDragged&&1==this.percentOpen||this._animateIn()))}},{key:"close",value:function(){if(!1!==this.isOpen)if(this.isOpen=!1,"function"==typeof this.options.onCloseStart&&this.options.onCloseStart.call(this,this.el),this._isCurrentlyFixed()){var t="left"===this.options.edge?"-105%":"105%";this.el.style.transform="translateX("+t+")"}else this._enableBodyScrolling(),this.isDragged&&0==this.percentOpen?this._overlay.style.display="none":this._animateOut()}},{key:"_animateIn",value:function(){this._animateSidenavIn(),this._animateOverlayIn()}},{key:"_animateSidenavIn",value:function(){var t=this,e="left"===this.options.edge?-1:1;this.isDragged&&(e="left"===this.options.edge?e+this.percentOpen:e-this.percentOpen),o.remove(this.el),o({targets:this.el,translateX:[100*e+"%",0],duration:this.options.inDuration,easing:"easeOutQuad",complete:function(){"function"==typeof t.options.onOpenEnd&&t.options.onOpenEnd.call(t,t.el)}})}},{key:"_animateOverlayIn",value:function(){var t=0;this.isDragged?t=this.percentOpen:s(this._overlay).css({display:"block"}),o.remove(this._overlay),o({targets:this._overlay,opacity:[t,1],duration:this.options.inDuration,easing:"easeOutQuad"})}},{key:"_animateOut",value:function(){this._animateSidenavOut(),this._animateOverlayOut()}},{key:"_animateSidenavOut",value:function(){var t=this,e="left"===this.options.edge?-1:1,i=0;this.isDragged&&(i="left"===this.options.edge?e+this.percentOpen:e-this.percentOpen),o.remove(this.el),o({targets:this.el,translateX:[100*i+"%",105*e+"%"],duration:this.options.outDuration,easing:"easeOutQuad",complete:function(){"function"==typeof t.options.onCloseEnd&&t.options.onCloseEnd.call(t,t.el)}})}},{key:"_animateOverlayOut",value:function(){var t=this;o.remove(this._overlay),o({targets:this._overlay,opacity:0,duration:this.options.outDuration,easing:"easeOutQuad",complete:function(){s(t._overlay).css("display","none")}})}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Sidenav}},{key:"defaults",get:function(){return e}}]),n}();t._sidenavs=[],M.Sidenav=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"sidenav","M_Sidenav")}(cash,M.anime),function(o,a){"use strict";var e={throttle:100,scrollOffset:200,activeClass:"active",getActiveElement:function(t){return'a[href="#'+t+'"]'}},t=function(t){function c(t,e){_classCallCheck(this,c);var i=_possibleConstructorReturn(this,(c.__proto__||Object.getPrototypeOf(c)).call(this,c,t,e));return(i.el.M_ScrollSpy=i).options=o.extend({},c.defaults,e),c._elements.push(i),c._count++,c._increment++,i.tickId=-1,i.id=c._increment,i._setupEventHandlers(),i._handleWindowScroll(),i}return _inherits(c,Component),_createClass(c,[{key:"destroy",value:function(){c._elements.splice(c._elements.indexOf(this),1),c._elementsInView.splice(c._elementsInView.indexOf(this),1),c._visibleElements.splice(c._visibleElements.indexOf(this.$el),1),c._count--,this._removeEventHandlers(),o(this.options.getActiveElement(this.$el.attr("id"))).removeClass(this.options.activeClass),this.el.M_ScrollSpy=void 0}},{key:"_setupEventHandlers",value:function(){var t=M.throttle(this._handleWindowScroll,200);this._handleThrottledResizeBound=t.bind(this),this._handleWindowScrollBound=this._handleWindowScroll.bind(this),1===c._count&&(window.addEventListener("scroll",this._handleWindowScrollBound),window.addEventListener("resize",this._handleThrottledResizeBound),document.body.addEventListener("click",this._handleTriggerClick))}},{key:"_removeEventHandlers",value:function(){0===c._count&&(window.removeEventListener("scroll",this._handleWindowScrollBound),window.removeEventListener("resize",this._handleThrottledResizeBound),document.body.removeEventListener("click",this._handleTriggerClick))}},{key:"_handleTriggerClick",value:function(t){for(var e=o(t.target),i=c._elements.length-1;0<=i;i--){var n=c._elements[i];if(e.is('a[href="#'+n.$el.attr("id")+'"]')){t.preventDefault();var s=n.$el.offset().top+1;a({targets:[document.documentElement,document.body],scrollTop:s-n.options.scrollOffset,duration:400,easing:"easeOutCubic"});break}}}},{key:"_handleWindowScroll",value:function(){c._ticks++;for(var t=M.getDocumentScrollTop(),e=M.getDocumentScrollLeft(),i=e+window.innerWidth,n=t+window.innerHeight,s=c._findElements(t,i,n,e),o=0;o<s.length;o++){var a=s[o];a.tickId<0&&a._enter(),a.tickId=c._ticks}for(var r=0;r<c._elementsInView.length;r++){var l=c._elementsInView[r],h=l.tickId;0<=h&&h!==c._ticks&&(l._exit(),l.tickId=-1)}c._elementsInView=s}},{key:"_enter",value:function(){(c._visibleElements=c._visibleElements.filter(function(t){return 0!=t.height()}))[0]?(o(this.options.getActiveElement(c._visibleElements[0].attr("id"))).removeClass(this.options.activeClass),c._visibleElements[0][0].M_ScrollSpy&&this.id<c._visibleElements[0][0].M_ScrollSpy.id?c._visibleElements.unshift(this.$el):c._visibleElements.push(this.$el)):c._visibleElements.push(this.$el),o(this.options.getActiveElement(c._visibleElements[0].attr("id"))).addClass(this.options.activeClass)}},{key:"_exit",value:function(){var e=this;(c._visibleElements=c._visibleElements.filter(function(t){return 0!=t.height()}))[0]&&(o(this.options.getActiveElement(c._visibleElements[0].attr("id"))).removeClass(this.options.activeClass),(c._visibleElements=c._visibleElements.filter(function(t){return t.attr("id")!=e.$el.attr("id")}))[0]&&o(this.options.getActiveElement(c._visibleElements[0].attr("id"))).addClass(this.options.activeClass))}}],[{key:"init",value:function(t,e){return _get(c.__proto__||Object.getPrototypeOf(c),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_ScrollSpy}},{key:"_findElements",value:function(t,e,i,n){for(var s=[],o=0;o<c._elements.length;o++){var a=c._elements[o],r=t+a.options.scrollOffset||200;if(0<a.$el.height()){var l=a.$el.offset().top,h=a.$el.offset().left,d=h+a.$el.width(),u=l+a.$el.height();!(e<h||d<n||i<l||u<r)&&s.push(a)}}return s}},{key:"defaults",get:function(){return e}}]),c}();t._elements=[],t._elementsInView=[],t._visibleElements=[],t._count=0,t._increment=0,t._ticks=0,M.ScrollSpy=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"scrollSpy","M_ScrollSpy")}(cash,M.anime),function(h){"use strict";var e={data:{},limit:1/0,onAutocomplete:null,minLength:1,sortFunction:function(t,e,i){return t.indexOf(i)-e.indexOf(i)}},t=function(t){function s(t,e){_classCallCheck(this,s);var i=_possibleConstructorReturn(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,s,t,e));return(i.el.M_Autocomplete=i).options=h.extend({},s.defaults,e),i.isOpen=!1,i.count=0,i.activeIndex=-1,i.oldVal,i.$inputField=i.$el.closest(".input-field"),i.$active=h(),i._mousedown=!1,i._setupDropdown(),i._setupEventHandlers(),i}return _inherits(s,Component),_createClass(s,[{key:"destroy",value:function(){this._removeEventHandlers(),this._removeDropdown(),this.el.M_Autocomplete=void 0}},{key:"_setupEventHandlers",value:function(){this._handleInputBlurBound=this._handleInputBlur.bind(this),this._handleInputKeyupAndFocusBound=this._handleInputKeyupAndFocus.bind(this),this._handleInputKeydownBound=this._handleInputKeydown.bind(this),this._handleInputClickBound=this._handleInputClick.bind(this),this._handleContainerMousedownAndTouchstartBound=this._handleContainerMousedownAndTouchstart.bind(this),this._handleContainerMouseupAndTouchendBound=this._handleContainerMouseupAndTouchend.bind(this),this.el.addEventListener("blur",this._handleInputBlurBound),this.el.addEventListener("keyup",this._handleInputKeyupAndFocusBound),this.el.addEventListener("focus",this._handleInputKeyupAndFocusBound),this.el.addEventListener("keydown",this._handleInputKeydownBound),this.el.addEventListener("click",this._handleInputClickBound),this.container.addEventListener("mousedown",this._handleContainerMousedownAndTouchstartBound),this.container.addEventListener("mouseup",this._handleContainerMouseupAndTouchendBound),void 0!==window.ontouchstart&&(this.container.addEventListener("touchstart",this._handleContainerMousedownAndTouchstartBound),this.container.addEventListener("touchend",this._handleContainerMouseupAndTouchendBound))}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("blur",this._handleInputBlurBound),this.el.removeEventListener("keyup",this._handleInputKeyupAndFocusBound),this.el.removeEventListener("focus",this._handleInputKeyupAndFocusBound),this.el.removeEventListener("keydown",this._handleInputKeydownBound),this.el.removeEventListener("click",this._handleInputClickBound),this.container.removeEventListener("mousedown",this._handleContainerMousedownAndTouchstartBound),this.container.removeEventListener("mouseup",this._handleContainerMouseupAndTouchendBound),void 0!==window.ontouchstart&&(this.container.removeEventListener("touchstart",this._handleContainerMousedownAndTouchstartBound),this.container.removeEventListener("touchend",this._handleContainerMouseupAndTouchendBound))}},{key:"_setupDropdown",value:function(){var e=this;this.container=document.createElement("ul"),this.container.id="autocomplete-options-"+M.guid(),h(this.container).addClass("autocomplete-content dropdown-content"),this.$inputField.append(this.container),this.el.setAttribute("data-target",this.container.id),this.dropdown=M.Dropdown.init(this.el,{autoFocus:!1,closeOnClick:!1,coverTrigger:!1,onItemClick:function(t){e.selectOption(h(t))}}),this.el.removeEventListener("click",this.dropdown._handleClickBound)}},{key:"_removeDropdown",value:function(){this.container.parentNode.removeChild(this.container)}},{key:"_handleInputBlur",value:function(){this._mousedown||(this.close(),this._resetAutocomplete())}},{key:"_handleInputKeyupAndFocus",value:function(t){"keyup"===t.type&&(s._keydown=!1),this.count=0;var e=this.el.value.toLowerCase();13!==t.keyCode&&38!==t.keyCode&&40!==t.keyCode&&(this.oldVal===e||!M.tabPressed&&"focus"===t.type||this.open(),this.oldVal=e)}},{key:"_handleInputKeydown",value:function(t){s._keydown=!0;var e=t.keyCode,i=void 0,n=h(this.container).children("li").length;e===M.keys.ENTER&&0<=this.activeIndex?(i=h(this.container).children("li").eq(this.activeIndex)).length&&(this.selectOption(i),t.preventDefault()):e!==M.keys.ARROW_UP&&e!==M.keys.ARROW_DOWN||(t.preventDefault(),e===M.keys.ARROW_UP&&0<this.activeIndex&&this.activeIndex--,e===M.keys.ARROW_DOWN&&this.activeIndex<n-1&&this.activeIndex++,this.$active.removeClass("active"),0<=this.activeIndex&&(this.$active=h(this.container).children("li").eq(this.activeIndex),this.$active.addClass("active")))}},{key:"_handleInputClick",value:function(t){this.open()}},{key:"_handleContainerMousedownAndTouchstart",value:function(t){this._mousedown=!0}},{key:"_handleContainerMouseupAndTouchend",value:function(t){this._mousedown=!1}},{key:"_highlight",value:function(t,e){var i=e.find("img"),n=e.text().toLowerCase().indexOf(""+t.toLowerCase()),s=n+t.length-1,o=e.text().slice(0,n),a=e.text().slice(n,s+1),r=e.text().slice(s+1);e.html("<span>"+o+"<span class='highlight'>"+a+"</span>"+r+"</span>"),i.length&&e.prepend(i)}},{key:"_resetCurrentElement",value:function(){this.activeIndex=-1,this.$active.removeClass("active")}},{key:"_resetAutocomplete",value:function(){h(this.container).empty(),this._resetCurrentElement(),this.oldVal=null,this.isOpen=!1,this._mousedown=!1}},{key:"selectOption",value:function(t){var e=t.text().trim();this.el.value=e,this.$el.trigger("change"),this._resetAutocomplete(),this.close(),"function"==typeof this.options.onAutocomplete&&this.options.onAutocomplete.call(this,e)}},{key:"_renderDropdown",value:function(t,i){var n=this;this._resetAutocomplete();var e=[];for(var s in t)if(t.hasOwnProperty(s)&&-1!==s.toLowerCase().indexOf(i)){if(this.count>=this.options.limit)break;var o={data:t[s],key:s};e.push(o),this.count++}if(this.options.sortFunction){e.sort(function(t,e){return n.options.sortFunction(t.key.toLowerCase(),e.key.toLowerCase(),i.toLowerCase())})}for(var a=0;a<e.length;a++){var r=e[a],l=h("<li></li>");r.data?l.append('<img src="'+r.data+'" class="right circle"><span>'+r.key+"</span>"):l.append("<span>"+r.key+"</span>"),h(this.container).append(l),this._highlight(i,l)}}},{key:"open",value:function(){var t=this.el.value.toLowerCase();this._resetAutocomplete(),t.length>=this.options.minLength&&(this.isOpen=!0,this._renderDropdown(this.options.data,t)),this.dropdown.isOpen?this.dropdown.recalculateDimensions():this.dropdown.open()}},{key:"close",value:function(){this.dropdown.close()}},{key:"updateData",value:function(t){var e=this.el.value.toLowerCase();this.options.data=t,this.isOpen&&this._renderDropdown(t,e)}}],[{key:"init",value:function(t,e){return _get(s.__proto__||Object.getPrototypeOf(s),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Autocomplete}},{key:"defaults",get:function(){return e}}]),s}();t._keydown=!1,M.Autocomplete=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"autocomplete","M_Autocomplete")}(cash),function(d){M.updateTextFields=function(){d("input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], input[type=date], input[type=time], textarea").each(function(t,e){var i=d(this);0<t.value.length||d(t).is(":focus")||t.autofocus||null!==i.attr("placeholder")?i.siblings("label").addClass("active"):t.validity?i.siblings("label").toggleClass("active",!0===t.validity.badInput):i.siblings("label").removeClass("active")})},M.validate_field=function(t){var e=null!==t.attr("data-length"),i=parseInt(t.attr("data-length")),n=t[0].value.length;0!==n||!1!==t[0].validity.badInput||t.is(":required")?t.hasClass("validate")&&(t.is(":valid")&&e&&n<=i||t.is(":valid")&&!e?(t.removeClass("invalid"),t.addClass("valid")):(t.removeClass("valid"),t.addClass("invalid"))):t.hasClass("validate")&&(t.removeClass("valid"),t.removeClass("invalid"))},M.textareaAutoResize=function(t){if(t instanceof Element&&(t=d(t)),t.length){var e=d(".hiddendiv").first();e.length||(e=d('<div class="hiddendiv common"></div>'),d("body").append(e));var i=t.css("font-family"),n=t.css("font-size"),s=t.css("line-height"),o=t.css("padding-top"),a=t.css("padding-right"),r=t.css("padding-bottom"),l=t.css("padding-left");n&&e.css("font-size",n),i&&e.css("font-family",i),s&&e.css("line-height",s),o&&e.css("padding-top",o),a&&e.css("padding-right",a),r&&e.css("padding-bottom",r),l&&e.css("padding-left",l),t.data("original-height")||t.data("original-height",t.height()),"off"===t.attr("wrap")&&e.css("overflow-wrap","normal").css("white-space","pre"),e.text(t[0].value+"\n");var h=e.html().replace(/\n/g,"<br>");e.html(h),0<t[0].offsetWidth&&0<t[0].offsetHeight?e.css("width",t.width()+"px"):e.css("width",window.innerWidth/2+"px"),t.data("original-height")<=e.innerHeight()?t.css("height",e.innerHeight()+"px"):t[0].value.length<t.data("previous-length")&&t.css("height",t.data("original-height")+"px"),t.data("previous-length",t[0].value.length)}else console.error("No textarea element found")},d(document).ready(function(){var n="input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], input[type=date], input[type=time], textarea";d(document).on("change",n,function(){0===this.value.length&&null===d(this).attr("placeholder")||d(this).siblings("label").addClass("active"),M.validate_field(d(this))}),d(document).ready(function(){M.updateTextFields()}),d(document).on("reset",function(t){var e=d(t.target);e.is("form")&&(e.find(n).removeClass("valid").removeClass("invalid"),e.find(n).each(function(t){this.value.length&&d(this).siblings("label").removeClass("active")}),setTimeout(function(){e.find("select").each(function(){this.M_FormSelect&&d(this).trigger("change")})},0))}),document.addEventListener("focus",function(t){d(t.target).is(n)&&d(t.target).siblings("label, .prefix").addClass("active")},!0),document.addEventListener("blur",function(t){var e=d(t.target);if(e.is(n)){var i=".prefix";0===e[0].value.length&&!0!==e[0].validity.badInput&&null===e.attr("placeholder")&&(i+=", label"),e.siblings(i).removeClass("active"),M.validate_field(e)}},!0);d(document).on("keyup","input[type=radio], input[type=checkbox]",function(t){if(t.which===M.keys.TAB)return d(this).addClass("tabbed"),void d(this).one("blur",function(t){d(this).removeClass("tabbed")})});var t=".materialize-textarea";d(t).each(function(){var t=d(this);t.data("original-height",t.height()),t.data("previous-length",this.value.length),M.textareaAutoResize(t)}),d(document).on("keyup",t,function(){M.textareaAutoResize(d(this))}),d(document).on("keydown",t,function(){M.textareaAutoResize(d(this))}),d(document).on("change",'.file-field input[type="file"]',function(){for(var t=d(this).closest(".file-field").find("input.file-path"),e=d(this)[0].files,i=[],n=0;n<e.length;n++)i.push(e[n].name);t[0].value=i.join(", "),t.trigger("change")})})}(cash),function(s,o){"use strict";var e={indicators:!0,height:400,duration:500,interval:6e3},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Slider=i).options=s.extend({},n.defaults,e),i.$slider=i.$el.find(".slides"),i.$slides=i.$slider.children("li"),i.activeIndex=i.$slides.filter(function(t){return s(t).hasClass("active")}).first().index(),-1!=i.activeIndex&&(i.$active=i.$slides.eq(i.activeIndex)),i._setSliderHeight(),i.$slides.find(".caption").each(function(t){i._animateCaptionIn(t,0)}),i.$slides.find("img").each(function(t){var e="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";s(t).attr("src")!==e&&(s(t).css("background-image",'url("'+s(t).attr("src")+'")'),s(t).attr("src",e))}),i._setupIndicators(),i.$active?i.$active.css("display","block"):(i.$slides.first().addClass("active"),o({targets:i.$slides.first()[0],opacity:1,duration:i.options.duration,easing:"easeOutQuad"}),i.activeIndex=0,i.$active=i.$slides.eq(i.activeIndex),i.options.indicators&&i.$indicators.eq(i.activeIndex).addClass("active")),i.$active.find("img").each(function(t){o({targets:i.$active.find(".caption")[0],opacity:1,translateX:0,translateY:0,duration:i.options.duration,easing:"easeOutQuad"})}),i._setupEventHandlers(),i.start(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this.pause(),this._removeIndicators(),this._removeEventHandlers(),this.el.M_Slider=void 0}},{key:"_setupEventHandlers",value:function(){var e=this;this._handleIntervalBound=this._handleInterval.bind(this),this._handleIndicatorClickBound=this._handleIndicatorClick.bind(this),this.options.indicators&&this.$indicators.each(function(t){t.addEventListener("click",e._handleIndicatorClickBound)})}},{key:"_removeEventHandlers",value:function(){var e=this;this.options.indicators&&this.$indicators.each(function(t){t.removeEventListener("click",e._handleIndicatorClickBound)})}},{key:"_handleIndicatorClick",value:function(t){var e=s(t.target).index();this.set(e)}},{key:"_handleInterval",value:function(){var t=this.$slider.find(".active").index();this.$slides.length===t+1?t=0:t+=1,this.set(t)}},{key:"_animateCaptionIn",value:function(t,e){var i={targets:t,opacity:0,duration:e,easing:"easeOutQuad"};s(t).hasClass("center-align")?i.translateY=-100:s(t).hasClass("right-align")?i.translateX=100:s(t).hasClass("left-align")&&(i.translateX=-100),o(i)}},{key:"_setSliderHeight",value:function(){this.$el.hasClass("fullscreen")||(this.options.indicators?this.$el.css("height",this.options.height+40+"px"):this.$el.css("height",this.options.height+"px"),this.$slider.css("height",this.options.height+"px"))}},{key:"_setupIndicators",value:function(){var n=this;this.options.indicators&&(this.$indicators=s('<ul class="indicators"></ul>'),this.$slides.each(function(t,e){var i=s('<li class="indicator-item"></li>');n.$indicators.append(i[0])}),this.$el.append(this.$indicators[0]),this.$indicators=this.$indicators.children("li.indicator-item"))}},{key:"_removeIndicators",value:function(){this.$el.find("ul.indicators").remove()}},{key:"set",value:function(t){var e=this;if(t>=this.$slides.length?t=0:t<0&&(t=this.$slides.length-1),this.activeIndex!=t){this.$active=this.$slides.eq(this.activeIndex);var i=this.$active.find(".caption");this.$active.removeClass("active"),o({targets:this.$active[0],opacity:0,duration:this.options.duration,easing:"easeOutQuad",complete:function(){e.$slides.not(".active").each(function(t){o({targets:t,opacity:0,translateX:0,translateY:0,duration:0,easing:"easeOutQuad"})})}}),this._animateCaptionIn(i[0],this.options.duration),this.options.indicators&&(this.$indicators.eq(this.activeIndex).removeClass("active"),this.$indicators.eq(t).addClass("active")),o({targets:this.$slides.eq(t)[0],opacity:1,duration:this.options.duration,easing:"easeOutQuad"}),o({targets:this.$slides.eq(t).find(".caption")[0],opacity:1,translateX:0,translateY:0,duration:this.options.duration,delay:this.options.duration,easing:"easeOutQuad"}),this.$slides.eq(t).addClass("active"),this.activeIndex=t,this.start()}}},{key:"pause",value:function(){clearInterval(this.interval)}},{key:"start",value:function(){clearInterval(this.interval),this.interval=setInterval(this._handleIntervalBound,this.options.duration+this.options.interval)}},{key:"next",value:function(){var t=this.activeIndex+1;t>=this.$slides.length?t=0:t<0&&(t=this.$slides.length-1),this.set(t)}},{key:"prev",value:function(){var t=this.activeIndex-1;t>=this.$slides.length?t=0:t<0&&(t=this.$slides.length-1),this.set(t)}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Slider}},{key:"defaults",get:function(){return e}}]),n}();M.Slider=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"slider","M_Slider")}(cash,M.anime),function(n,s){n(document).on("click",".card",function(t){if(n(this).children(".card-reveal").length){var i=n(t.target).closest(".card");void 0===i.data("initialOverflow")&&i.data("initialOverflow",void 0===i.css("overflow")?"":i.css("overflow"));var e=n(this).find(".card-reveal");n(t.target).is(n(".card-reveal .card-title"))||n(t.target).is(n(".card-reveal .card-title i"))?s({targets:e[0],translateY:0,duration:225,easing:"easeInOutQuad",complete:function(t){var e=t.animatables[0].target;n(e).css({display:"none"}),i.css("overflow",i.data("initialOverflow"))}}):(n(t.target).is(n(".card .activator"))||n(t.target).is(n(".card .activator i")))&&(i.css("overflow","hidden"),e.css({display:"block"}),s({targets:e[0],translateY:"-100%",duration:300,easing:"easeInOutQuad"}))}})}(cash,M.anime),function(h){"use strict";var e={data:[],placeholder:"",secondaryPlaceholder:"",autocompleteOptions:{},limit:1/0,onChipAdd:null,onChipSelect:null,onChipDelete:null},t=function(t){function l(t,e){_classCallCheck(this,l);var i=_possibleConstructorReturn(this,(l.__proto__||Object.getPrototypeOf(l)).call(this,l,t,e));return(i.el.M_Chips=i).options=h.extend({},l.defaults,e),i.$el.addClass("chips input-field"),i.chipsData=[],i.$chips=h(),i._setupInput(),i.hasAutocomplete=0<Object.keys(i.options.autocompleteOptions).length,i.$input.attr("id")||i.$input.attr("id",M.guid()),i.options.data.length&&(i.chipsData=i.options.data,i._renderChips(i.chipsData)),i.hasAutocomplete&&i._setupAutocomplete(),i._setPlaceholder(),i._setupLabel(),i._setupEventHandlers(),i}return _inherits(l,Component),_createClass(l,[{key:"getData",value:function(){return this.chipsData}},{key:"destroy",value:function(){this._removeEventHandlers(),this.$chips.remove(),this.el.M_Chips=void 0}},{key:"_setupEventHandlers",value:function(){this._handleChipClickBound=this._handleChipClick.bind(this),this._handleInputKeydownBound=this._handleInputKeydown.bind(this),this._handleInputFocusBound=this._handleInputFocus.bind(this),this._handleInputBlurBound=this._handleInputBlur.bind(this),this.el.addEventListener("click",this._handleChipClickBound),document.addEventListener("keydown",l._handleChipsKeydown),document.addEventListener("keyup",l._handleChipsKeyup),this.el.addEventListener("blur",l._handleChipsBlur,!0),this.$input[0].addEventListener("focus",this._handleInputFocusBound),this.$input[0].addEventListener("blur",this._handleInputBlurBound),this.$input[0].addEventListener("keydown",this._handleInputKeydownBound)}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("click",this._handleChipClickBound),document.removeEventListener("keydown",l._handleChipsKeydown),document.removeEventListener("keyup",l._handleChipsKeyup),this.el.removeEventListener("blur",l._handleChipsBlur,!0),this.$input[0].removeEventListener("focus",this._handleInputFocusBound),this.$input[0].removeEventListener("blur",this._handleInputBlurBound),this.$input[0].removeEventListener("keydown",this._handleInputKeydownBound)}},{key:"_handleChipClick",value:function(t){var e=h(t.target).closest(".chip"),i=h(t.target).is(".close");if(e.length){var n=e.index();i?(this.deleteChip(n),this.$input[0].focus()):this.selectChip(n)}else this.$input[0].focus()}},{key:"_handleInputFocus",value:function(){this.$el.addClass("focus")}},{key:"_handleInputBlur",value:function(){this.$el.removeClass("focus")}},{key:"_handleInputKeydown",value:function(t){if(l._keydown=!0,13===t.keyCode){if(this.hasAutocomplete&&this.autocomplete&&this.autocomplete.isOpen)return;t.preventDefault(),this.addChip({tag:this.$input[0].value}),this.$input[0].value=""}else 8!==t.keyCode&&37!==t.keyCode||""!==this.$input[0].value||!this.chipsData.length||(t.preventDefault(),this.selectChip(this.chipsData.length-1))}},{key:"_renderChip",value:function(t){if(t.tag){var e=document.createElement("div"),i=document.createElement("i");if(e.classList.add("chip"),e.textContent=t.tag,e.setAttribute("tabindex",0),h(i).addClass("material-icons close"),i.textContent="close",t.image){var n=document.createElement("img");n.setAttribute("src",t.image),e.insertBefore(n,e.firstChild)}return e.appendChild(i),e}}},{key:"_renderChips",value:function(){this.$chips.remove();for(var t=0;t<this.chipsData.length;t++){var e=this._renderChip(this.chipsData[t]);this.$el.append(e),this.$chips.add(e)}this.$el.append(this.$input[0])}},{key:"_setupAutocomplete",value:function(){var e=this;this.options.autocompleteOptions.onAutocomplete=function(t){e.addChip({tag:t}),e.$input[0].value="",e.$input[0].focus()},this.autocomplete=M.Autocomplete.init(this.$input[0],this.options.autocompleteOptions)}},{key:"_setupInput",value:function(){this.$input=this.$el.find("input"),this.$input.length||(this.$input=h("<input></input>"),this.$el.append(this.$input)),this.$input.addClass("input")}},{key:"_setupLabel",value:function(){this.$label=this.$el.find("label"),this.$label.length&&this.$label.setAttribute("for",this.$input.attr("id"))}},{key:"_setPlaceholder",value:function(){void 0!==this.chipsData&&!this.chipsData.length&&this.options.placeholder?h(this.$input).prop("placeholder",this.options.placeholder):(void 0===this.chipsData||this.chipsData.length)&&this.options.secondaryPlaceholder&&h(this.$input).prop("placeholder",this.options.secondaryPlaceholder)}},{key:"_isValid",value:function(t){if(t.hasOwnProperty("tag")&&""!==t.tag){for(var e=!1,i=0;i<this.chipsData.length;i++)if(this.chipsData[i].tag===t.tag){e=!0;break}return!e}return!1}},{key:"addChip",value:function(t){if(this._isValid(t)&&!(this.chipsData.length>=this.options.limit)){var e=this._renderChip(t);this.$chips.add(e),this.chipsData.push(t),h(this.$input).before(e),this._setPlaceholder(),"function"==typeof this.options.onChipAdd&&this.options.onChipAdd.call(this,this.$el,e)}}},{key:"deleteChip",value:function(t){var e=this.$chips.eq(t);this.$chips.eq(t).remove(),this.$chips=this.$chips.filter(function(t){return 0<=h(t).index()}),this.chipsData.splice(t,1),this._setPlaceholder(),"function"==typeof this.options.onChipDelete&&this.options.onChipDelete.call(this,this.$el,e[0])}},{key:"selectChip",value:function(t){var e=this.$chips.eq(t);(this._selectedChip=e)[0].focus(),"function"==typeof this.options.onChipSelect&&this.options.onChipSelect.call(this,this.$el,e[0])}}],[{key:"init",value:function(t,e){return _get(l.__proto__||Object.getPrototypeOf(l),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Chips}},{key:"_handleChipsKeydown",value:function(t){l._keydown=!0;var e=h(t.target).closest(".chips"),i=t.target&&e.length;if(!h(t.target).is("input, textarea")&&i){var n=e[0].M_Chips;if(8===t.keyCode||46===t.keyCode){t.preventDefault();var s=n.chipsData.length;if(n._selectedChip){var o=n._selectedChip.index();n.deleteChip(o),n._selectedChip=null,s=Math.max(o-1,0)}n.chipsData.length&&n.selectChip(s)}else if(37===t.keyCode){if(n._selectedChip){var a=n._selectedChip.index()-1;if(a<0)return;n.selectChip(a)}}else if(39===t.keyCode&&n._selectedChip){var r=n._selectedChip.index()+1;r>=n.chipsData.length?n.$input[0].focus():n.selectChip(r)}}}},{key:"_handleChipsKeyup",value:function(t){l._keydown=!1}},{key:"_handleChipsBlur",value:function(t){l._keydown||(h(t.target).closest(".chips")[0].M_Chips._selectedChip=null)}},{key:"defaults",get:function(){return e}}]),l}();t._keydown=!1,M.Chips=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"chips","M_Chips"),h(document).ready(function(){h(document.body).on("click",".chip .close",function(){var t=h(this).closest(".chips");t.length&&t[0].M_Chips||h(this).closest(".chip").remove()})})}(cash),function(s){"use strict";var e={top:0,bottom:1/0,offset:0,onPositionChange:null},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Pushpin=i).options=s.extend({},n.defaults,e),i.originalOffset=i.el.offsetTop,n._pushpins.push(i),i._setupEventHandlers(),i._updatePosition(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this.el.style.top=null,this._removePinClasses(),this._removeEventHandlers();var t=n._pushpins.indexOf(this);n._pushpins.splice(t,1)}},{key:"_setupEventHandlers",value:function(){document.addEventListener("scroll",n._updateElements)}},{key:"_removeEventHandlers",value:function(){document.removeEventListener("scroll",n._updateElements)}},{key:"_updatePosition",value:function(){var t=M.getDocumentScrollTop()+this.options.offset;this.options.top<=t&&this.options.bottom>=t&&!this.el.classList.contains("pinned")&&(this._removePinClasses(),this.el.style.top=this.options.offset+"px",this.el.classList.add("pinned"),"function"==typeof this.options.onPositionChange&&this.options.onPositionChange.call(this,"pinned")),t<this.options.top&&!this.el.classList.contains("pin-top")&&(this._removePinClasses(),this.el.style.top=0,this.el.classList.add("pin-top"),"function"==typeof this.options.onPositionChange&&this.options.onPositionChange.call(this,"pin-top")),t>this.options.bottom&&!this.el.classList.contains("pin-bottom")&&(this._removePinClasses(),this.el.classList.add("pin-bottom"),this.el.style.top=this.options.bottom-this.originalOffset+"px","function"==typeof this.options.onPositionChange&&this.options.onPositionChange.call(this,"pin-bottom"))}},{key:"_removePinClasses",value:function(){this.el.classList.remove("pin-top"),this.el.classList.remove("pinned"),this.el.classList.remove("pin-bottom")}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Pushpin}},{key:"_updateElements",value:function(){for(var t in n._pushpins){n._pushpins[t]._updatePosition()}}},{key:"defaults",get:function(){return e}}]),n}();t._pushpins=[],M.Pushpin=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"pushpin","M_Pushpin")}(cash),function(r,s){"use strict";var e={direction:"top",hoverEnabled:!0,toolbarEnabled:!1};r.fn.reverse=[].reverse;var t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_FloatingActionButton=i).options=r.extend({},n.defaults,e),i.isOpen=!1,i.$anchor=i.$el.children("a").first(),i.$menu=i.$el.children("ul").first(),i.$floatingBtns=i.$el.find("ul .btn-floating"),i.$floatingBtnsReverse=i.$el.find("ul .btn-floating").reverse(),i.offsetY=0,i.offsetX=0,i.$el.addClass("direction-"+i.options.direction),"top"===i.options.direction?i.offsetY=40:"right"===i.options.direction?i.offsetX=-40:"bottom"===i.options.direction?i.offsetY=-40:i.offsetX=40,i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._removeEventHandlers(),this.el.M_FloatingActionButton=void 0}},{key:"_setupEventHandlers",value:function(){this._handleFABClickBound=this._handleFABClick.bind(this),this._handleOpenBound=this.open.bind(this),this._handleCloseBound=this.close.bind(this),this.options.hoverEnabled&&!this.options.toolbarEnabled?(this.el.addEventListener("mouseenter",this._handleOpenBound),this.el.addEventListener("mouseleave",this._handleCloseBound)):this.el.addEventListener("click",this._handleFABClickBound)}},{key:"_removeEventHandlers",value:function(){this.options.hoverEnabled&&!this.options.toolbarEnabled?(this.el.removeEventListener("mouseenter",this._handleOpenBound),this.el.removeEventListener("mouseleave",this._handleCloseBound)):this.el.removeEventListener("click",this._handleFABClickBound)}},{key:"_handleFABClick",value:function(){this.isOpen?this.close():this.open()}},{key:"_handleDocumentClick",value:function(t){r(t.target).closest(this.$menu).length||this.close()}},{key:"open",value:function(){this.isOpen||(this.options.toolbarEnabled?this._animateInToolbar():this._animateInFAB(),this.isOpen=!0)}},{key:"close",value:function(){this.isOpen&&(this.options.toolbarEnabled?(window.removeEventListener("scroll",this._handleCloseBound,!0),document.body.removeEventListener("click",this._handleDocumentClickBound,!0),this._animateOutToolbar()):this._animateOutFAB(),this.isOpen=!1)}},{key:"_animateInFAB",value:function(){var e=this;this.$el.addClass("active");var i=0;this.$floatingBtnsReverse.each(function(t){s({targets:t,opacity:1,scale:[.4,1],translateY:[e.offsetY,0],translateX:[e.offsetX,0],duration:275,delay:i,easing:"easeInOutQuad"}),i+=40})}},{key:"_animateOutFAB",value:function(){var e=this;this.$floatingBtnsReverse.each(function(t){s.remove(t),s({targets:t,opacity:0,scale:.4,translateY:e.offsetY,translateX:e.offsetX,duration:175,easing:"easeOutQuad",complete:function(){e.$el.removeClass("active")}})})}},{key:"_animateInToolbar",value:function(){var t,e=this,i=window.innerWidth,n=window.innerHeight,s=this.el.getBoundingClientRect(),o=r('<div class="fab-backdrop"></div>'),a=this.$anchor.css("background-color");this.$anchor.append(o),this.offsetX=s.left-i/2+s.width/2,this.offsetY=n-s.bottom,t=i/o[0].clientWidth,this.btnBottom=s.bottom,this.btnLeft=s.left,this.btnWidth=s.width,this.$el.addClass("active"),this.$el.css({"text-align":"center",width:"100%",bottom:0,left:0,transform:"translateX("+this.offsetX+"px)",transition:"none"}),this.$anchor.css({transform:"translateY("+-this.offsetY+"px)",transition:"none"}),o.css({"background-color":a}),setTimeout(function(){e.$el.css({transform:"",transition:"transform .2s cubic-bezier(0.550, 0.085, 0.680, 0.530), background-color 0s linear .2s"}),e.$anchor.css({overflow:"visible",transform:"",transition:"transform .2s"}),setTimeout(function(){e.$el.css({overflow:"hidden","background-color":a}),o.css({transform:"scale("+t+")",transition:"transform .2s cubic-bezier(0.550, 0.055, 0.675, 0.190)"}),e.$menu.children("li").children("a").css({opacity:1}),e._handleDocumentClickBound=e._handleDocumentClick.bind(e),window.addEventListener("scroll",e._handleCloseBound,!0),document.body.addEventListener("click",e._handleDocumentClickBound,!0)},100)},0)}},{key:"_animateOutToolbar",value:function(){var t=this,e=window.innerWidth,i=window.innerHeight,n=this.$el.find(".fab-backdrop"),s=this.$anchor.css("background-color");this.offsetX=this.btnLeft-e/2+this.btnWidth/2,this.offsetY=i-this.btnBottom,this.$el.removeClass("active"),this.$el.css({"background-color":"transparent",transition:"none"}),this.$anchor.css({transition:"none"}),n.css({transform:"scale(0)","background-color":s}),this.$menu.children("li").children("a").css({opacity:""}),setTimeout(function(){n.remove(),t.$el.css({"text-align":"",width:"",bottom:"",left:"",overflow:"","background-color":"",transform:"translate3d("+-t.offsetX+"px,0,0)"}),t.$anchor.css({overflow:"",transform:"translate3d(0,"+t.offsetY+"px,0)"}),setTimeout(function(){t.$el.css({transform:"translate3d(0,0,0)",transition:"transform .2s"}),t.$anchor.css({transform:"translate3d(0,0,0)",transition:"transform .2s cubic-bezier(0.550, 0.055, 0.675, 0.190)"})},20)},200)}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_FloatingActionButton}},{key:"defaults",get:function(){return e}}]),n}();M.FloatingActionButton=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"floatingActionButton","M_FloatingActionButton")}(cash,M.anime),function(g){"use strict";var e={autoClose:!1,format:"mmm dd, yyyy",parse:null,defaultDate:null,setDefaultDate:!1,disableWeekends:!1,disableDayFn:null,firstDay:0,minDate:null,maxDate:null,yearRange:10,minYear:0,maxYear:9999,minMonth:void 0,maxMonth:void 0,startRange:null,endRange:null,isRTL:!1,showMonthAfterYear:!1,showDaysInNextAndPreviousMonths:!1,container:null,showClearBtn:!1,i18n:{cancel:"Cancel",clear:"Clear",done:"Ok",previousMonth:"‹",nextMonth:"›",months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],weekdays:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekdaysAbbrev:["S","M","T","W","T","F","S"]},events:[],onSelect:null,onOpen:null,onClose:null,onDraw:null},t=function(t){function B(t,e){_classCallCheck(this,B);var i=_possibleConstructorReturn(this,(B.__proto__||Object.getPrototypeOf(B)).call(this,B,t,e));(i.el.M_Datepicker=i).options=g.extend({},B.defaults,e),e&&e.hasOwnProperty("i18n")&&"object"==typeof e.i18n&&(i.options.i18n=g.extend({},B.defaults.i18n,e.i18n)),i.options.minDate&&i.options.minDate.setHours(0,0,0,0),i.options.maxDate&&i.options.maxDate.setHours(0,0,0,0),i.id=M.guid(),i._setupVariables(),i._insertHTMLIntoDOM(),i._setupModal(),i._setupEventHandlers(),i.options.defaultDate||(i.options.defaultDate=new Date(Date.parse(i.el.value)));var n=i.options.defaultDate;return B._isDate(n)?i.options.setDefaultDate?(i.setDate(n,!0),i.setInputValue()):i.gotoDate(n):i.gotoDate(new Date),i.isOpen=!1,i}return _inherits(B,Component),_createClass(B,[{key:"destroy",value:function(){this._removeEventHandlers(),this.modal.destroy(),g(this.modalEl).remove(),this.destroySelects(),this.el.M_Datepicker=void 0}},{key:"destroySelects",value:function(){var t=this.calendarEl.querySelector(".orig-select-year");t&&M.FormSelect.getInstance(t).destroy();var e=this.calendarEl.querySelector(".orig-select-month");e&&M.FormSelect.getInstance(e).destroy()}},{key:"_insertHTMLIntoDOM",value:function(){this.options.showClearBtn&&(g(this.clearBtn).css({visibility:""}),this.clearBtn.innerHTML=this.options.i18n.clear),this.doneBtn.innerHTML=this.options.i18n.done,this.cancelBtn.innerHTML=this.options.i18n.cancel,this.options.container?this.$modalEl.appendTo(this.options.container):this.$modalEl.insertBefore(this.el)}},{key:"_setupModal",value:function(){var t=this;this.modalEl.id="modal-"+this.id,this.modal=M.Modal.init(this.modalEl,{onCloseEnd:function(){t.isOpen=!1}})}},{key:"toString",value:function(t){var e=this;return t=t||this.options.format,B._isDate(this.date)?t.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g).map(function(t){return e.formats[t]?e.formats[t]():t}).join(""):""}},{key:"setDate",value:function(t,e){if(!t)return this.date=null,this._renderDateDisplay(),this.draw();if("string"==typeof t&&(t=new Date(Date.parse(t))),B._isDate(t)){var i=this.options.minDate,n=this.options.maxDate;B._isDate(i)&&t<i?t=i:B._isDate(n)&&n<t&&(t=n),this.date=new Date(t.getTime()),this._renderDateDisplay(),B._setToStartOfDay(this.date),this.gotoDate(this.date),e||"function"!=typeof this.options.onSelect||this.options.onSelect.call(this,this.date)}}},{key:"setInputValue",value:function(){this.el.value=this.toString(),this.$el.trigger("change",{firedBy:this})}},{key:"_renderDateDisplay",value:function(){var t=B._isDate(this.date)?this.date:new Date,e=this.options.i18n,i=e.weekdaysShort[t.getDay()],n=e.monthsShort[t.getMonth()],s=t.getDate();this.yearTextEl.innerHTML=t.getFullYear(),this.dateTextEl.innerHTML=i+", "+n+" "+s}},{key:"gotoDate",value:function(t){var e=!0;if(B._isDate(t)){if(this.calendars){var i=new Date(this.calendars[0].year,this.calendars[0].month,1),n=new Date(this.calendars[this.calendars.length-1].year,this.calendars[this.calendars.length-1].month,1),s=t.getTime();n.setMonth(n.getMonth()+1),n.setDate(n.getDate()-1),e=s<i.getTime()||n.getTime()<s}e&&(this.calendars=[{month:t.getMonth(),year:t.getFullYear()}]),this.adjustCalendars()}}},{key:"adjustCalendars",value:function(){this.calendars[0]=this.adjustCalendar(this.calendars[0]),this.draw()}},{key:"adjustCalendar",value:function(t){return t.month<0&&(t.year-=Math.ceil(Math.abs(t.month)/12),t.month+=12),11<t.month&&(t.year+=Math.floor(Math.abs(t.month)/12),t.month-=12),t}},{key:"nextMonth",value:function(){this.calendars[0].month++,this.adjustCalendars()}},{key:"prevMonth",value:function(){this.calendars[0].month--,this.adjustCalendars()}},{key:"render",value:function(t,e,i){var n=this.options,s=new Date,o=B._getDaysInMonth(t,e),a=new Date(t,e,1).getDay(),r=[],l=[];B._setToStartOfDay(s),0<n.firstDay&&(a-=n.firstDay)<0&&(a+=7);for(var h=0===e?11:e-1,d=11===e?0:e+1,u=0===e?t-1:t,c=11===e?t+1:t,p=B._getDaysInMonth(u,h),v=o+a,f=v;7<f;)f-=7;v+=7-f;for(var m=!1,g=0,_=0;g<v;g++){var y=new Date(t,e,g-a+1),k=!!B._isDate(this.date)&&B._compareDates(y,this.date),b=B._compareDates(y,s),w=-1!==n.events.indexOf(y.toDateString()),C=g<a||o+a<=g,E=g-a+1,M=e,O=t,x=n.startRange&&B._compareDates(n.startRange,y),L=n.endRange&&B._compareDates(n.endRange,y),T=n.startRange&&n.endRange&&n.startRange<y&&y<n.endRange;C&&(g<a?(E=p+E,M=h,O=u):(E-=o,M=d,O=c));var $={day:E,month:M,year:O,hasEvent:w,isSelected:k,isToday:b,isDisabled:n.minDate&&y<n.minDate||n.maxDate&&y>n.maxDate||n.disableWeekends&&B._isWeekend(y)||n.disableDayFn&&n.disableDayFn(y),isEmpty:C,isStartRange:x,isEndRange:L,isInRange:T,showDaysInNextAndPreviousMonths:n.showDaysInNextAndPreviousMonths};l.push(this.renderDay($)),7==++_&&(r.push(this.renderRow(l,n.isRTL,m)),_=0,m=!(l=[]))}return this.renderTable(n,r,i)}},{key:"renderDay",value:function(t){var e=[],i="false";if(t.isEmpty){if(!t.showDaysInNextAndPreviousMonths)return'<td class="is-empty"></td>';e.push("is-outside-current-month"),e.push("is-selection-disabled")}return t.isDisabled&&e.push("is-disabled"),t.isToday&&e.push("is-today"),t.isSelected&&(e.push("is-selected"),i="true"),t.hasEvent&&e.push("has-event"),t.isInRange&&e.push("is-inrange"),t.isStartRange&&e.push("is-startrange"),t.isEndRange&&e.push("is-endrange"),'<td data-day="'+t.day+'" class="'+e.join(" ")+'" aria-selected="'+i+'"><button class="datepicker-day-button" type="button" data-year="'+t.year+'" data-month="'+t.month+'" data-day="'+t.day+'">'+t.day+"</button></td>"}},{key:"renderRow",value:function(t,e,i){return'<tr class="datepicker-row'+(i?" is-selected":"")+'">'+(e?t.reverse():t).join("")+"</tr>"}},{key:"renderTable",value:function(t,e,i){return'<div class="datepicker-table-wrapper"><table cellpadding="0" cellspacing="0" class="datepicker-table" role="grid" aria-labelledby="'+i+'">'+this.renderHead(t)+this.renderBody(e)+"</table></div>"}},{key:"renderHead",value:function(t){var e=void 0,i=[];for(e=0;e<7;e++)i.push('<th scope="col"><abbr title="'+this.renderDayName(t,e)+'">'+this.renderDayName(t,e,!0)+"</abbr></th>");return"<thead><tr>"+(t.isRTL?i.reverse():i).join("")+"</tr></thead>"}},{key:"renderBody",value:function(t){return"<tbody>"+t.join("")+"</tbody>"}},{key:"renderTitle",value:function(t,e,i,n,s,o){var a,r,l=void 0,h=void 0,d=void 0,u=this.options,c=i===u.minYear,p=i===u.maxYear,v='<div id="'+o+'" class="datepicker-controls" role="heading" aria-live="assertive">',f=!0,m=!0;for(d=[],l=0;l<12;l++)d.push('<option value="'+(i===s?l-e:12+l-e)+'"'+(l===n?' selected="selected"':"")+(c&&l<u.minMonth||p&&l>u.maxMonth?'disabled="disabled"':"")+">"+u.i18n.months[l]+"</option>");for(a='<select class="datepicker-select orig-select-month" tabindex="-1">'+d.join("")+"</select>",g.isArray(u.yearRange)?(l=u.yearRange[0],h=u.yearRange[1]+1):(l=i-u.yearRange,h=1+i+u.yearRange),d=[];l<h&&l<=u.maxYear;l++)l>=u.minYear&&d.push('<option value="'+l+'" '+(l===i?'selected="selected"':"")+">"+l+"</option>");r='<select class="datepicker-select orig-select-year" tabindex="-1">'+d.join("")+"</select>";v+='<button class="month-prev'+(f?"":" is-disabled")+'" type="button"><svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/><path d="M0-.5h24v24H0z" fill="none"/></svg></button>',v+='<div class="selects-container">',u.showMonthAfterYear?v+=r+a:v+=a+r,v+="</div>",c&&(0===n||u.minMonth>=n)&&(f=!1),p&&(11===n||u.maxMonth<=n)&&(m=!1);return(v+='<button class="month-next'+(m?"":" is-disabled")+'" type="button"><svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M0-.25h24v24H0z" fill="none"/></svg></button>')+"</div>"}},{key:"draw",value:function(t){if(this.isOpen||t){var e,i=this.options,n=i.minYear,s=i.maxYear,o=i.minMonth,a=i.maxMonth,r="";this._y<=n&&(this._y=n,!isNaN(o)&&this._m<o&&(this._m=o)),this._y>=s&&(this._y=s,!isNaN(a)&&this._m>a&&(this._m=a)),e="datepicker-title-"+Math.random().toString(36).replace(/[^a-z]+/g,"").substr(0,2);for(var l=0;l<1;l++)this._renderDateDisplay(),r+=this.renderTitle(this,l,this.calendars[l].year,this.calendars[l].month,this.calendars[0].year,e)+this.render(this.calendars[l].year,this.calendars[l].month,e);this.destroySelects(),this.calendarEl.innerHTML=r;var h=this.calendarEl.querySelector(".orig-select-year"),d=this.calendarEl.querySelector(".orig-select-month");M.FormSelect.init(h,{classes:"select-year",dropdownOptions:{container:document.body,constrainWidth:!1}}),M.FormSelect.init(d,{classes:"select-month",dropdownOptions:{container:document.body,constrainWidth:!1}}),h.addEventListener("change",this._handleYearChange.bind(this)),d.addEventListener("change",this._handleMonthChange.bind(this)),"function"==typeof this.options.onDraw&&this.options.onDraw(this)}}},{key:"_setupEventHandlers",value:function(){this._handleInputKeydownBound=this._handleInputKeydown.bind(this),this._handleInputClickBound=this._handleInputClick.bind(this),this._handleInputChangeBound=this._handleInputChange.bind(this),this._handleCalendarClickBound=this._handleCalendarClick.bind(this),this._finishSelectionBound=this._finishSelection.bind(this),this._handleMonthChange=this._handleMonthChange.bind(this),this._closeBound=this.close.bind(this),this.el.addEventListener("click",this._handleInputClickBound),this.el.addEventListener("keydown",this._handleInputKeydownBound),this.el.addEventListener("change",this._handleInputChangeBound),this.calendarEl.addEventListener("click",this._handleCalendarClickBound),this.doneBtn.addEventListener("click",this._finishSelectionBound),this.cancelBtn.addEventListener("click",this._closeBound),this.options.showClearBtn&&(this._handleClearClickBound=this._handleClearClick.bind(this),this.clearBtn.addEventListener("click",this._handleClearClickBound))}},{key:"_setupVariables",value:function(){var e=this;this.$modalEl=g(B._template),this.modalEl=this.$modalEl[0],this.calendarEl=this.modalEl.querySelector(".datepicker-calendar"),this.yearTextEl=this.modalEl.querySelector(".year-text"),this.dateTextEl=this.modalEl.querySelector(".date-text"),this.options.showClearBtn&&(this.clearBtn=this.modalEl.querySelector(".datepicker-clear")),this.doneBtn=this.modalEl.querySelector(".datepicker-done"),this.cancelBtn=this.modalEl.querySelector(".datepicker-cancel"),this.formats={d:function(){return e.date.getDate()},dd:function(){var t=e.date.getDate();return(t<10?"0":"")+t},ddd:function(){return e.options.i18n.weekdaysShort[e.date.getDay()]},dddd:function(){return e.options.i18n.weekdays[e.date.getDay()]},m:function(){return e.date.getMonth()+1},mm:function(){var t=e.date.getMonth()+1;return(t<10?"0":"")+t},mmm:function(){return e.options.i18n.monthsShort[e.date.getMonth()]},mmmm:function(){return e.options.i18n.months[e.date.getMonth()]},yy:function(){return(""+e.date.getFullYear()).slice(2)},yyyy:function(){return e.date.getFullYear()}}}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("click",this._handleInputClickBound),this.el.removeEventListener("keydown",this._handleInputKeydownBound),this.el.removeEventListener("change",this._handleInputChangeBound),this.calendarEl.removeEventListener("click",this._handleCalendarClickBound)}},{key:"_handleInputClick",value:function(){this.open()}},{key:"_handleInputKeydown",value:function(t){t.which===M.keys.ENTER&&(t.preventDefault(),this.open())}},{key:"_handleCalendarClick",value:function(t){if(this.isOpen){var e=g(t.target);e.hasClass("is-disabled")||(!e.hasClass("datepicker-day-button")||e.hasClass("is-empty")||e.parent().hasClass("is-disabled")?e.closest(".month-prev").length?this.prevMonth():e.closest(".month-next").length&&this.nextMonth():(this.setDate(new Date(t.target.getAttribute("data-year"),t.target.getAttribute("data-month"),t.target.getAttribute("data-day"))),this.options.autoClose&&this._finishSelection()))}}},{key:"_handleClearClick",value:function(){this.date=null,this.setInputValue(),this.close()}},{key:"_handleMonthChange",value:function(t){this.gotoMonth(t.target.value)}},{key:"_handleYearChange",value:function(t){this.gotoYear(t.target.value)}},{key:"gotoMonth",value:function(t){isNaN(t)||(this.calendars[0].month=parseInt(t,10),this.adjustCalendars())}},{key:"gotoYear",value:function(t){isNaN(t)||(this.calendars[0].year=parseInt(t,10),this.adjustCalendars())}},{key:"_handleInputChange",value:function(t){var e=void 0;t.firedBy!==this&&(e=this.options.parse?this.options.parse(this.el.value,this.options.format):new Date(Date.parse(this.el.value)),B._isDate(e)&&this.setDate(e))}},{key:"renderDayName",value:function(t,e,i){for(e+=t.firstDay;7<=e;)e-=7;return i?t.i18n.weekdaysAbbrev[e]:t.i18n.weekdays[e]}},{key:"_finishSelection",value:function(){this.setInputValue(),this.close()}},{key:"open",value:function(){if(!this.isOpen)return this.isOpen=!0,"function"==typeof this.options.onOpen&&this.options.onOpen.call(this),this.draw(),this.modal.open(),this}},{key:"close",value:function(){if(this.isOpen)return this.isOpen=!1,"function"==typeof this.options.onClose&&this.options.onClose.call(this),this.modal.close(),this}}],[{key:"init",value:function(t,e){return _get(B.__proto__||Object.getPrototypeOf(B),"init",this).call(this,this,t,e)}},{key:"_isDate",value:function(t){return/Date/.test(Object.prototype.toString.call(t))&&!isNaN(t.getTime())}},{key:"_isWeekend",value:function(t){var e=t.getDay();return 0===e||6===e}},{key:"_setToStartOfDay",value:function(t){B._isDate(t)&&t.setHours(0,0,0,0)}},{key:"_getDaysInMonth",value:function(t,e){return[31,B._isLeapYear(t)?29:28,31,30,31,30,31,31,30,31,30,31][e]}},{key:"_isLeapYear",value:function(t){return t%4==0&&t%100!=0||t%400==0}},{key:"_compareDates",value:function(t,e){return t.getTime()===e.getTime()}},{key:"_setToStartOfDay",value:function(t){B._isDate(t)&&t.setHours(0,0,0,0)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Datepicker}},{key:"defaults",get:function(){return e}}]),B}();t._template=['<div class= "modal datepicker-modal">','<div class="modal-content datepicker-container">','<div class="datepicker-date-display">','<span class="year-text"></span>','<span class="date-text"></span>',"</div>",'<div class="datepicker-calendar-container">','<div class="datepicker-calendar"></div>','<div class="datepicker-footer">','<button class="btn-flat datepicker-clear waves-effect" style="visibility: hidden;" type="button"></button>','<div class="confirmation-btns">','<button class="btn-flat datepicker-cancel waves-effect" type="button"></button>','<button class="btn-flat datepicker-done waves-effect" type="button"></button>',"</div>","</div>","</div>","</div>","</div>"].join(""),M.Datepicker=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"datepicker","M_Datepicker")}(cash),function(h){"use strict";var e={dialRadius:135,outerRadius:105,innerRadius:70,tickRadius:20,duration:350,container:null,defaultTime:"now",fromNow:0,showClearBtn:!1,i18n:{cancel:"Cancel",clear:"Clear",done:"Ok"},autoClose:!1,twelveHour:!0,vibrate:!0,onOpenStart:null,onOpenEnd:null,onCloseStart:null,onCloseEnd:null,onSelect:null},t=function(t){function f(t,e){_classCallCheck(this,f);var i=_possibleConstructorReturn(this,(f.__proto__||Object.getPrototypeOf(f)).call(this,f,t,e));return(i.el.M_Timepicker=i).options=h.extend({},f.defaults,e),i.id=M.guid(),i._insertHTMLIntoDOM(),i._setupModal(),i._setupVariables(),i._setupEventHandlers(),i._clockSetup(),i._pickerSetup(),i}return _inherits(f,Component),_createClass(f,[{key:"destroy",value:function(){this._removeEventHandlers(),this.modal.destroy(),h(this.modalEl).remove(),this.el.M_Timepicker=void 0}},{key:"_setupEventHandlers",value:function(){this._handleInputKeydownBound=this._handleInputKeydown.bind(this),this._handleInputClickBound=this._handleInputClick.bind(this),this._handleClockClickStartBound=this._handleClockClickStart.bind(this),this._handleDocumentClickMoveBound=this._handleDocumentClickMove.bind(this),this._handleDocumentClickEndBound=this._handleDocumentClickEnd.bind(this),this.el.addEventListener("click",this._handleInputClickBound),this.el.addEventListener("keydown",this._handleInputKeydownBound),this.plate.addEventListener("mousedown",this._handleClockClickStartBound),this.plate.addEventListener("touchstart",this._handleClockClickStartBound),h(this.spanHours).on("click",this.showView.bind(this,"hours")),h(this.spanMinutes).on("click",this.showView.bind(this,"minutes"))}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("click",this._handleInputClickBound),this.el.removeEventListener("keydown",this._handleInputKeydownBound)}},{key:"_handleInputClick",value:function(){this.open()}},{key:"_handleInputKeydown",value:function(t){t.which===M.keys.ENTER&&(t.preventDefault(),this.open())}},{key:"_handleClockClickStart",value:function(t){t.preventDefault();var e=this.plate.getBoundingClientRect(),i=e.left,n=e.top;this.x0=i+this.options.dialRadius,this.y0=n+this.options.dialRadius,this.moved=!1;var s=f._Pos(t);this.dx=s.x-this.x0,this.dy=s.y-this.y0,this.setHand(this.dx,this.dy,!1),document.addEventListener("mousemove",this._handleDocumentClickMoveBound),document.addEventListener("touchmove",this._handleDocumentClickMoveBound),document.addEventListener("mouseup",this._handleDocumentClickEndBound),document.addEventListener("touchend",this._handleDocumentClickEndBound)}},{key:"_handleDocumentClickMove",value:function(t){t.preventDefault();var e=f._Pos(t),i=e.x-this.x0,n=e.y-this.y0;this.moved=!0,this.setHand(i,n,!1,!0)}},{key:"_handleDocumentClickEnd",value:function(t){var e=this;t.preventDefault(),document.removeEventListener("mouseup",this._handleDocumentClickEndBound),document.removeEventListener("touchend",this._handleDocumentClickEndBound);var i=f._Pos(t),n=i.x-this.x0,s=i.y-this.y0;this.moved&&n===this.dx&&s===this.dy&&this.setHand(n,s),"hours"===this.currentView?this.showView("minutes",this.options.duration/2):this.options.autoClose&&(h(this.minutesView).addClass("timepicker-dial-out"),setTimeout(function(){e.done()},this.options.duration/2)),"function"==typeof this.options.onSelect&&this.options.onSelect.call(this,this.hours,this.minutes),document.removeEventListener("mousemove",this._handleDocumentClickMoveBound),document.removeEventListener("touchmove",this._handleDocumentClickMoveBound)}},{key:"_insertHTMLIntoDOM",value:function(){this.$modalEl=h(f._template),this.modalEl=this.$modalEl[0],this.modalEl.id="modal-"+this.id;var t=document.querySelector(this.options.container);this.options.container&&t?this.$modalEl.appendTo(t):this.$modalEl.insertBefore(this.el)}},{key:"_setupModal",value:function(){var t=this;this.modal=M.Modal.init(this.modalEl,{onOpenStart:this.options.onOpenStart,onOpenEnd:this.options.onOpenEnd,onCloseStart:this.options.onCloseStart,onCloseEnd:function(){"function"==typeof t.options.onCloseEnd&&t.options.onCloseEnd.call(t),t.isOpen=!1}})}},{key:"_setupVariables",value:function(){this.currentView="hours",this.vibrate=navigator.vibrate?"vibrate":navigator.webkitVibrate?"webkitVibrate":null,this._canvas=this.modalEl.querySelector(".timepicker-canvas"),this.plate=this.modalEl.querySelector(".timepicker-plate"),this.hoursView=this.modalEl.querySelector(".timepicker-hours"),this.minutesView=this.modalEl.querySelector(".timepicker-minutes"),this.spanHours=this.modalEl.querySelector(".timepicker-span-hours"),this.spanMinutes=this.modalEl.querySelector(".timepicker-span-minutes"),this.spanAmPm=this.modalEl.querySelector(".timepicker-span-am-pm"),this.footer=this.modalEl.querySelector(".timepicker-footer"),this.amOrPm="PM"}},{key:"_pickerSetup",value:function(){var t=h('<button class="btn-flat timepicker-clear waves-effect" style="visibility: hidden;" type="button" tabindex="'+(this.options.twelveHour?"3":"1")+'">'+this.options.i18n.clear+"</button>").appendTo(this.footer).on("click",this.clear.bind(this));this.options.showClearBtn&&t.css({visibility:""});var e=h('<div class="confirmation-btns"></div>');h('<button class="btn-flat timepicker-close waves-effect" type="button" tabindex="'+(this.options.twelveHour?"3":"1")+'">'+this.options.i18n.cancel+"</button>").appendTo(e).on("click",this.close.bind(this)),h('<button class="btn-flat timepicker-close waves-effect" type="button" tabindex="'+(this.options.twelveHour?"3":"1")+'">'+this.options.i18n.done+"</button>").appendTo(e).on("click",this.done.bind(this)),e.appendTo(this.footer)}},{key:"_clockSetup",value:function(){this.options.twelveHour&&(this.$amBtn=h('<div class="am-btn">AM</div>'),this.$pmBtn=h('<div class="pm-btn">PM</div>'),this.$amBtn.on("click",this._handleAmPmClick.bind(this)).appendTo(this.spanAmPm),this.$pmBtn.on("click",this._handleAmPmClick.bind(this)).appendTo(this.spanAmPm)),this._buildHoursView(),this._buildMinutesView(),this._buildSVGClock()}},{key:"_buildSVGClock",value:function(){var t=this.options.dialRadius,e=this.options.tickRadius,i=2*t,n=f._createSVGEl("svg");n.setAttribute("class","timepicker-svg"),n.setAttribute("width",i),n.setAttribute("height",i);var s=f._createSVGEl("g");s.setAttribute("transform","translate("+t+","+t+")");var o=f._createSVGEl("circle");o.setAttribute("class","timepicker-canvas-bearing"),o.setAttribute("cx",0),o.setAttribute("cy",0),o.setAttribute("r",4);var a=f._createSVGEl("line");a.setAttribute("x1",0),a.setAttribute("y1",0);var r=f._createSVGEl("circle");r.setAttribute("class","timepicker-canvas-bg"),r.setAttribute("r",e),s.appendChild(a),s.appendChild(r),s.appendChild(o),n.appendChild(s),this._canvas.appendChild(n),this.hand=a,this.bg=r,this.bearing=o,this.g=s}},{key:"_buildHoursView",value:function(){var t=h('<div class="timepicker-tick"></div>');if(this.options.twelveHour)for(var e=1;e<13;e+=1){var i=t.clone(),n=e/6*Math.PI,s=this.options.outerRadius;i.css({left:this.options.dialRadius+Math.sin(n)*s-this.options.tickRadius+"px",top:this.options.dialRadius-Math.cos(n)*s-this.options.tickRadius+"px"}),i.html(0===e?"00":e),this.hoursView.appendChild(i[0])}else for(var o=0;o<24;o+=1){var a=t.clone(),r=o/6*Math.PI,l=0<o&&o<13?this.options.innerRadius:this.options.outerRadius;a.css({left:this.options.dialRadius+Math.sin(r)*l-this.options.tickRadius+"px",top:this.options.dialRadius-Math.cos(r)*l-this.options.tickRadius+"px"}),a.html(0===o?"00":o),this.hoursView.appendChild(a[0])}}},{key:"_buildMinutesView",value:function(){for(var t=h('<div class="timepicker-tick"></div>'),e=0;e<60;e+=5){var i=t.clone(),n=e/30*Math.PI;i.css({left:this.options.dialRadius+Math.sin(n)*this.options.outerRadius-this.options.tickRadius+"px",top:this.options.dialRadius-Math.cos(n)*this.options.outerRadius-this.options.tickRadius+"px"}),i.html(f._addLeadingZero(e)),this.minutesView.appendChild(i[0])}}},{key:"_handleAmPmClick",value:function(t){var e=h(t.target);this.amOrPm=e.hasClass("am-btn")?"AM":"PM",this._updateAmPmView()}},{key:"_updateAmPmView",value:function(){this.options.twelveHour&&(this.$amBtn.toggleClass("text-primary","AM"===this.amOrPm),this.$pmBtn.toggleClass("text-primary","PM"===this.amOrPm))}},{key:"_updateTimeFromInput",value:function(){var t=((this.el.value||this.options.defaultTime||"")+"").split(":");if(this.options.twelveHour&&void 0!==t[1]&&(0<t[1].toUpperCase().indexOf("AM")?this.amOrPm="AM":this.amOrPm="PM",t[1]=t[1].replace("AM","").replace("PM","")),"now"===t[0]){var e=new Date(+new Date+this.options.fromNow);t=[e.getHours(),e.getMinutes()],this.options.twelveHour&&(this.amOrPm=12<=t[0]&&t[0]<24?"PM":"AM")}this.hours=+t[0]||0,this.minutes=+t[1]||0,this.spanHours.innerHTML=this.hours,this.spanMinutes.innerHTML=f._addLeadingZero(this.minutes),this._updateAmPmView()}},{key:"showView",value:function(t,e){"minutes"===t&&h(this.hoursView).css("visibility");var i="hours"===t,n=i?this.hoursView:this.minutesView,s=i?this.minutesView:this.hoursView;this.currentView=t,h(this.spanHours).toggleClass("text-primary",i),h(this.spanMinutes).toggleClass("text-primary",!i),s.classList.add("timepicker-dial-out"),h(n).css("visibility","visible").removeClass("timepicker-dial-out"),this.resetClock(e),clearTimeout(this.toggleViewTimer),this.toggleViewTimer=setTimeout(function(){h(s).css("visibility","hidden")},this.options.duration)}},{key:"resetClock",value:function(t){var e=this.currentView,i=this[e],n="hours"===e,s=i*(Math.PI/(n?6:30)),o=n&&0<i&&i<13?this.options.innerRadius:this.options.outerRadius,a=Math.sin(s)*o,r=-Math.cos(s)*o,l=this;t?(h(this.canvas).addClass("timepicker-canvas-out"),setTimeout(function(){h(l.canvas).removeClass("timepicker-canvas-out"),l.setHand(a,r)},t)):this.setHand(a,r)}},{key:"setHand",value:function(t,e,i){var n=this,s=Math.atan2(t,-e),o="hours"===this.currentView,a=Math.PI/(o||i?6:30),r=Math.sqrt(t*t+e*e),l=o&&r<(this.options.outerRadius+this.options.innerRadius)/2,h=l?this.options.innerRadius:this.options.outerRadius;this.options.twelveHour&&(h=this.options.outerRadius),s<0&&(s=2*Math.PI+s);var d=Math.round(s/a);s=d*a,this.options.twelveHour?o?0===d&&(d=12):(i&&(d*=5),60===d&&(d=0)):o?(12===d&&(d=0),d=l?0===d?12:d:0===d?0:d+12):(i&&(d*=5),60===d&&(d=0)),this[this.currentView]!==d&&this.vibrate&&this.options.vibrate&&(this.vibrateTimer||(navigator[this.vibrate](10),this.vibrateTimer=setTimeout(function(){n.vibrateTimer=null},100))),this[this.currentView]=d,o?this.spanHours.innerHTML=d:this.spanMinutes.innerHTML=f._addLeadingZero(d);var u=Math.sin(s)*(h-this.options.tickRadius),c=-Math.cos(s)*(h-this.options.tickRadius),p=Math.sin(s)*h,v=-Math.cos(s)*h;this.hand.setAttribute("x2",u),this.hand.setAttribute("y2",c),this.bg.setAttribute("cx",p),this.bg.setAttribute("cy",v)}},{key:"open",value:function(){this.isOpen||(this.isOpen=!0,this._updateTimeFromInput(),this.showView("hours"),this.modal.open())}},{key:"close",value:function(){this.isOpen&&(this.isOpen=!1,this.modal.close())}},{key:"done",value:function(t,e){var i=this.el.value,n=e?"":f._addLeadingZero(this.hours)+":"+f._addLeadingZero(this.minutes);this.time=n,!e&&this.options.twelveHour&&(n=n+" "+this.amOrPm),(this.el.value=n)!==i&&this.$el.trigger("change"),this.close(),this.el.focus()}},{key:"clear",value:function(){this.done(null,!0)}}],[{key:"init",value:function(t,e){return _get(f.__proto__||Object.getPrototypeOf(f),"init",this).call(this,this,t,e)}},{key:"_addLeadingZero",value:function(t){return(t<10?"0":"")+t}},{key:"_createSVGEl",value:function(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}},{key:"_Pos",value:function(t){return t.targetTouches&&1<=t.targetTouches.length?{x:t.targetTouches[0].clientX,y:t.targetTouches[0].clientY}:{x:t.clientX,y:t.clientY}}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Timepicker}},{key:"defaults",get:function(){return e}}]),f}();t._template=['<div class= "modal timepicker-modal">','<div class="modal-content timepicker-container">','<div class="timepicker-digital-display">','<div class="timepicker-text-container">','<div class="timepicker-display-column">','<span class="timepicker-span-hours text-primary"></span>',":",'<span class="timepicker-span-minutes"></span>',"</div>",'<div class="timepicker-display-column timepicker-display-am-pm">','<div class="timepicker-span-am-pm"></div>',"</div>","</div>","</div>",'<div class="timepicker-analog-display">','<div class="timepicker-plate">','<div class="timepicker-canvas"></div>','<div class="timepicker-dial timepicker-hours"></div>','<div class="timepicker-dial timepicker-minutes timepicker-dial-out"></div>',"</div>",'<div class="timepicker-footer"></div>',"</div>","</div>","</div>"].join(""),M.Timepicker=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"timepicker","M_Timepicker")}(cash),function(s){"use strict";var e={},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_CharacterCounter=i).options=s.extend({},n.defaults,e),i.isInvalid=!1,i.isValidLength=!1,i._setupCounter(),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._removeEventHandlers(),this.el.CharacterCounter=void 0,this._removeCounter()}},{key:"_setupEventHandlers",value:function(){this._handleUpdateCounterBound=this.updateCounter.bind(this),this.el.addEventListener("focus",this._handleUpdateCounterBound,!0),this.el.addEventListener("input",this._handleUpdateCounterBound,!0)}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("focus",this._handleUpdateCounterBound,!0),this.el.removeEventListener("input",this._handleUpdateCounterBound,!0)}},{key:"_setupCounter",value:function(){this.counterEl=document.createElement("span"),s(this.counterEl).addClass("character-counter").css({float:"right","font-size":"12px",height:1}),this.$el.parent().append(this.counterEl)}},{key:"_removeCounter",value:function(){s(this.counterEl).remove()}},{key:"updateCounter",value:function(){var t=+this.$el.attr("data-length"),e=this.el.value.length;this.isValidLength=e<=t;var i=e;t&&(i+="/"+t,this._validateInput()),s(this.counterEl).html(i)}},{key:"_validateInput",value:function(){this.isValidLength&&this.isInvalid?(this.isInvalid=!1,this.$el.removeClass("invalid")):this.isValidLength||this.isInvalid||(this.isInvalid=!0,this.$el.removeClass("valid"),this.$el.addClass("invalid"))}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_CharacterCounter}},{key:"defaults",get:function(){return e}}]),n}();M.CharacterCounter=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"characterCounter","M_CharacterCounter")}(cash),function(b){"use strict";var e={duration:200,dist:-100,shift:0,padding:0,numVisible:5,fullWidth:!1,indicators:!1,noWrap:!1,onCycleTo:null},t=function(t){function i(t,e){_classCallCheck(this,i);var n=_possibleConstructorReturn(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,i,t,e));return(n.el.M_Carousel=n).options=b.extend({},i.defaults,e),n.hasMultipleSlides=1<n.$el.find(".carousel-item").length,n.showIndicators=n.options.indicators&&n.hasMultipleSlides,n.noWrap=n.options.noWrap||!n.hasMultipleSlides,n.pressed=!1,n.dragged=!1,n.offset=n.target=0,n.images=[],n.itemWidth=n.$el.find(".carousel-item").first().innerWidth(),n.itemHeight=n.$el.find(".carousel-item").first().innerHeight(),n.dim=2*n.itemWidth+n.options.padding||1,n._autoScrollBound=n._autoScroll.bind(n),n._trackBound=n._track.bind(n),n.options.fullWidth&&(n.options.dist=0,n._setCarouselHeight(),n.showIndicators&&n.$el.find(".carousel-fixed-item").addClass("with-indicators")),n.$indicators=b('<ul class="indicators"></ul>'),n.$el.find(".carousel-item").each(function(t,e){if(n.images.push(t),n.showIndicators){var i=b('<li class="indicator-item"></li>');0===e&&i[0].classList.add("active"),n.$indicators.append(i)}}),n.showIndicators&&n.$el.append(n.$indicators),n.count=n.images.length,n.options.numVisible=Math.min(n.count,n.options.numVisible),n.xform="transform",["webkit","Moz","O","ms"].every(function(t){var e=t+"Transform";return void 0===document.body.style[e]||(n.xform=e,!1)}),n._setupEventHandlers(),n._scroll(n.offset),n}return _inherits(i,Component),_createClass(i,[{key:"destroy",value:function(){this._removeEventHandlers(),this.el.M_Carousel=void 0}},{key:"_setupEventHandlers",value:function(){var i=this;this._handleCarouselTapBound=this._handleCarouselTap.bind(this),this._handleCarouselDragBound=this._handleCarouselDrag.bind(this),this._handleCarouselReleaseBound=this._handleCarouselRelease.bind(this),this._handleCarouselClickBound=this._handleCarouselClick.bind(this),void 0!==window.ontouchstart&&(this.el.addEventListener("touchstart",this._handleCarouselTapBound),this.el.addEventListener("touchmove",this._handleCarouselDragBound),this.el.addEventListener("touchend",this._handleCarouselReleaseBound)),this.el.addEventListener("mousedown",this._handleCarouselTapBound),this.el.addEventListener("mousemove",this._handleCarouselDragBound),this.el.addEventListener("mouseup",this._handleCarouselReleaseBound),this.el.addEventListener("mouseleave",this._handleCarouselReleaseBound),this.el.addEventListener("click",this._handleCarouselClickBound),this.showIndicators&&this.$indicators&&(this._handleIndicatorClickBound=this._handleIndicatorClick.bind(this),this.$indicators.find(".indicator-item").each(function(t,e){t.addEventListener("click",i._handleIndicatorClickBound)}));var t=M.throttle(this._handleResize,200);this._handleThrottledResizeBound=t.bind(this),window.addEventListener("resize",this._handleThrottledResizeBound)}},{key:"_removeEventHandlers",value:function(){var i=this;void 0!==window.ontouchstart&&(this.el.removeEventListener("touchstart",this._handleCarouselTapBound),this.el.removeEventListener("touchmove",this._handleCarouselDragBound),this.el.removeEventListener("touchend",this._handleCarouselReleaseBound)),this.el.removeEventListener("mousedown",this._handleCarouselTapBound),this.el.removeEventListener("mousemove",this._handleCarouselDragBound),this.el.removeEventListener("mouseup",this._handleCarouselReleaseBound),this.el.removeEventListener("mouseleave",this._handleCarouselReleaseBound),this.el.removeEventListener("click",this._handleCarouselClickBound),this.showIndicators&&this.$indicators&&this.$indicators.find(".indicator-item").each(function(t,e){t.removeEventListener("click",i._handleIndicatorClickBound)}),window.removeEventListener("resize",this._handleThrottledResizeBound)}},{key:"_handleCarouselTap",value:function(t){"mousedown"===t.type&&b(t.target).is("img")&&t.preventDefault(),this.pressed=!0,this.dragged=!1,this.verticalDragged=!1,this.reference=this._xpos(t),this.referenceY=this._ypos(t),this.velocity=this.amplitude=0,this.frame=this.offset,this.timestamp=Date.now(),clearInterval(this.ticker),this.ticker=setInterval(this._trackBound,100)}},{key:"_handleCarouselDrag",value:function(t){var e=void 0,i=void 0,n=void 0;if(this.pressed)if(e=this._xpos(t),i=this._ypos(t),n=this.reference-e,Math.abs(this.referenceY-i)<30&&!this.verticalDragged)(2<n||n<-2)&&(this.dragged=!0,this.reference=e,this._scroll(this.offset+n));else{if(this.dragged)return t.preventDefault(),t.stopPropagation(),!1;this.verticalDragged=!0}if(this.dragged)return t.preventDefault(),t.stopPropagation(),!1}},{key:"_handleCarouselRelease",value:function(t){if(this.pressed)return this.pressed=!1,clearInterval(this.ticker),this.target=this.offset,(10<this.velocity||this.velocity<-10)&&(this.amplitude=.9*this.velocity,this.target=this.offset+this.amplitude),this.target=Math.round(this.target/this.dim)*this.dim,this.noWrap&&(this.target>=this.dim*(this.count-1)?this.target=this.dim*(this.count-1):this.target<0&&(this.target=0)),this.amplitude=this.target-this.offset,this.timestamp=Date.now(),requestAnimationFrame(this._autoScrollBound),this.dragged&&(t.preventDefault(),t.stopPropagation()),!1}},{key:"_handleCarouselClick",value:function(t){if(this.dragged)return t.preventDefault(),t.stopPropagation(),!1;if(!this.options.fullWidth){var e=b(t.target).closest(".carousel-item").index();0!==this._wrap(this.center)-e&&(t.preventDefault(),t.stopPropagation()),this._cycleTo(e)}}},{key:"_handleIndicatorClick",value:function(t){t.stopPropagation();var e=b(t.target).closest(".indicator-item");e.length&&this._cycleTo(e.index())}},{key:"_handleResize",value:function(t){this.options.fullWidth?(this.itemWidth=this.$el.find(".carousel-item").first().innerWidth(),this.imageHeight=this.$el.find(".carousel-item.active").height(),this.dim=2*this.itemWidth+this.options.padding,this.offset=2*this.center*this.itemWidth,this.target=this.offset,this._setCarouselHeight(!0)):this._scroll()}},{key:"_setCarouselHeight",value:function(t){var i=this,e=this.$el.find(".carousel-item.active").length?this.$el.find(".carousel-item.active").first():this.$el.find(".carousel-item").first(),n=e.find("img").first();if(n.length)if(n[0].complete){var s=n.height();if(0<s)this.$el.css("height",s+"px");else{var o=n[0].naturalWidth,a=n[0].naturalHeight,r=this.$el.width()/o*a;this.$el.css("height",r+"px")}}else n.one("load",function(t,e){i.$el.css("height",t.offsetHeight+"px")});else if(!t){var l=e.height();this.$el.css("height",l+"px")}}},{key:"_xpos",value:function(t){return t.targetTouches&&1<=t.targetTouches.length?t.targetTouches[0].clientX:t.clientX}},{key:"_ypos",value:function(t){return t.targetTouches&&1<=t.targetTouches.length?t.targetTouches[0].clientY:t.clientY}},{key:"_wrap",value:function(t){return t>=this.count?t%this.count:t<0?this._wrap(this.count+t%this.count):t}},{key:"_track",value:function(){var t,e,i,n;e=(t=Date.now())-this.timestamp,this.timestamp=t,i=this.offset-this.frame,this.frame=this.offset,n=1e3*i/(1+e),this.velocity=.8*n+.2*this.velocity}},{key:"_autoScroll",value:function(){var t=void 0,e=void 0;this.amplitude&&(t=Date.now()-this.timestamp,2<(e=this.amplitude*Math.exp(-t/this.options.duration))||e<-2?(this._scroll(this.target-e),requestAnimationFrame(this._autoScrollBound)):this._scroll(this.target))}},{key:"_scroll",value:function(t){var e=this;this.$el.hasClass("scrolling")||this.el.classList.add("scrolling"),null!=this.scrollingTimeout&&window.clearTimeout(this.scrollingTimeout),this.scrollingTimeout=window.setTimeout(function(){e.$el.removeClass("scrolling")},this.options.duration);var i,n,s,o,a=void 0,r=void 0,l=void 0,h=void 0,d=void 0,u=void 0,c=this.center,p=1/this.options.numVisible;if(this.offset="number"==typeof t?t:this.offset,this.center=Math.floor((this.offset+this.dim/2)/this.dim),o=-(s=(n=this.offset-this.center*this.dim)<0?1:-1)*n*2/this.dim,i=this.count>>1,this.options.fullWidth?(l="translateX(0)",u=1):(l="translateX("+(this.el.clientWidth-this.itemWidth)/2+"px) ",l+="translateY("+(this.el.clientHeight-this.itemHeight)/2+"px)",u=1-p*o),this.showIndicators){var v=this.center%this.count,f=this.$indicators.find(".indicator-item.active");f.index()!==v&&(f.removeClass("active"),this.$indicators.find(".indicator-item").eq(v)[0].classList.add("active"))}if(!this.noWrap||0<=this.center&&this.center<this.count){r=this.images[this._wrap(this.center)],b(r).hasClass("active")||(this.$el.find(".carousel-item").removeClass("active"),r.classList.add("active"));var m=l+" translateX("+-n/2+"px) translateX("+s*this.options.shift*o*a+"px) translateZ("+this.options.dist*o+"px)";this._updateItemStyle(r,u,0,m)}for(a=1;a<=i;++a){if(this.options.fullWidth?(h=this.options.dist,d=a===i&&n<0?1-o:1):(h=this.options.dist*(2*a+o*s),d=1-p*(2*a+o*s)),!this.noWrap||this.center+a<this.count){r=this.images[this._wrap(this.center+a)];var g=l+" translateX("+(this.options.shift+(this.dim*a-n)/2)+"px) translateZ("+h+"px)";this._updateItemStyle(r,d,-a,g)}if(this.options.fullWidth?(h=this.options.dist,d=a===i&&0<n?1-o:1):(h=this.options.dist*(2*a-o*s),d=1-p*(2*a-o*s)),!this.noWrap||0<=this.center-a){r=this.images[this._wrap(this.center-a)];var _=l+" translateX("+(-this.options.shift+(-this.dim*a-n)/2)+"px) translateZ("+h+"px)";this._updateItemStyle(r,d,-a,_)}}if(!this.noWrap||0<=this.center&&this.center<this.count){r=this.images[this._wrap(this.center)];var y=l+" translateX("+-n/2+"px) translateX("+s*this.options.shift*o+"px) translateZ("+this.options.dist*o+"px)";this._updateItemStyle(r,u,0,y)}var k=this.$el.find(".carousel-item").eq(this._wrap(this.center));c!==this.center&&"function"==typeof this.options.onCycleTo&&this.options.onCycleTo.call(this,k[0],this.dragged),"function"==typeof this.oneTimeCallback&&(this.oneTimeCallback.call(this,k[0],this.dragged),this.oneTimeCallback=null)}},{key:"_updateItemStyle",value:function(t,e,i,n){t.style[this.xform]=n,t.style.zIndex=i,t.style.opacity=e,t.style.visibility="visible"}},{key:"_cycleTo",value:function(t,e){var i=this.center%this.count-t;this.noWrap||(i<0?Math.abs(i+this.count)<Math.abs(i)&&(i+=this.count):0<i&&Math.abs(i-this.count)<i&&(i-=this.count)),this.target=this.dim*Math.round(this.offset/this.dim),i<0?this.target+=this.dim*Math.abs(i):0<i&&(this.target-=this.dim*i),"function"==typeof e&&(this.oneTimeCallback=e),this.offset!==this.target&&(this.amplitude=this.target-this.offset,this.timestamp=Date.now(),requestAnimationFrame(this._autoScrollBound))}},{key:"next",value:function(t){(void 0===t||isNaN(t))&&(t=1);var e=this.center+t;if(e>=this.count||e<0){if(this.noWrap)return;e=this._wrap(e)}this._cycleTo(e)}},{key:"prev",value:function(t){(void 0===t||isNaN(t))&&(t=1);var e=this.center-t;if(e>=this.count||e<0){if(this.noWrap)return;e=this._wrap(e)}this._cycleTo(e)}},{key:"set",value:function(t,e){if((void 0===t||isNaN(t))&&(t=0),t>this.count||t<0){if(this.noWrap)return;t=this._wrap(t)}this._cycleTo(t,e)}}],[{key:"init",value:function(t,e){return _get(i.__proto__||Object.getPrototypeOf(i),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Carousel}},{key:"defaults",get:function(){return e}}]),i}();M.Carousel=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"carousel","M_Carousel")}(cash),function(S){"use strict";var e={onOpen:void 0,onClose:void 0},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_TapTarget=i).options=S.extend({},n.defaults,e),i.isOpen=!1,i.$origin=S("#"+i.$el.attr("data-target")),i._setup(),i._calculatePositioning(),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._removeEventHandlers(),this.el.TapTarget=void 0}},{key:"_setupEventHandlers",value:function(){this._handleDocumentClickBound=this._handleDocumentClick.bind(this),this._handleTargetClickBound=this._handleTargetClick.bind(this),this._handleOriginClickBound=this._handleOriginClick.bind(this),this.el.addEventListener("click",this._handleTargetClickBound),this.originEl.addEventListener("click",this._handleOriginClickBound);var t=M.throttle(this._handleResize,200);this._handleThrottledResizeBound=t.bind(this),window.addEventListener("resize",this._handleThrottledResizeBound)}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("click",this._handleTargetClickBound),this.originEl.removeEventListener("click",this._handleOriginClickBound),window.removeEventListener("resize",this._handleThrottledResizeBound)}},{key:"_handleTargetClick",value:function(t){this.open()}},{key:"_handleOriginClick",value:function(t){this.close()}},{key:"_handleResize",value:function(t){this._calculatePositioning()}},{key:"_handleDocumentClick",value:function(t){S(t.target).closest(".tap-target-wrapper").length||(this.close(),t.preventDefault(),t.stopPropagation())}},{key:"_setup",value:function(){this.wrapper=this.$el.parent()[0],this.waveEl=S(this.wrapper).find(".tap-target-wave")[0],this.originEl=S(this.wrapper).find(".tap-target-origin")[0],this.contentEl=this.$el.find(".tap-target-content")[0],S(this.wrapper).hasClass(".tap-target-wrapper")||(this.wrapper=document.createElement("div"),this.wrapper.classList.add("tap-target-wrapper"),this.$el.before(S(this.wrapper)),this.wrapper.append(this.el)),this.contentEl||(this.contentEl=document.createElement("div"),this.contentEl.classList.add("tap-target-content"),this.$el.append(this.contentEl)),this.waveEl||(this.waveEl=document.createElement("div"),this.waveEl.classList.add("tap-target-wave"),this.originEl||(this.originEl=this.$origin.clone(!0,!0),this.originEl.addClass("tap-target-origin"),this.originEl.removeAttr("id"),this.originEl.removeAttr("style"),this.originEl=this.originEl[0],this.waveEl.append(this.originEl)),this.wrapper.append(this.waveEl))}},{key:"_calculatePositioning",value:function(){var t="fixed"===this.$origin.css("position");if(!t)for(var e=this.$origin.parents(),i=0;i<e.length&&!(t="fixed"==S(e[i]).css("position"));i++);var n=this.$origin.outerWidth(),s=this.$origin.outerHeight(),o=t?this.$origin.offset().top-M.getDocumentScrollTop():this.$origin.offset().top,a=t?this.$origin.offset().left-M.getDocumentScrollLeft():this.$origin.offset().left,r=window.innerWidth,l=window.innerHeight,h=r/2,d=l/2,u=a<=h,c=h<a,p=o<=d,v=d<o,f=.25*r<=a&&a<=.75*r,m=this.$el.outerWidth(),g=this.$el.outerHeight(),_=o+s/2-g/2,y=a+n/2-m/2,k=t?"fixed":"absolute",b=f?m:m/2+n,w=g/2,C=p?g/2:0,E=u&&!f?m/2-n:0,O=n,x=v?"bottom":"top",L=2*n,T=L,$=g/2-T/2,B=m/2-L/2,D={};D.top=p?_+"px":"",D.right=c?r-y-m+"px":"",D.bottom=v?l-_-g+"px":"",D.left=u?y+"px":"",D.position=k,S(this.wrapper).css(D),S(this.contentEl).css({width:b+"px",height:w+"px",top:C+"px",right:"0px",bottom:"0px",left:E+"px",padding:O+"px",verticalAlign:x}),S(this.waveEl).css({top:$+"px",left:B+"px",width:L+"px",height:T+"px"})}},{key:"open",value:function(){this.isOpen||("function"==typeof this.options.onOpen&&this.options.onOpen.call(this,this.$origin[0]),this.isOpen=!0,this.wrapper.classList.add("open"),document.body.addEventListener("click",this._handleDocumentClickBound,!0),document.body.addEventListener("touchend",this._handleDocumentClickBound))}},{key:"close",value:function(){this.isOpen&&("function"==typeof this.options.onClose&&this.options.onClose.call(this,this.$origin[0]),this.isOpen=!1,this.wrapper.classList.remove("open"),document.body.removeEventListener("click",this._handleDocumentClickBound,!0),document.body.removeEventListener("touchend",this._handleDocumentClickBound))}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_TapTarget}},{key:"defaults",get:function(){return e}}]),n}();M.TapTarget=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"tapTarget","M_TapTarget")}(cash),function(d){"use strict";var e={classes:"",dropdownOptions:{}},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return i.$el.hasClass("browser-default")?_possibleConstructorReturn(i):((i.el.M_FormSelect=i).options=d.extend({},n.defaults,e),i.isMultiple=i.$el.prop("multiple"),i.el.tabIndex=-1,i._keysSelected={},i._valueDict={},i._setupDropdown(),i._setupEventHandlers(),i)}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._removeEventHandlers(),this._removeDropdown(),this.el.M_FormSelect=void 0}},{key:"_setupEventHandlers",value:function(){var e=this;this._handleSelectChangeBound=this._handleSelectChange.bind(this),this._handleOptionClickBound=this._handleOptionClick.bind(this),this._handleInputClickBound=this._handleInputClick.bind(this),d(this.dropdownOptions).find("li:not(.optgroup)").each(function(t){t.addEventListener("click",e._handleOptionClickBound)}),this.el.addEventListener("change",this._handleSelectChangeBound),this.input.addEventListener("click",this._handleInputClickBound)}},{key:"_removeEventHandlers",value:function(){var e=this;d(this.dropdownOptions).find("li:not(.optgroup)").each(function(t){t.removeEventListener("click",e._handleOptionClickBound)}),this.el.removeEventListener("change",this._handleSelectChangeBound),this.input.removeEventListener("click",this._handleInputClickBound)}},{key:"_handleSelectChange",value:function(t){this._setValueToInput()}},{key:"_handleOptionClick",value:function(t){t.preventDefault();var e=d(t.target).closest("li")[0],i=e.id;if(!d(e).hasClass("disabled")&&!d(e).hasClass("optgroup")&&i.length){var n=!0;if(this.isMultiple){var s=d(this.dropdownOptions).find("li.disabled.selected");s.length&&(s.removeClass("selected"),s.find('input[type="checkbox"]').prop("checked",!1),this._toggleEntryFromArray(s[0].id)),n=this._toggleEntryFromArray(i)}else d(this.dropdownOptions).find("li").removeClass("selected"),d(e).toggleClass("selected",n);d(this._valueDict[i].el).prop("selected")!==n&&(d(this._valueDict[i].el).prop("selected",n),this.$el.trigger("change"))}t.stopPropagation()}},{key:"_handleInputClick",value:function(){this.dropdown&&this.dropdown.isOpen&&(this._setValueToInput(),this._setSelectedStates())}},{key:"_setupDropdown",value:function(){var n=this;this.wrapper=document.createElement("div"),d(this.wrapper).addClass("select-wrapper "+this.options.classes),this.$el.before(d(this.wrapper)),this.wrapper.appendChild(this.el),this.el.disabled&&this.wrapper.classList.add("disabled"),this.$selectOptions=this.$el.children("option, optgroup"),this.dropdownOptions=document.createElement("ul"),this.dropdownOptions.id="select-options-"+M.guid(),d(this.dropdownOptions).addClass("dropdown-content select-dropdown "+(this.isMultiple?"multiple-select-dropdown":"")),this.$selectOptions.length&&this.$selectOptions.each(function(t){if(d(t).is("option")){var e=void 0;e=n.isMultiple?n._appendOptionWithIcon(n.$el,t,"multiple"):n._appendOptionWithIcon(n.$el,t),n._addOptionToValueDict(t,e)}else if(d(t).is("optgroup")){var i=d(t).children("option");d(n.dropdownOptions).append(d('<li class="optgroup"><span>'+t.getAttribute("label")+"</span></li>")[0]),i.each(function(t){var e=n._appendOptionWithIcon(n.$el,t,"optgroup-option");n._addOptionToValueDict(t,e)})}}),this.$el.after(this.dropdownOptions),this.input=document.createElement("input"),d(this.input).addClass("select-dropdown dropdown-trigger"),this.input.setAttribute("type","text"),this.input.setAttribute("readonly","true"),this.input.setAttribute("data-target",this.dropdownOptions.id),this.el.disabled&&d(this.input).prop("disabled","true"),this.$el.before(this.input),this._setValueToInput();var t=d('<svg class="caret" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');if(this.$el.before(t[0]),!this.el.disabled){var e=d.extend({},this.options.dropdownOptions);e.onOpenEnd=function(t){var e=d(n.dropdownOptions).find(".selected").first();if(e.length&&(M.keyDown=!0,n.dropdown.focusedIndex=e.index(),n.dropdown._focusFocusedItem(),M.keyDown=!1,n.dropdown.isScrollable)){var i=e[0].getBoundingClientRect().top-n.dropdownOptions.getBoundingClientRect().top;i-=n.dropdownOptions.clientHeight/2,n.dropdownOptions.scrollTop=i}},this.isMultiple&&(e.closeOnClick=!1),this.dropdown=M.Dropdown.init(this.input,e)}this._setSelectedStates()}},{key:"_addOptionToValueDict",value:function(t,e){var i=Object.keys(this._valueDict).length,n=this.dropdownOptions.id+i,s={};e.id=n,s.el=t,s.optionEl=e,this._valueDict[n]=s}},{key:"_removeDropdown",value:function(){d(this.wrapper).find(".caret").remove(),d(this.input).remove(),d(this.dropdownOptions).remove(),d(this.wrapper).before(this.$el),d(this.wrapper).remove()}},{key:"_appendOptionWithIcon",value:function(t,e,i){var n=e.disabled?"disabled ":"",s="optgroup-option"===i?"optgroup-option ":"",o=this.isMultiple?'<label><input type="checkbox"'+n+'"/><span>'+e.innerHTML+"</span></label>":e.innerHTML,a=d("<li></li>"),r=d("<span></span>");r.html(o),a.addClass(n+" "+s),a.append(r);var l=e.getAttribute("data-icon");if(l){var h=d('<img alt="" src="'+l+'">');a.prepend(h)}return d(this.dropdownOptions).append(a[0]),a[0]}},{key:"_toggleEntryFromArray",value:function(t){var e=!this._keysSelected.hasOwnProperty(t),i=d(this._valueDict[t].optionEl);return e?this._keysSelected[t]=!0:delete this._keysSelected[t],i.toggleClass("selected",e),i.find('input[type="checkbox"]').prop("checked",e),i.prop("selected",e),e}},{key:"_setValueToInput",value:function(){var i=[];if(this.$el.find("option").each(function(t){if(d(t).prop("selected")){var e=d(t).text();i.push(e)}}),!i.length){var t=this.$el.find("option:disabled").eq(0);t.length&&""===t[0].value&&i.push(t.text())}this.input.value=i.join(", ")}},{key:"_setSelectedStates",value:function(){for(var t in this._keysSelected={},this._valueDict){var e=this._valueDict[t],i=d(e.el).prop("selected");d(e.optionEl).find('input[type="checkbox"]').prop("checked",i),i?(this._activateOption(d(this.dropdownOptions),d(e.optionEl)),this._keysSelected[t]=!0):d(e.optionEl).removeClass("selected")}}},{key:"_activateOption",value:function(t,e){e&&(this.isMultiple||t.find("li.selected").removeClass("selected"),d(e).addClass("selected"))}},{key:"getSelectedValues",value:function(){var t=[];for(var e in this._keysSelected)t.push(this._valueDict[e].el.value);return t}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_FormSelect}},{key:"defaults",get:function(){return e}}]),n}();M.FormSelect=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"formSelect","M_FormSelect")}(cash),function(s,e){"use strict";var i={},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Range=i).options=s.extend({},n.defaults,e),i._mousedown=!1,i._setupThumb(),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._removeEventHandlers(),this._removeThumb(),this.el.M_Range=void 0}},{key:"_setupEventHandlers",value:function(){this._handleRangeChangeBound=this._handleRangeChange.bind(this),this._handleRangeMousedownTouchstartBound=this._handleRangeMousedownTouchstart.bind(this),this._handleRangeInputMousemoveTouchmoveBound=this._handleRangeInputMousemoveTouchmove.bind(this),this._handleRangeMouseupTouchendBound=this._handleRangeMouseupTouchend.bind(this),this._handleRangeBlurMouseoutTouchleaveBound=this._handleRangeBlurMouseoutTouchleave.bind(this),this.el.addEventListener("change",this._handleRangeChangeBound),this.el.addEventListener("mousedown",this._handleRangeMousedownTouchstartBound),this.el.addEventListener("touchstart",this._handleRangeMousedownTouchstartBound),this.el.addEventListener("input",this._handleRangeInputMousemoveTouchmoveBound),this.el.addEventListener("mousemove",this._handleRangeInputMousemoveTouchmoveBound),this.el.addEventListener("touchmove",this._handleRangeInputMousemoveTouchmoveBound),this.el.addEventListener("mouseup",this._handleRangeMouseupTouchendBound),this.el.addEventListener("touchend",this._handleRangeMouseupTouchendBound),this.el.addEventListener("blur",this._handleRangeBlurMouseoutTouchleaveBound),this.el.addEventListener("mouseout",this._handleRangeBlurMouseoutTouchleaveBound),this.el.addEventListener("touchleave",this._handleRangeBlurMouseoutTouchleaveBound)}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("change",this._handleRangeChangeBound),this.el.removeEventListener("mousedown",this._handleRangeMousedownTouchstartBound),this.el.removeEventListener("touchstart",this._handleRangeMousedownTouchstartBound),this.el.removeEventListener("input",this._handleRangeInputMousemoveTouchmoveBound),this.el.removeEventListener("mousemove",this._handleRangeInputMousemoveTouchmoveBound),this.el.removeEventListener("touchmove",this._handleRangeInputMousemoveTouchmoveBound),this.el.removeEventListener("mouseup",this._handleRangeMouseupTouchendBound),this.el.removeEventListener("touchend",this._handleRangeMouseupTouchendBound),this.el.removeEventListener("blur",this._handleRangeBlurMouseoutTouchleaveBound),this.el.removeEventListener("mouseout",this._handleRangeBlurMouseoutTouchleaveBound),this.el.removeEventListener("touchleave",this._handleRangeBlurMouseoutTouchleaveBound)}},{key:"_handleRangeChange",value:function(){s(this.value).html(this.$el.val()),s(this.thumb).hasClass("active")||this._showRangeBubble();var t=this._calcRangeOffset();s(this.thumb).addClass("active").css("left",t+"px")}},{key:"_handleRangeMousedownTouchstart",value:function(t){if(s(this.value).html(this.$el.val()),this._mousedown=!0,this.$el.addClass("active"),s(this.thumb).hasClass("active")||this._showRangeBubble(),"input"!==t.type){var e=this._calcRangeOffset();s(this.thumb).addClass("active").css("left",e+"px")}}},{key:"_handleRangeInputMousemoveTouchmove",value:function(){if(this._mousedown){s(this.thumb).hasClass("active")||this._showRangeBubble();var t=this._calcRangeOffset();s(this.thumb).addClass("active").css("left",t+"px"),s(this.value).html(this.$el.val())}}},{key:"_handleRangeMouseupTouchend",value:function(){this._mousedown=!1,this.$el.removeClass("active")}},{key:"_handleRangeBlurMouseoutTouchleave",value:function(){if(!this._mousedown){var t=7+parseInt(this.$el.css("padding-left"))+"px";s(this.thumb).hasClass("active")&&(e.remove(this.thumb),e({targets:this.thumb,height:0,width:0,top:10,easing:"easeOutQuad",marginLeft:t,duration:100})),s(this.thumb).removeClass("active")}}},{key:"_setupThumb",value:function(){this.thumb=document.createElement("span"),this.value=document.createElement("span"),s(this.thumb).addClass("thumb"),s(this.value).addClass("value"),s(this.thumb).append(this.value),this.$el.after(this.thumb)}},{key:"_removeThumb",value:function(){s(this.thumb).remove()}},{key:"_showRangeBubble",value:function(){var t=-7+parseInt(s(this.thumb).parent().css("padding-left"))+"px";e.remove(this.thumb),e({targets:this.thumb,height:30,width:30,top:-30,marginLeft:t,duration:300,easing:"easeOutQuint"})}},{key:"_calcRangeOffset",value:function(){var t=this.$el.width()-15,e=parseFloat(this.$el.attr("max"))||100,i=parseFloat(this.$el.attr("min"))||0;return(parseFloat(this.$el.val())-i)/(e-i)*t}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Range}},{key:"defaults",get:function(){return i}}]),n}();M.Range=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"range","M_Range"),t.init(s("input[type=range]"))}(cash,M.anime);
\ No newline at end of file
diff --git a/gracedb/templates/base.html b/gracedb/templates/base.html
index 5b1042cc5..a715f91b0 100644
--- a/gracedb/templates/base.html
+++ b/gracedb/templates/base.html
@@ -3,13 +3,20 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
{% load static %}
+
+
+ <!--Import Google Icon Font-->
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+ <!--Import materialize.css-->
+ <link type="text/css" rel="stylesheet" href="{% static "css/materialize.min.css" %}" media="screen,projection"/>
+
+ <!--Let browser know website is optimized for mobile-->
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
{% block headcontents %}
{# remove requests for favicon #}
<link rel="icon" href="data:,">
- {% block csslink %}
- <link rel="stylesheet" href="{% static "css/style.css" %}" />
- {% endblock %}
<title>GraceDB | {% block title %}{% endblock %}</title>
<!-- START TESTING -->
<script type="text/javascript">
@@ -28,23 +35,43 @@ function changeTime(obj, label) {
<!-- END TESTING -->
{% block jscript %}{% endblock %}
-<!-- override other CSS templates as necessary -->
-<link rel="stylesheet" href="{% static "css/override.css" %}" />
+<!-- override other CSS templates as necessary
+<link rel="stylesheet" href="{% static "css/override.css" %}" />-->
</head>
+<script src="{% static "js/materialize.js" %}"></script>
+
<body id="{% block pageid %}{% endblock %}"{% block bodyattrs %}{% endblock %}>
-<div id="content">
+<div class="container">
+<div class="card-panel blue darken-3">
-<center>
-<h1>
-GraceDB — Gravitational-Wave Candidate Event Database
-{% if config_name %}
-<span style="color: red;">({{ config_name }})</span>
-{% endif %}
-</h1>
-</center>
+ <table border="0" cellpadding="0">
+ <tbody>
+ <tr style="border-bottom: 0px ">
+ <td rowspan=2>
+ <a href="/">
+ <img src="{% static "images/logo.svg" %}" width=56>
+ </a>
+ </td>
+ <td>
+ <a href="/">
+ <span class="light-blue-text text-lighten-5" style="font-weight: bold"><h5>
+ GraceDB — </span>
+ {% if config_name %}
+ <span class="red-text text-lighten-4">({{ config_name }})</span>
+ {% endif %}<br>
+ <span class="light-blue-text text-lighten-5" style="font-weight: 100">
+ Gravitational-Wave Candidate Event Database
+ </span></h5>
+ </a>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+</div>
{% block nav %}
{% include "navbar_frag.html" %}
@@ -54,40 +81,24 @@ GraceDB — Gravitational-Wave Candidate Event Database
{% block content %}{% endblock %}
- </div>
-
-<div id="header">
-<!-- Header. Yea, this is actually a footer. It *was* as header once, though. -->
- <table align="center" width="90%">
- <tr>
- <td align="center">
- <img width="52" height="36" src="{% static "images/ligo-blue.gif" %}" />
- <!-- 673px 487px -->
- </td>
- <td align="center">
- <img width="164" height="30" src="{% static "images/Virgo_logo50.png" %}" />
- <!-- 4,829px 884px -->
- </td>
+<div class="divider"></div>
+<br>
+</div>
- <td align="center">
+<div id=footer" class="container">
+ <center>
+ <img height="36" src="{% static "images/kagra.png" %}" />
+ <img height="36" src="{% static "images/ligo-blue.gif" %}" />
+ <img height="36" src="{% static "images/LSC_logo50.png" %}" />
+ <img height="36" src="{% static "images/Virgo_logo50.png" %}" />
{% if user and user.username == "chad.hanna@LIGO.ORG" %}
- <img width="194" height="37" src="{% static "images/PI_Logo-anim.gif" %}" />
- {% else %}
- {% if user and user.username == "kipp.cannon@LIGO.ORG" %}
- <img width="194" height="37" src="{% static "images/CITA_logo-anim.gif" %}" />
- {% endif %}
+ <img width="194" height="37" src="{% static "images/PI_Logo-anim.gif" %}" />
+ {% endif %}
+ {% if user and user.username == "kipp.cannon@LIGO.ORG" %}
+ <img width="194" height="37" src="{% static "images/CITA_logo-anim.gif" %}" />
{% endif %}
- <!-- 287px 101px -->
- </td>
-
- <td align="center">
- <img width="87" height="37" src="{% static "images/LSC_logo50.png" %}" />
- <!-- 6,261px 2,652px -->
- </td>
- </tr>
- </table>
-<!-- End Header -->
+ </center>
</div>
</body>
diff --git a/gracedb/templates/gracedb/index.html b/gracedb/templates/gracedb/index.html
index 189244bec..b9457ed27 100644
--- a/gracedb/templates/gracedb/index.html
+++ b/gracedb/templates/gracedb/index.html
@@ -3,26 +3,6 @@
{% block heading %}{% endblock %}
{% block pageid %}home{% endblock %}
{% block jscript %}
- <style>
- .question {
- font-family: Helvetica, sans-serif;
- /*font-variant: small-caps; */
- font-style: bold;
- font-size: 18px;
- padding-bottom: 5px;
- }
-
- .answer {
- margin-left: 30px;
- margin-right: 30px;
- font-size: 14px;
- background-color: #e2ebf2;
- padding-top: 1px;
- padding-bottom: 1px;
- padding-left: 20px;
- padding-right: 20px;
- }
- </style>
{% endblock %}
{% block content %}
@@ -31,9 +11,8 @@
<style>
body {
- font: 10px sans-serif;
+ font: 12px ;
}
-
.axis text {
font: 16px sans-serif;
/*font-weight: bold; */
@@ -67,28 +46,25 @@ body {
<!-- I find myself needing some more space. -->
<!-- <br/> -->
-<h2>
-{% if title %}
- {{ title }}
-{% else %}
- GraceDB Overview
-{% endif %}
-</h2>
-
-<div class="text">
+<div class="section">
+ <h5>GraceDB Overview</h5>
+ <div class="divider"></div>
<p>
The gravitational-wave candidate event database (GraceDB) is a service operated by the <a href="https://www.ligo.org/">LIGO Scientific Collaboration</a>. It provides a centralized location for aggregating and retrieving information about candidate gravitational-wave events. GraceDB provides an <a href="{% url "legacy_apiweb:default:root" %}">API</a> for programmatic access, and a <a href="https://ligo-gracedb.readthedocs.io/">client package</a> is available for interacting with the API.
</p>
- <h3>Useful information</h3>
- <ul>
- <li><b style="color: red;">*NEW*</b> O3 public alert <a href="{% url "superevents:public-alerts-O3" %}">summary page</a>.</li>
+</div>
+
+<div class="section">
+ <h5>Useful information</h5>
+ <div class="divider"></div>
<li>Information about GW alerts and real-time data products is available in the <a href="https://emfollow.docs.ligo.org/userguide/">LIGO/Virgo Public Alert Guide</a>.</li>
+ <li><a href="https://monitor.ligo.org/ldg">Real-time status of the LIGO Data Grid</a>.</li>
<li>Found a bug? LIGO/Virgo users can report issues on the GraceDB <a href="https://git.ligo.org/lscsoft/gracedb/issues">Gitlab page</a>.</li>
</ul>
{% if information %}
{{ information|safe }}
{% endif %}
- <p><b>Server code version: <a href="https://git.ligo.org/lscsoft/gracedb/tree/gracedb-{{server_version}}">{{server_version}}</a></b></p>
+ <p><b>Server code version: </b> <a href="https://git.ligo.org/lscsoft/gracedb/tree/gracedb-{{server_version}}" style="font-family: 'Courier New'">{{server_version}}</a></p>
</div>
<!--XXX Infrastructure for human signoffs. Hopefully this will not be permanent. -->
diff --git a/gracedb/templates/navbar_frag.html b/gracedb/templates/navbar_frag.html
index cd9aac183..1a10ea098 100644
--- a/gracedb/templates/navbar_frag.html
+++ b/gracedb/templates/navbar_frag.html
@@ -1,4 +1,4 @@
-<div style="padding-bottom: 30px;">
+<!--<div style="padding-bottom: 30px;">
<ul id="nav">
<li id="nav-home"><a href="{% url "home" %}">Home</a></li>
<li id="nav-public"><a href="{% url "superevents:public-alerts-O3" %}">Public Alerts</a></li>
@@ -41,4 +41,84 @@ return to the regular GraceDB site. This will ensure that your group memberships
are correct the next time you log in.
</div>
{% endif %}
-</div>
+</div> -->
+
+
+<nav>
+ <div class="nav-wrapper blue darken-3" style="padding-left: 15px;">
+ {% if user.is_authenticated %}
+ <span class="gray-text" style="font-size:8pt" >Authenticated as:</span>
+ {% if user.first_name %}
+ <span class="gray-text" style="font-size:8pt">{{ user.get_full_name }}</span>
+ {% else %}
+ <span class="gray-text" style="font-size:8pt">{{ user.username }}</span>
+ {% endif %}
+ {% endif %}
+ <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+ <ul class="right hide-on-med-and-down">
+ <li id="nav-public" style="font-weight: bold"><a href="{% url "superevents:public-alerts-O3" %}">Public Alerts</a></li>
+ <li id="nav-latest"><a href="{% url "latest" %}">Latest</a></li>
+ <li id="nav-search"><a href="{% url "mainsearch" %}">Search</a></li>
+ {% if user_is_internal %}
+ <li id="nav-alerts"><a href="{% url "alerts:index" %}">Alerts</a></li>
+ <li id="nav-pipelines"><a href="{% url "manage-pipelines" %}">Pipelines</a></li>
+ {% elif user_is_lvem %}
+ <li id="nav-password"><a href="{% url "manage-password" %}">Manage Password</a></li>
+ {% endif %}
+ <li id="nav-docs"><a href="{% url "home" %}documentation/">Documentation</a></li>
+ {% if user %}
+ {% if user.is_superuser %}
+ <li id="nav-admin-docs"><a href="{% url "home" %}admin_docs/">Admin Docs</a></li>
+ {% endif %}
+ {% endif %}
+ {% if user.is_authenticated %}
+ <li id="nav-logout"><a href="{% url "logout" %}?next={{ request.path }}">Logout</a></li>
+ {% else %}
+ <li id="nav-login"><a href="{% url "login" %}?next={{ request.path }}">Login</a></li>
+ {% endif %}
+ </ul>
+ </div>
+</nav>
+
+<ul class="sidenav" id="mobile-demo">
+ <li id="nav-public" style="font-weight: bold"><a href="{% url "superevents:public-alerts-O3" %}">Public Alerts</a></li>
+ <li id="nav-latest"><a href="{% url "latest" %}">Latest</a></li>
+ <li id="nav-search"><a href="{% url "mainsearch" %}">Search</a></li>
+ {% if user_is_internal %}
+ <li id="nav-alerts"><a href="{% url "alerts:index" %}">Alerts</a></li>
+ <li id="nav-pipelines"><a href="{% url "manage-pipelines" %}">Pipelines</a></li>
+ {% elif user_is_lvem %}
+ <li id="nav-password"><a href="{% url "manage-password" %}">Manage Password</a></li>
+ {% endif %}
+ <li id="nav-docs"><a href="{% url "home" %}documentation/">Documentation</a></li>
+ {% if user %}
+ {% if user.is_superuser %}
+ <li id="nav-admin-docs"><a href="{% url "home" %}admin_docs/">Admin Docs</a></li>
+ {% endif %}
+ {% endif %}
+ {% if user.is_authenticated %}
+ <li id="nav-logout"><a href="{% url "logout" %}?next={{ request.path }}">Logout</a></li>
+ {% else %}
+ <li id="nav-login"><a href="{% url "login" %}?next={{ request.path }}">Login</a></li>
+ {% endif %}
+</ul>
+
+
+<script>
+
+options = {
+ edge: 'left',
+ draggable: true,
+ inDuration: 250,
+ outDuration: 200,
+ onOpenStart: null,
+ onOpenEnd: null,
+ onCloseStart: null,
+ onCloseEnd: null,
+ preventScrolling: true
+};
+ document.addEventListener('DOMContentLoaded', function() {
+ var elems = document.querySelectorAll('.sidenav');
+ var instances = M.Sidenav.init(elems, options);
+ });
+</script>
--
GitLab