diff --git a/.gitignore b/.gitignore
index 7718ad6380086f3229bfecb5014ba83eed342087..b8d3be505a06e4f686f53a860dee4a1c85fbfdb7 100755
--- a/.gitignore
+++ b/.gitignore
@@ -5,12 +5,11 @@ venv/
secure*
*.aux
*.log
-class.pdf
-class.tex
+aktuell.pdf
+aktuell.tex
.idea/
media/
node_modules/
-latex/
staticcollect/
.idea
dynselect2/src/*
diff --git a/README.md b/README.md
index 7ca51f4c83b30bb3983db145dcdb076ab53d0540..7de97c7cc3383339038ca244c525edc2a2f48e11 100755
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@ sudo apt install python3 python3-dev python3-pip git mariadb-server python3-venv
```
### MySQL-Datenbank
-1. Datenbank `schoolapps` (`utf8_general_ci`) anlegen
+1. Datenbanken `schoolapps` und `Untis` (`utf8_general_ci`) anlegen
2. Benutzer `www-data` anlegen
3. Benutzer `www-data` alle Rechte auf `schoolapps` geben
4. Benutzer `untis-read` anlegen
diff --git a/dynselect/src/App.js b/dynselect/src/App.js
index 932083df1bf339aca411e595c645ab8feb09b9b7..70ef937ab67231bba2221ca2e5143027521a5a52 100755
--- a/dynselect/src/App.js
+++ b/dynselect/src/App.js
@@ -7,7 +7,7 @@ import PropTypes from "prop-types";
const OPTIONS_ONLINE_COMMON = [
"Portal ist nicht erreichbar",
"Fehlermeldung(en) tauchen auf",
- "Anmeldung funktiontiert nicht",
+ "Anmeldung funktioniert nicht",
"Zugangsdaten vergessen"
];
@@ -21,6 +21,11 @@ const BASIC_OPTIONS = [
name: "Problem mit Beamer/Fernseher",
helpText: "Bitte wähle aus, wo der Beamer bzw. Fernseher steht!"
},
+ {
+ id: "printerIssue",
+ name: "Problem mit einem Drucker",
+ helpText: "Bitte nenne uns in der Beschreibung das Modell des Druckers, damit wir genau wissen, welchen Drucker du meinst!"
+ },
{
id: "subMonitorIssue",
name: "Vertretungsplanmonitor funktioniert nicht",
@@ -142,6 +147,10 @@ const BASIC_OPTIONS = [
{
id: "missingKeys",
name: "Fehlende Tasten auf der Tastatur"
+ },
+ {
+ id: "hardwareMisc",
+ name: "Andere Hardware defekt / Äußere Schäden"
}
@@ -322,7 +331,7 @@ class App extends Component {
className="input-field col s12 m12 l4">
<i className={"material-icons prefix"}>list</i>
<select onChange={this._onCategoryChanges} defaultValue={"noCategory"} className={"validate"}
- required={true}>
+ required={true}>-
<option value={"noCategory"} disabled={true}>Keine Kategorie ausgewählt</option>
{BASIC_OPTIONS.map(function (category) {
return <optgroup label={category.name} key={category.id}>
@@ -349,11 +358,18 @@ class App extends Component {
defaultValue={"Anderer Raum"} show={sO === "presentationDeviceIssue"}/>
</Input>
+ {/* Section B – Printer Issue */}
+ <Input label={"Art des Problems"} icon={"bug_report"} show={sO === "printerIssue"}>
+ <Select onChange={this._onSetB}
+ values={["Papierstau", "Toner leer", "Papier leer", "Drucker bekommt keine Daten"]}
+ defaultValue={"Anderes Problem"} show={sO === "subMonitorIssue"}/>
+ </Input>
+
{/* Section B – Substitution Monitor Issue */}
<Input label={"Art des Problems"} icon={"bug_report"} show={sO === "subMonitorIssue"}>
<Select onChange={this._onSetB}
values={["Schwarzer Bildschirm", "Tage wechseln nicht (Eingefroren)"]}
- defaultValue={"Anderer Raum"} show={sO === "subMonitorIssue"}/>
+ defaultValue={"Anderes Problem"} show={sO === "subMonitorIssue"}/>
</Input>
{/* Section B – WLAN Issue */}
@@ -386,6 +402,13 @@ class App extends Component {
defaultValue={"Sonstiges"} show={sO === "presentationDeviceIssue" && step === 2}/>
</Input>
+ {/* Section C – Presentation Device Issues */}
+ <Input label={"Ort des Druckers"} icon={"location_on"}
+ show={sO === "printerIssue" && step === 2}>
+ <Select onChange={this._onSetC} values={LOCATIONS}
+ defaultValue={"Anderer Raum"} show={sO === "presentationDeviceIssue"}/>
+ </Input>
+
{/* Section C – WLAN Issue */}
<Input label={"Um welches WLAN-Netzwerk handelt es sich?"} icon={"wifi"}
show={sO === "wlanIssue" && step === 2}>
diff --git a/dynselect/src/index.js b/dynselect/src/index.js
index e73b55029cb4c4f23687c9c941d81778937ff50b..23097ccbeca28431b8f5a9b940b8a2166240b1bd 100755
--- a/dynselect/src/index.js
+++ b/dynselect/src/index.js
@@ -2,8 +2,4 @@ import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
-ReactDOM.render( < App
-rooms = {["A", "B"
-]
-}
-/>, document.getElementById('root'));
+ReactDOM.render(<App rooms={["A", "B"]}/>, document.getElementById('root'));
diff --git a/dynselect2/src/App.js b/dynselect2/src/App.js
index 77145e0e9b614329fa368eeabf802c62f9298c15..5c169f7bd94986776afbdd73211c7fe68e6476c7 100755
--- a/dynselect2/src/App.js
+++ b/dynselect2/src/App.js
@@ -1,5 +1,5 @@
import React, {Component} from 'react';
-// import "materialize-css/dist/css/materialize.css";
+//import "materialize-css/dist/css/materialize.css";
import M from "materialize-css/dist/js/materialize";
import PropTypes from "prop-types";
@@ -7,7 +7,7 @@ import PropTypes from "prop-types";
const OPTIONS_ONLINE_COMMON = [
"Portal ist nicht erreichbar",
"Fehlermeldung(en) tauchen auf",
- "Anmeldung funktiontiert nicht",
+ "Anmeldung funktioniert nicht",
"Zugangsdaten vergessen"
];
@@ -21,6 +21,11 @@ const BASIC_OPTIONS = [
name: "Problem mit Beamer/Fernseher",
helpText: "Bitte wähle aus, wo der Beamer bzw. Fernseher steht!"
},
+ {
+ id: "printerIssue",
+ name: "Problem mit einem Drucker",
+ helpText: "Bitte nenne uns in der Beschreibung das Modell des Druckers, damit wir genau wissen, welchen Drucker du meinst!"
+ },
{
id: "subMonitorIssue",
name: "Vertretungsplanmonitor funktioniert nicht",
@@ -142,6 +147,10 @@ const BASIC_OPTIONS = [
{
id: "missingKeys",
name: "Fehlende Tasten auf der Tastatur"
+ },
+ {
+ id: "hardwareMisc",
+ name: "Andere Hardware defekt / Äußere Schäden"
}
@@ -322,7 +331,7 @@ class App extends Component {
className="input-field col s12 m12 l4">
<i className={"material-icons prefix"}>list</i>
<select onChange={this._onCategoryChanges} defaultValue={"noCategory"} className={"validate"}
- required={true}>
+ required={true}>-
<option value={"noCategory"} disabled={true}>Keine Kategorie ausgewählt</option>
{BASIC_OPTIONS.map(function (category) {
return <optgroup label={category.name} key={category.id}>
@@ -349,11 +358,18 @@ class App extends Component {
defaultValue={"Anderer Raum"} show={sO === "presentationDeviceIssue"}/>
</Input>
+ {/* Section B – Printer Issue */}
+ <Input label={"Art des Problems"} icon={"bug_report"} show={sO === "printerIssue"}>
+ <Select onChange={this._onSetB}
+ values={["Papierstau", "Toner leer", "Papier leer", "Drucker bekommt keine Daten"]}
+ defaultValue={"Anderes Problem"} show={sO === "subMonitorIssue"}/>
+ </Input>
+
{/* Section B – Substitution Monitor Issue */}
<Input label={"Art des Problems"} icon={"bug_report"} show={sO === "subMonitorIssue"}>
<Select onChange={this._onSetB}
values={["Schwarzer Bildschirm", "Tage wechseln nicht (Eingefroren)"]}
- defaultValue={"Anderer Raum"} show={sO === "subMonitorIssue"}/>
+ defaultValue={"Anderes Problem"} show={sO === "subMonitorIssue"}/>
</Input>
{/* Section B – WLAN Issue */}
@@ -386,6 +402,13 @@ class App extends Component {
defaultValue={"Sonstiges"} show={sO === "presentationDeviceIssue" && step === 2}/>
</Input>
+ {/* Section C – Presentation Device Issues */}
+ <Input label={"Ort des Druckers"} icon={"location_on"}
+ show={sO === "printerIssue" && step === 2}>
+ <Select onChange={this._onSetC} values={LOCATIONS}
+ defaultValue={"Anderer Raum"} show={sO === "presentationDeviceIssue"}/>
+ </Input>
+
{/* Section C – WLAN Issue */}
<Input label={"Um welches WLAN-Netzwerk handelt es sich?"} icon={"wifi"}
show={sO === "wlanIssue" && step === 2}>
diff --git a/schoolapps/aub/templates/aub/apply_for.html b/schoolapps/aub/templates/aub/apply_for.html
index 1baa3d55e8ada3cbd50390acaf902816b794edf0..f67cfa723463bd0c2933e66d41ab805f0f794ff7 100755
--- a/schoolapps/aub/templates/aub/apply_for.html
+++ b/schoolapps/aub/templates/aub/apply_for.html
@@ -3,18 +3,51 @@
<main>
+ <script>
+ function setTime(lesson_field) {
+ // fill timefield based on lesson value
+ if (lesson_field.id === 'id_from_lesson') {
+ $('[id=id_from_time]').val(lesson_field.value);
+ } else {
+ // calculate lessons end time
+ // string methods easier than date function muddle
+ var h = lesson_field.value.split(':')[0];
+ var m = lesson_field.value.split(':')[1];
+ if (m < 15) {
+ m = parseInt(m) + 45;
+ } else {
+ m = parseInt(m) - 15;
+ h = parseInt(h) + 1;
+ }
+ m = m.toString();
+ h = h.toString();
+ if (m.length === 1) {
+ m = '0' + m
+ }
+ var newTime = h + ':' + m;
+ $('[id=id_to_time]').val(newTime);
+ }
+ }
+ </script>
+
<h4>Antrag auf Unterrichtsbefreiung</h4>
- <form method = "POST" >
+ <form method="POST">
{% csrf_token %}
-{# Von#}
-{# <input type="text" label="Von" input_formats=['%d.%m.%Y'] value="{{ from_dt }}" name="from_date" >#}
+ {# Von#}
+ {# <input type="text" label="Von" input_formats=['%d.%m.%Y'] value="{{ from_dt }}" name="from_date" >#}
{% form form=form %}
{% endform %}
<button type="submit" class="waves-effect waves-light btn green">
<i class="material-icons left">send</i> Antrag stellen
</button>
</form>
+ <script>
+ $("#id_from_date").change(function () {
+ $("#id_to_date").val($("#id_from_date").val());
+ $("#id_to_date").change();
+ })
+ </script>
</main>
{% include 'partials/footer.html' %}
diff --git a/schoolapps/aub/views.py b/schoolapps/aub/views.py
index d3d2e7c34a220d6f8238aa18ad2cd78bb53ca7ed..ba1a759e7cd7b711d3da9ee0a2058375d98c798e 100755
--- a/schoolapps/aub/views.py
+++ b/schoolapps/aub/views.py
@@ -142,7 +142,7 @@ def check1(request):
link=request.build_absolute_uri(reverse('aub_details', args=[aub.id]))
)
- aub_list = Aub.objects.filter(status=0).order_by('created_at')
+ aub_list = Aub.objects.filter(status=0).order_by('from_date')
aubs = AUBFilter(request.GET, queryset=aub_list)
return render(request, 'aub/check.html', {'filter': aubs})
@@ -186,7 +186,7 @@ def check2(request):
link=request.build_absolute_uri(reverse('aub_details', args=[aub.id]))
)
- aub_list = Aub.objects.filter(status=1).order_by('created_at')
+ aub_list = Aub.objects.filter(status=1).order_by('from_date')
aubs = AUBFilter(request.GET, queryset=aub_list)
return render(request, 'aub/check.html', {'filter': aubs})
diff --git a/schoolapps/dashboard/views.py b/schoolapps/dashboard/views.py
index 2067872efee7bd4bb91a2c5d02f5f2aec3e8ce28..54a50445dfb162e5155f73f684fe1b899abb93fd 100755
--- a/schoolapps/dashboard/views.py
+++ b/schoolapps/dashboard/views.py
@@ -1,6 +1,7 @@
from django.contrib.auth.decorators import login_required
from django.shortcuts import render, redirect
from django.urls import reverse
+from django.http import HttpResponseNotFound
from .models import Activity, register_notification
# from .apps import DashboardConfig
from mailer import send_mail_with_template
diff --git a/schoolapps/debug/migrations/0003_auto_20190818_0910.py b/schoolapps/debug/migrations/0003_auto_20190818_0910.py
new file mode 100644
index 0000000000000000000000000000000000000000..a21678f276bb0834100127ef13f870aba02802da
--- /dev/null
+++ b/schoolapps/debug/migrations/0003_auto_20190818_0910.py
@@ -0,0 +1,18 @@
+# Generated by Django 2.2.1 on 2019-08-18 07:10
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+ dependencies = [
+ ('debug', '0002_auto_20190523_1627'),
+ ]
+
+ operations = [
+ migrations.AlterField(
+ model_name='debuglog',
+ name='filename',
+ field=models.FilePathField(blank=True, match='.*.log', path='/home/p-h/git/school-apps/schoolapps/latex', verbose_name='Dateiname zur Logdatei (falls nicht Log-Text)'),
+ ),
+ ]
diff --git a/schoolapps/debug/migrations/0004_auto_20190916_1450.py b/schoolapps/debug/migrations/0004_auto_20190916_1450.py
new file mode 100644
index 0000000000000000000000000000000000000000..f0905c799ba5552647595bfa2e8a4cc7d7b44c9c
--- /dev/null
+++ b/schoolapps/debug/migrations/0004_auto_20190916_1450.py
@@ -0,0 +1,18 @@
+# Generated by Django 2.2.4 on 2019-09-16 12:50
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+ dependencies = [
+ ('debug', '0003_auto_20190818_0910'),
+ ]
+
+ operations = [
+ migrations.AlterField(
+ model_name='debuglog',
+ name='filename',
+ field=models.FilePathField(blank=True, match='.*.log', path='/data/Silas/Daten/school-apps/schoolapps/latex', verbose_name='Dateiname zur Logdatei (falls nicht Log-Text)'),
+ ),
+ ]
diff --git a/schoolapps/faq/templates/faq/faq.html b/schoolapps/faq/templates/faq/faq.html
index f8867131bcb26d707e626a86f55db952839e44e0..ae421f579308db6162ecc640491d8eb6ccd2aaef 100644
--- a/schoolapps/faq/templates/faq/faq.html
+++ b/schoolapps/faq/templates/faq/faq.html
@@ -10,35 +10,43 @@
<ul class="collapsible">
{% for question in section.questions.all %}
{% if question.show %}
- <li>
- <div class="collapsible-header flow-text">
- <i class="material-icons">
- {% if question.icon %}
- {{ question.icon }}
- {% else %}
- question_answer
- {% endif %}
- </i>
- {{ question.question_text }}
- </div>
- <div class="collapsible-body">
- {{ question.answer_text|safe }}
- </div>
- </li>
+ <li>
+ <div class="collapsible-header flow-text">
+ <i class="material-icons">
+ {% if question.icon %}
+ {{ question.icon }}
+ {% else %}
+ question_answer
+ {% endif %}
+ </i>
+ {{ question.question_text }}
+ </div>
+ <div class="collapsible-body">
+ {{ question.answer_text|safe }}
+ </div>
+ </li>
{% endif %}
{% endfor %}
</ul>
</section>
{% endfor %}
+
<p class="flow-text">
Deine Frage war nicht dabei?
</p>
<p>
- <a class="btn blue waves-effect waves-green" href="{% url "ask-faq" %}">
- <i class="material-icons left">chat</i>
- Deine Frage stellen
- </a>
+ {% if user.is_authenticated %}
+ <a class="btn blue waves-effect waves-green" href="{% url "ask-faq" %}">
+ <i class="material-icons left">chat</i>
+ Deine Frage stellen
+ </a>
+ {% else %}
+ Schreibe uns an
+ <a href="mailto:support@katharineum.de">support@katharineum.de</a> und wir versuchen, deine Frage zu
+ beantworten.
+ {% endif %}
</p>
+
</main>
{% include 'partials/footer.html' %}
diff --git a/schoolapps/faq/urls.py b/schoolapps/faq/urls.py
index 4c69deccba7ed34b4609d7cf1dbba9d99fb9c7fe..7af26253076537486ba5325d87208989e0662eb2 100644
--- a/schoolapps/faq/urls.py
+++ b/schoolapps/faq/urls.py
@@ -4,4 +4,4 @@ from . import views
urlpatterns = [
path('', views.faq, name='faq'),
path('ask', views.ask, name='ask-faq')
-]
\ No newline at end of file
+]
diff --git a/schoolapps/faq/views.py b/schoolapps/faq/views.py
index 3d443dbe07f93957553ad99bf26ae641e3e34bce..9ac63d6600d499f24a420f8a3fdec4ffc5627848 100644
--- a/schoolapps/faq/views.py
+++ b/schoolapps/faq/views.py
@@ -1,4 +1,5 @@
-from django.shortcuts import render
+from django.shortcuts import render, redirect
+from django.contrib.auth.decorators import login_required
from faq.models import FAQSection, FAQQuestion, Question
from faq.forms import FAQForm
@@ -20,6 +21,7 @@ def faq(request):
}
return render(request, 'faq/faq.html', context)
+@login_required
def ask(request):
if request.method == 'POST':
form = FAQForm(request.POST)
@@ -40,4 +42,4 @@ def ask(request):
else:
form = FAQForm()
- return render(request, "faq/ask.html", {"form": form})
\ No newline at end of file
+ return render(request, "faq/ask.html", {"form": form})
diff --git a/schoolapps/latex/.keep b/schoolapps/latex/.keep
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/schoolapps/mailer.py b/schoolapps/mailer.py
index 9f87e7a331ad1565ab2269539997f964e7aa93ec..6cd4c0c98cb0927e6aa72c0561a5327c10a67cad 100755
--- a/schoolapps/mailer.py
+++ b/schoolapps/mailer.py
@@ -4,7 +4,7 @@ from django.template.loader import render_to_string
SENDER_EMAIL = 'SchoolApps <infoplan@katharineum.de>'
-def send_mail_with_template(title, receivers, plain_template, html_template, context={}):
+def send_mail_with_template(title, receivers, plain_template, html_template, context={}, sender_email=SENDER_EMAIL):
msg_plain = render_to_string(plain_template, context)
msg_html = render_to_string(html_template, context)
@@ -12,7 +12,7 @@ def send_mail_with_template(title, receivers, plain_template, html_template, con
send_mail(
title,
msg_plain,
- SENDER_EMAIL,
+ sender_email,
receivers,
html_message=msg_html,
)
diff --git a/schoolapps/menu/views.py b/schoolapps/menu/views.py
index fc2bfe2452b2ce86bd5da0b82d18aecfb82c298b..ba9effb629313a25564e1ca9f478656c376db87c 100644
--- a/schoolapps/menu/views.py
+++ b/schoolapps/menu/views.py
@@ -1,5 +1,6 @@
import datetime
import os
+import time
from django.contrib.auth.decorators import login_required, permission_required
from django.http import FileResponse
@@ -66,6 +67,9 @@ def show_current(request):
if days_to_add < 0:
days_to_add = days_to_add + 7
+ if days_to_add == 6 or days_to_add == 7:
+ calendar_week += 1
+
# Create datetime with next friday and time 14:10
friday = current_date + datetime.timedelta(days=days_to_add)
friday_14_10 = timezone.datetime(friday.year, friday.month, friday.day, 14, 10)
diff --git a/schoolapps/schoolapps/settings.py b/schoolapps/schoolapps/settings.py
index 22b0b59b4a6e808ae14fccd98f59a72ab08a3baf..9c28f55b8507c2ac36b60050d322cc75f1a23749 100755
--- a/schoolapps/schoolapps/settings.py
+++ b/schoolapps/schoolapps/settings.py
@@ -123,7 +123,7 @@ EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
# TIMETABLE
TIMETABLE_WIDTH = 5
-TIMETABLE_HEIGHT = 10
+TIMETABLE_HEIGHT = 9
LESSONS = [('8:00', '1.'), ('8:45', '2.'), ('9:45', '3.'), ('10:35', '4.'), ('11:35', '5.'),
('12:25', '6.'), ('13:15', '7.'), ('14:05', '8.'), ('14:50', '9.')]
SHORT_WEEK_DAYS = ["Mo", "Di", "Mi", "Do", "Fr"]
diff --git a/schoolapps/schoolapps/urls.py b/schoolapps/schoolapps/urls.py
index c9bfcb2a38d174c735ba803267a69c9bfcd64657..883bd726c6a44a628b3c04b8878c094e908393fe 100755
--- a/schoolapps/schoolapps/urls.py
+++ b/schoolapps/schoolapps/urls.py
@@ -21,6 +21,7 @@ from django.contrib.staticfiles.views import serve
from django.urls import path
from django.conf.urls.static import static
from django.conf import settings
+from django.views import defaults
from schoolapps.settings import BASE_DIR
@@ -28,6 +29,7 @@ from schoolapps.settings import BASE_DIR
def manifest(request):
return serve(request, "manifest.json")
+
urlpatterns = [
#############
# Dashboard #
@@ -74,9 +76,13 @@ urlpatterns = [
path('', include('pwa.urls')),
path('martor/', include('martor.urls')),
+
+ #######
+ # 404 #
+ #######
+ path('404/', custom_page_not_found, name='404'),
]
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
-# handler404 = 'dashboard.views.error_404'
diff --git a/schoolapps/static/common/helper.js b/schoolapps/static/common/helper.js
index 3de288ebc62ae01269819d72e6ca46ccb7978192..235e9e61f6c87828a7e7e182cd8c98ced9d81a87 100644
--- a/schoolapps/static/common/helper.js
+++ b/schoolapps/static/common/helper.js
@@ -25,38 +25,15 @@ function getNowFormatted() {
}
-function setTime(lesson_field) {
- // fill timefield based on lesson value
- if (lesson_field.id === 'id_from_lesson') {
- $('[id=id_from_time]').val(lesson_field.value);
- } else {
- // calculate lessons end time
- // string methods easier than date function muddle
- var h = lesson_field.value.split(':')[0];
- var m = lesson_field.value.split(':')[1];
- if (m < 15) {
- m = parseInt(m) + 45;
- } else {
- m = parseInt(m) - 15;
- h = parseInt(h) + 1;
- }
- m = m.toString()
- h = h.toString()
- if (m.length === 1) {
- m = '0' + m
- }
- var newTime = h + ':' + m;
- $('[id=id_to_time]').val(newTime);
- }
-}
-
function selectActiveLink() {
var currlocation = $('meta[name="active-loaction"]');
var url_name = currlocation.attr("content");
//console.log(url_name);
- $("#" + url_name).addClass("active");
- $("#" + url_name).parent().parent().parent().addClass("active");
+ var selector = ".url-" + url_name;
+ console.log(selector);
+ $(selector).addClass("active");
+ $(selector).parent().parent().parent().addClass("active");
}
$(document).ready(function () {
@@ -82,7 +59,7 @@ $(document).ready(function () {
// Buttons
today: 'Heute',
- clear: 'Löschen',
+ cancel: 'Abbrechen',
done: 'OK',
},
@@ -95,9 +72,11 @@ $(document).ready(function () {
$('.timepicker').timepicker({
twelveHour: false,
autoClose: true,
- cancelText: 'Abbrechen',
- clearText: 'Löschen',
- doneText: 'OK'
+ i18n: {
+ cancel: 'Abbrechen',
+ clear: 'Löschen',
+ done: 'OK'
+ },
});
// Initialize tooltip [MAT]
diff --git a/schoolapps/static/common/style.css b/schoolapps/static/common/style.css
index d7791f165181c64b154e102e84ca2a7dca909d28..2502164d9053eb39598041d0533ddd6ddfe5a2b6 100644
--- a/schoolapps/static/common/style.css
+++ b/schoolapps/static/common/style.css
@@ -66,10 +66,51 @@ header a.sidenav-trigger {
z-index: 2;
}
+header div.nav-wrapper{
+ z-index: -5;
+}
+
header, main, footer {
margin-left: 300px;
}
+
+.footer-icon {
+ font-size: 22px !important;
+ vertical-align: middle;
+}
+
+
+
+@media only screen and (min-width: 1384px) {
+ .footer-row-large {
+ display: flex;
+ align-items: center;
+ }
+ .footer-row-small {
+ display: none;
+ }
+}
+@media only screen and (max-width: 1383px) {
+ .footer-row-large {
+ display: none;
+}
+ .footer-row-small {
+ display: block;
+ }
+}
+
+ul.footer-ul {
+ display: inline-block;
+ text-align: right;
+ float: right;
+}
+
+.make-it-higher {
+ vertical-align: middle;
+ line-height: 36px;
+}
+
@media only screen and (max-width: 992px) {
header, main, footer {
margin-left: 0;
@@ -118,10 +159,12 @@ span.badge .material-icons {
.smart-plan-badge {
margin: 5px 20px 5px 0;
}
-li.active > a > .sidenav-badge{
+
+li.active > a > .sidenav-badge {
background-color: whitesmoke !important;
color: #DA3D56 !important;
}
+
.timetable-plan .row, .timetable-plan .col {
display: flex;
padding: 0 .25rem;
@@ -232,19 +275,33 @@ table.substitutions td, table.substitutions th {
.btn-timetable-quicklaunch {
margin: 1%;
width: 30%;
- background-color: rgba(0,0,0,0.05) !important;
+ background-color: rgba(0, 0, 0, 0.05) !important;
color: black;
}
-.btn-timetable-quicklaunch:hover{
+
+.btn-timetable-quicklaunch:hover {
background-color: #da1f3d !important;
color: whitesmoke;
}
+
.no-margin {
margin: 0 !important;
- margin-left: 0 !important;
- margin-right: 0 !important;
- margin-top: 0 !important;
- margin-bottom: 0 !important;
+}
+
+.valign-middle {
+ vertical-align: middle;
+}
+
+.valign-top {
+ vertical-align: top;
+}
+
+.valign-bot {
+ vertical-align: bottom;
+}
+
+.height-inherit {
+ height: 100%;
}
/* Table*/
@@ -260,6 +317,10 @@ table.striped > tbody > tr:nth-child(odd) {
display: none;
}
+.print-icon {
+ margin-top: 1.52rem;
+}
+
@media print {
body {
font-size: 15px;
@@ -450,29 +511,35 @@ i.collapsible-trigger {
background-color: rgba(218, 31, 61, 0.65);
}
-.no-margin{
+.no-margin {
margin: 0 !important;
}
-.no-pad-left{
+.no-pad-left {
padding-left: 0 !important;
}
-.no-pad-right{
+.no-pad-right {
padding-right: 0 !important;
}
-.sidenav a:not(.collapsible-header){
+.sidenav a:not(.collapsible-header) {
padding: 0 16px;
}
- .waves-effect.waves-primary .waves-ripple {
- /* The alpha value allows the text and background color
- of the button to still show through. */
+ul.sidenav li.logo > a:hover{
+ background: None!important;
+}
+
+.waves-effect.waves-primary .waves-ripple {
+ /* The alpha value allows the text and background color
+ of the button to still show through. */
background-color: #da1f3d;
- }
-.sidenav .collapsible-body > ul:not(.collapsible) > li.active a > i, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a > i{
+}
+
+.sidenav .collapsible-body > ul:not(.collapsible) > li.active a > i, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a > i {
color: #fff;
}
+
.sidenav .collapsible-body > ul:not(.collapsible) > li.active, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
background-color: #DA3D56;
}
@@ -488,3 +555,19 @@ i.collapsible-trigger {
/*section:not(:last-of-type) {*/
/* border-bottom: solid #bdbdbd 2px;*/
/*}*/
+
+
+/*++++++++
++HOLIDAYS+
+++++++++++ */
+
+.holiday-badge{
+ float: left !important;
+ position: relative;
+ margin-left: 0% !important;
+ left: 50%;
+ transform: translate(-50%);
+ width: auto;
+ height: auto !important;
+ min-height: 26px;
+}
\ No newline at end of file
diff --git a/schoolapps/static/support/bundle.js b/schoolapps/static/support/bundle.js
index ef6e9673a0db26b54933ca851c34985d415a03c5..6e7301b03e96a18b566295d34c19110ff374c7f4 100644
--- a/schoolapps/static/support/bundle.js
+++ b/schoolapps/static/support/bundle.js
@@ -1,13365 +1,13369 @@
(function () {
- function r(e, n, t) {
- function o(i, f) {
- if (!n[i]) {
- if (!e[i]) {
- var c = "function" == typeof require && require;
- if (!f && c) return c(i, !0);
- if (u) return u(i, !0);
- var a = new Error("Cannot find module '" + i + "'");
- throw a.code = "MODULE_NOT_FOUND", a
+ function r(e, n, t) {
+ function o(i, f) {
+ if (!n[i]) {
+ if (!e[i]) {
+ var c = "function" == typeof require && require;
+ if (!f && c) return c(i, !0);
+ if (u) return u(i, !0);
+ var a = new Error("Cannot find module '" + i + "'");
+ throw a.code = "MODULE_NOT_FOUND", a
+ }
+ var p = n[i] = {exports: {}};
+ e[i][0].call(p.exports, function (r) {
+ var n = e[i][1][r];
+ return o(n || r)
+ }, p, p.exports, r, e, n, t)
+ }
+ return n[i].exports
}
- var p = n[i] = {exports: {}};
- e[i][0].call(p.exports, function (r) {
- var n = e[i][1][r];
- return o(n || r)
- }, p, p.exports, r, e, n, t)
- }
- return n[i].exports
- }
- for (var u = "function" == typeof require && require, i = 0; i < t.length; i++) o(t[i]);
- return o
- }
+ for (var u = "function" == typeof require && require, i = 0; i < t.length; i++) o(t[i]);
+ return o
+ }
- return r
+ return r
})()({
- 1: [function (require, module, exports) {
- (function (global) {
- /*!
+ 1: [function (require, module, exports) {
+ (function (global) {
+ /*!
* 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;
- };
- }();
+ 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);
+ }
+ };
- 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;
- }
+ 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);
+ }
+ }
- 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;
- }
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
- 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 "";
- };
+ 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;
+ }
- var idMatch = /^#[\w-]*$/,
- classMatch = /^\.[\w-]*$/,
- htmlMatch = /<.+>/,
- singlet = /^\w+$/;
+ 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 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;
- }
+ function _classCallCheck(instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ }
- var frag;
+ /*! 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;
+ }
- function parseHTML(str) {
- if (!frag) {
- frag = doc.implementation.createHTMLDocument(null);
- var base = frag.createElement("base");
- base.href = doc.location.href;
- frag.head.appendChild(base);
- }
+ var frag;
- frag.body.innerHTML = str;
+ function parseHTML(str) {
+ if (!frag) {
+ frag = doc.implementation.createHTMLDocument(null);
+ var base = frag.createElement("base");
+ base.href = doc.location.href;
+ frag.head.appendChild(base);
+ }
- return frag.body.childNodes;
- }
+ frag.body.innerHTML = str;
- function onReady(fn) {
- if (doc.readyState !== "loading") {
- fn();
- } else {
- doc.addEventListener("DOMContentLoaded", fn);
- }
- }
+ return frag.body.childNodes;
+ }
- 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];
- }
- }
+ function onReady(fn) {
+ if (doc.readyState !== "loading") {
+ fn();
+ } else {
+ doc.addEventListener("DOMContentLoaded", fn);
+ }
+ }
- return this;
- }
+ function Init(selector, context) {
+ if (!selector) {
+ return this;
+ }
- function cash(selector, context) {
- return new Init(selector, context);
- }
+ // If already a cash collection, don't do any further processing
+ if (selector.cash && selector !== win) {
+ return selector;
+ }
- 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
- };
+ 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;
+ }
- Object.defineProperty(fn, "constructor", {value: cash});
+ if (!elems) {
+ return this;
+ }
- cash.parseHTML = parseHTML;
- cash.noop = noop;
- cash.isFunction = isFunction;
- cash.isString = isString;
+ // 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];
+ }
+ }
- cash.extend = fn.extend = function (target) {
- target = target || {};
+ return this;
+ }
- var args = slice.call(arguments),
- length = args.length,
- i = 1;
+ function cash(selector, context) {
+ return new Init(selector, context);
+ }
- if (args.length === 1) {
- target = this;
- i = 0;
- }
+ 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
+ };
- for (; i < length; i++) {
- if (!args[i]) {
- continue;
- }
- for (var key in args[i]) {
- if (args[i].hasOwnProperty(key)) {
- target[key] = args[i][key];
- }
- }
- }
+ Object.defineProperty(fn, "constructor", {value: cash});
- return target;
- };
+ cash.parseHTML = parseHTML;
+ cash.noop = noop;
+ cash.isFunction = isFunction;
+ cash.isString = isString;
- function each(collection, callback) {
- var l = collection.length,
- i = 0;
+ cash.extend = fn.extend = function (target) {
+ target = target || {};
- for (; i < l; i++) {
- if (callback.call(collection[i], collection[i], i, collection) === false) {
- break;
- }
- }
- }
+ var args = slice.call(arguments),
+ length = args.length,
+ i = 1;
- function matches(el, selector) {
- var m = el && (el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector);
- return !!m && m.call(el, selector);
- }
+ if (args.length === 1) {
+ target = this;
+ i = 0;
+ }
- 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;
- }
- );
- }
+ for (; i < length; i++) {
+ if (!args[i]) {
+ continue;
+ }
+ for (var key in args[i]) {
+ if (args[i].hasOwnProperty(key)) {
+ target[key] = args[i][key];
+ }
+ }
+ }
- function unique(collection) {
- return cash(slice.call(collection).filter(function (item, index, self) {
- return self.indexOf(item) === index;
- }));
- }
+ return target;
+ };
- cash.extend({
- merge: function (first, second) {
- var len = +second.length,
- i = first.length,
- j = 0;
+ function each(collection, callback) {
+ var l = collection.length,
+ i = 0;
- for (; j < len; i++, j++) {
- first[i] = second[j];
- }
+ for (; i < l; i++) {
+ if (callback.call(collection[i], collection[i], i, collection) === false) {
+ break;
+ }
+ }
+ }
- first.length = i;
- return first;
- },
+ function matches(el, selector) {
+ var m = el && (el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector);
+ return !!m && m.call(el, selector);
+ }
- each: each,
- matches: matches,
- unique: unique,
- isArray: Array.isArray,
- isNumeric: function (n) {
- return !isNaN(parseFloat(n)) && isFinite(n);
- }
+ 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;
+ }));
+ }
- var uid = cash.uid = "_cash" + Date.now();
+ 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);
+ }
- function getDataCache(node) {
- return node[uid] = node[uid] || {};
- }
+ });
- function setData(node, key, value) {
- return getDataCache(node)[key] = value;
- }
+ var uid = cash.uid = "_cash" + Date.now();
- 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 getDataCache(node) {
+ return node[uid] = node[uid] || {};
+ }
- 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);
- }
- }
+ function setData(node, key, value) {
+ return getDataCache(node)[key] = value;
+ }
- 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);
- });
- }
+ 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];
+ }
- for (var key in name) {
- this.data(key, name[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);
+ }
+ }
- return this;
- },
+ 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);
+ });
+ }
- removeData: function (key) {
- return this.each(function (v) {
- return removeData(v, key);
- });
- }
+ });
- });
+ var notWhiteMatch = /\S+/g;
- var notWhiteMatch = /\S+/g;
+ function getClasses(c) {
+ return isString(c) && c.match(notWhiteMatch);
+ }
- 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 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 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, "");
+ }
+ }
- 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({
- 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;
- }
+ 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);
+ }
- 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;
- }
- });
- }
+ 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;
+ }
- 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;
- });
- }
+ function compute(el, prop) {
+ return parseInt(win.getComputedStyle(el[0], null)[prop], 10) || 0;
+ }
- for (var key in name) {
- this.prop(key, name[key]);
- }
+ each(["Width", "Height"], function (v) {
+ var lower = v.toLowerCase();
- return this;
- },
+ fn[lower] = function () {
+ return this[0].getBoundingClientRect()[lower];
+ };
- removeAttr: function (name) {
- return this.each(function (v) {
- if (v.removeAttribute) {
- v.removeAttribute(name);
- } else {
- delete v[name];
- }
- });
- },
+ fn["inner" + v] = function () {
+ return this[0]["client" + v];
+ };
- 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];
- });
- },
+ 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);
+ };
+ });
- 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);
+ 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);
}
- });
- }) : this;
- }
- });
- fn.extend({
- add: function (selector, context) {
- return unique(cash.merge(this, cash(selector, context)));
- },
+ function removeEvent(node, eventName, callback) {
+ var events = getData(node, "_cashEvents"),
+ eventCache = events && events[eventName],
+ index;
- each: function (callback) {
- each(this, callback);
- return this;
- },
-
- eq: function (index) {
- return cash(this.get(index));
- },
+ if (!eventCache) {
+ return;
+ }
- filter: function (selector) {
- if (!selector) {
- return this;
- }
+ 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 = [];
+ }
+ }
- var comparator = isFunction(selector) ? selector : getCompareFunction(selector);
+ 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);
+ });
+ }
+ }
- return cash(filter.call(this, function (e) {
- return comparator(e, selector);
- }));
- },
+ });
- first: function () {
- return this.eq(0);
- },
+ function encode(name, value) {
+ return "&" + encodeURIComponent(name) + "=" + encodeURIComponent(value).replace(/%20/g, "+");
+ }
- get: function (index) {
- if (index === undefined) {
- return slice.call(this);
- }
- return index < 0 ? this[index + this.length] : this[index];
- },
+ function getSelectMultiple_(el) {
+ var values = [];
+ each(el.options, function (o) {
+ if (o.selected) {
+ values.push(o.value);
+ }
+ });
+ return values.length ? values : null;
+ }
- index: function (elem) {
- var child = elem ? cash(elem)[0] : this[0],
- collection = elem ? this : cash(child).parent().children();
- return slice.call(collection).indexOf(child);
- },
+ function getSelectSingle_(el) {
+ var selectedIndex = el.selectedIndex;
+ return selectedIndex >= 0 ? el.options[selectedIndex].value : null;
+ }
- last: function () {
- return this.eq(-1);
- }
+ 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;
+ });
+ }
- 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(" ");
+ function insertElement(el, child, prepend) {
+ if (prepend) {
+ var first = el.childNodes[0];
+ el.insertBefore(child, first);
+ } else {
+ el.appendChild(child);
+ }
+ }
- each(props, function (p) {
- if (p in style) {
- cache[p] = prop = cache[prop] = p;
- return false;
- }
- });
+ function insertContent(parent, child, prepend) {
+ var str = isString(child);
- return cache[prop];
- };
- }();
+ if (!str && child.length) {
+ each(child, function (v) {
+ return insertContent(parent, v, prepend);
+ });
+ return;
+ }
- cash.prefixedProp = getPrefixedProp;
- cash.camelCase = camelCase;
+ 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({
- 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];
- }
+ 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;
+ });
+ }
- for (var key in prop) {
- this.css(key, prop[key]);
- }
+ });
- return this;
- }
+ 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);
+ }
- });
+ });
- function compute(el, prop) {
- return parseInt(win.getComputedStyle(el[0], null)[prop], 10) || 0;
- }
+ 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;
+ });
+ }
- each(["Width", "Height"], function (v) {
- var lower = v.toLowerCase();
+ });
- fn[lower] = function () {
- return this[0].getBoundingClientRect()[lower];
- };
+ 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'));
+ }
- fn["inner" + v] = function () {
- return this[0]["client" + v];
- };
+ // If exists, destroy and reinitialize in child
+ var ins = classDef.getInstance(el);
+ if (!!ins) {
+ ins.destroy();
+ }
- 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);
- };
- });
+ this.el = el;
+ this.$el = cash(el);
+ }
- 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);
- }
+ /**
+ * 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;
+ }
+ }]);
- function removeEvent(node, eventName, callback) {
- var events = getData(node, "_cashEvents"),
- eventCache = events && events[eventName],
- index;
+ return Component;
+ }();
- if (!eventCache) {
- return;
- }
+ ; // Required for Meteor package, the use of window prevents export by Meteor
+ (function (window) {
+ if (window.Package) {
+ M = {};
+ } else {
+ window.M = {};
+ }
- 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 = [];
- }
- }
+ // Check for jQuery
+ M.jQueryLoaded = !!window.jQuery;
+ })(window);
- 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;
- }
+// AMD
+ if (typeof define === 'function' && define.amd) {
+ define('M', [], function () {
+ return M;
+ });
- if (isFunction(delegate)) {
- callback = delegate;
- delegate = null;
+ // Common JS
+ } else if (typeof exports !== 'undefined' && !exports.nodeType) {
+ if (typeof module !== 'undefined' && !module.nodeType && module.exports) {
+ exports = module.exports = M;
+ }
+ exports.default = M;
}
- if (eventName === "ready") {
- onReady(callback);
- return this;
- }
+ M.version = '1.0.0';
- if (delegate) {
- originalCallback = callback;
- callback = function (e) {
- var t = e.target;
- while (!matches(t, delegate)) {
- if (t === this || t === null) {
- return t = false;
- }
+ M.keys = {
+ TAB: 9,
+ ENTER: 13,
+ ESC: 27,
+ ARROW_UP: 38,
+ ARROW_DOWN: 40
+ };
- t = t.parentNode;
+ /**
+ * 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;
}
-
- if (t) {
- originalCallback.call(t, e);
+ };
+ 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 this.each(function (v) {
- var finalCallback = callback;
- if (runOnce) {
- finalCallback = function () {
- callback.apply(this, arguments);
- removeEvent(v, eventName, finalCallback);
+ // Return error if an unrecognized method name is passed in
+ jQuery.error("Method " + methodOrOptions + " does not exist on jQuery." + pluginName);
};
- }
- 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);
- });
- }
- }
+ };
- });
+ /**
+ * 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)')
+ };
- function encode(name, value) {
- return "&" + encodeURIComponent(name) + "=" + encodeURIComponent(value).replace(/%20/g, "+");
- }
+ for (var pluginName in registry) {
+ var plugin = M[pluginName];
+ plugin.init(registry[pluginName]);
+ }
+ };
- function getSelectMultiple_(el) {
- var values = [];
- each(el.options, function (o) {
- if (o.selected) {
- values.push(o.value);
- }
- });
- return values.length ? values : null;
- }
+ /**
+ * 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, '');
+ };
- function getSelectSingle_(el) {
- var selectedIndex = el.selectedIndex;
- return selectedIndex >= 0 ? el.options[selectedIndex].value : null;
- }
+// Unique Random ID
+ M.guid = function () {
+ function s4() {
+ return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
+ }
- 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;
- }
- }
+ return function () {
+ return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+ };
+ }();
- 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);
- }
- }
- });
+ /**
+ * Escapes hash from special characters
+ * @param {string} hash String returned from this.hash
+ * @returns {string}
+ */
+ M.escapeHash = function (hash) {
+ return hash.replace(/(:|\.|\[|\]|,|=|\/)/g, '\\$1');
+ };
- return query.substr(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;
+ };
- val: function (value) {
- if (value === undefined) {
- return getValue(this[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
+ */
- return this.each(function (v) {
- return v.value = value;
- });
- }
+ /**
+ * @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
+ };
- function insertElement(el, child, prepend) {
- if (prepend) {
- var first = el.childNodes[0];
- el.insertBefore(child, first);
- } else {
- el.appendChild(child);
- }
- }
+ 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;
- function insertContent(parent, child, prepend) {
- var str = isString(child);
+ var scrollLeft = container.scrollLeft;
+ var scrollTop = container.scrollTop;
- 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);
- });
- }
+ var scrolledX = bounding.left - scrollLeft;
+ var scrolledY = bounding.top - scrollTop;
- 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;
- });
- },
+ // Check for container and viewport for each edge
+ if (scrolledX < containerRect.left + offset || scrolledX < offset) {
+ edges.left = true;
+ }
- insertAfter: function (selector) {
- var _this = this;
+ if (scrolledX + bounding.width > containerRect.right - offset || scrolledX + bounding.width > window.innerWidth - offset) {
+ edges.right = true;
+ }
- 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);
- });
- });
+ if (scrolledY < containerRect.top + offset || scrolledY < offset) {
+ edges.top = true;
+ }
- return this;
- },
+ if (scrolledY + bounding.height > containerBottom - offset || scrolledY + bounding.height > window.innerHeight - offset) {
+ edges.bottom = true;
+ }
- 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);
- }
- });
- },
+ return edges;
+ };
- text: function (content) {
- if (content === undefined) {
- return this[0].textContent;
- }
- return this.each(function (v) {
- return v.textContent = content;
- });
- }
+ 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 docEl = doc.documentElement;
+ var scrollLeft = container.scrollLeft;
+ var scrollTop = container.scrollTop;
- fn.extend({
- position: function () {
- var el = this[0];
- return {
- left: el.offsetLeft,
- top: el.offsetTop
- };
- },
+ var scrolledX = bounding.left - scrollLeft;
+ var scrolledYTopEdge = bounding.top - scrollTop;
+ var scrolledYBottomEdge = bounding.top + elOffsetRect.height - scrollTop;
- offset: function () {
- var rect = this[0].getBoundingClientRect();
- return {
- top: rect.top + win.pageYOffset - docEl.clientTop,
- left: rect.left + win.pageXOffset - docEl.clientLeft
- };
- },
+ // 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;
+ }
- offsetParent: function () {
- return cash(this[0].offsetParent);
- }
+ // 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;
+ }
- 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);
- }
+ // 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;
+ }
- /**
- * Remove Event Handlers
- */
+ return canAlign;
+ };
- }, {
- key: "_removeEventHandlers",
- value: function _removeEventHandlers() {
- this.el.removeEventListener('focus', this._handleUpdateCounterBound, true);
- this.el.removeEventListener('input', this._handleUpdateCounterBound, true);
- }
+ M.getOverflowParent = function (element) {
+ if (element == null) {
+ return null;
+ }
- /**
- * Setup counter element
- */
+ if (element === document.body || getComputedStyle(element).overflow !== 'visible') {
+ return 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);
- }
+ return M.getOverflowParent(element.parentElement);
+ };
/**
- * Remove counter element
+ * Gets id of component from a trigger
+ * @param {Element} trigger trigger
+ * @returns {string}
*/
-
- }, {
- key: "_removeCounter",
- value: function _removeCounter() {
- $(this.counterEl).remove();
- }
+ 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;
+ };
/**
- * Update counter
+ * Multi browser support for document scroll top
+ * @returns {Number}
*/
-
- }, {
- 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);
- }
+ M.getDocumentScrollTop = function () {
+ return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+ };
/**
- * Add validation classes
+ * Multi browser support for document scroll left
+ * @returns {Number}
*/
-
- }, {
- 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);
- }
+ M.getDocumentScrollLeft = function () {
+ return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
+ };
/**
- * Get Instance
+ * @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
*/
- }, {
- 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
+ * @typedef {Object} Bounding
+ * @property {Number} left left offset coordinate
+ * @property {Number} top top offset coordinate
+ * @property {Number} width
+ * @property {Number} height
*/
- _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
+ * Get time in ms
+ * @license https://raw.github.com/jashkenas/underscore/master/LICENSE
+ * @type {function}
+ * @return {number}
*/
- value: function destroy() {
- this._removeEventHandlers();
- this.el.M_Carousel = undefined;
- }
+ var getTime = Date.now || function () {
+ return new Date().getTime();
+ };
/**
- * 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);
+ * 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);
+ }
});
- }
-
- // 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);
+ $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};
});
- }
-
- 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;
+ };
+ $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});
}
- }
-
- 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;
+ };
+ $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) {
+ }
}
- }
- 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();
+ 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;
}
- 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');
- });
+ function p(a) {
+ return a.reduce(function (a, d) {
+ return a.concat(h.arr(d) ? p(d) : d);
+ }, []);
}
- } 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
- */
+ 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];
+ }
- }, {
- 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;
- }
+ function u(a, c) {
+ return a.some(function (a) {
+ return a === c;
+ });
+ }
- /**
- * Auto scrolls to nearest carousel item.
- */
+ function C(a) {
+ var c = {},
+ d;
+ for (d in a) {
+ c[d] = a[d];
+ }
+ return c;
+ }
- }, {
- 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);
+ function D(a, c) {
+ var d = C(a),
+ b;
+ for (b in a) {
+ d[b] = c.hasOwnProperty(b) ? c[b] : a[b];
+ }
+ return d;
}
- }
- }
- /**
- * Scroll to target
- * @param {Number} x
- */
+ 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;
+ }
- }, {
- 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');
+ 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)";
}
- }
- // center
- // Don't show wrapped items.
- if (!this.noWrap || this.center >= 0 && this.center < this.count) {
- el = this.images[this._wrap(this.center)];
+ 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;
+ }
- // 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);
+ 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 + ")";
}
- // 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);
+ 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];
}
- }
-
- // 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';
- }
+ function V(a) {
+ if (-1 < a.indexOf("translate") || "perspective" === a) return "px";
+ if (-1 < a.indexOf("rotate") || -1 < a.indexOf("skew")) return "deg";
+ }
- /**
- * Cycle to target
- * @param {Number} n
- * @param {Function} callback
- */
+ function I(a, c) {
+ return h.fnc(a) ? a(c.target, c.id, c.total) : a;
+ }
- }, {
- 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;
- }
+ function E(a, c) {
+ if (c in a.style) return getComputedStyle(a).getPropertyValue(c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()) || "0";
}
- }
-
- 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]
- */
+ 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";
+ }
- }, {
- 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;
+ 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;
}
- index = this._wrap(index);
- }
- this._cycleTo(index);
- }
+ 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;
+ }
- /**
- * Cycle to previous item
- * @param {Number} [n]
- */
+ 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;
+ }
+ }
- }, {
- 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;
+ function F(a, c) {
+ return Math.sqrt(Math.pow(c.x - a.x, 2) + Math.pow(c.y - a.y, 2));
}
- index = this._wrap(index);
- }
+ 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;
+ }
- this._cycleTo(index);
- }
+ 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));
+ }
+ }
- /**
- * Cycle to nth item
- * @param {Number} [n]
- * @param {Function} callback
- */
+ function Y(a, c) {
+ function d(b) {
+ b = void 0 === b ? 0 : b;
+ return a.el.getPointAtLength(1 <= c + b ? c + b : 0);
+ }
- }, {
- key: "set",
- value: function set(n, callback) {
- if (n === undefined || isNaN(n)) {
- n = 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;
+ }
+ }
- if (n > this.count || n < 0) {
- if (this.noWrap) {
- return;
+ 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) : []
+ };
}
- n = this._wrap(n);
- }
+ 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;
+ });
+ }
- 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);
- }
+ function Z(a) {
+ var c = P(a);
+ return c.map(function (a, b) {
+ return {target: a, id: b, total: c.length};
+ });
+ }
- /**
- * Get Instance
- */
+ 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);
+ });
+ }
- }, {
- key: "getInstance",
- value: function getInstance(el) {
- var domElem = !!el.jquery ? el[0] : el;
- return domElem.M_Carousel;
- }
- }, {
- key: "defaults",
- get: function () {
- return _defaults;
- }
- }]);
+ 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;
+ }
- return Carousel;
- }(Component);
+ function ca(a) {
+ return h.arr(a) ? A.apply(this, a) : Q[a];
+ }
- M.Carousel = Carousel;
+ 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;
+ });
+ }
- if (M.jQueryLoaded) {
- M.initializeJqueryWrapper(Carousel, 'carousel', 'M_Carousel');
- }
- })(cash);
- ;(function ($) {
- 'use strict';
+ 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);
+ });
+ }
- var _defaults = {
- onOpen: undefined,
- onClose: undefined
- };
+ 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;
+ }
- /**
- * @class
- *
- */
+ 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)
+ });
+ }
- var TapTarget = function (_Component19) {
- _inherits(TapTarget, _Component19);
+ function q(a) {
+ function c() {
+ return window.Promise && new Promise(function (a) {
+ return p = a;
+ });
+ }
- /**
- * Construct TapTarget instance
- * @constructor
- * @param {Element} el
- * @param {Object} options
- */
- function TapTarget(el, options) {
- _classCallCheck(this, TapTarget);
+ function d(a) {
+ return g.reversed ? g.duration - a : a;
+ }
- var _this67 = _possibleConstructorReturn(this, (TapTarget.__proto__ || Object.getPrototypeOf(TapTarget)).call(this, TapTarget, el, options));
+ 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;
+ }
- _this67.el.M_TapTarget = _this67;
+ function f(a) {
+ if (g[a]) g[a](g);
+ }
- /**
- * 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);
+ function e() {
+ g.remaining && !0 !== g.remaining && g.remaining--;
+ }
- _this67.isOpen = false;
+ 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);
+ }
- // setup
- _this67.$origin = $('#' + _this67.$el.attr('data-target'));
- _this67._setup();
+ 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;
+ }
- _this67._calculatePositioning();
- _this67._setupEventHandlers();
- return _this67;
- }
+ 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
+ };
- _createClass(TapTarget, [{
- key: "destroy",
+ /**
+ * @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
+ };
- /**
- * Teardown component
- */
- value: function destroy() {
- this._removeEventHandlers();
- this.el.TapTarget = undefined;
- }
+ /**
+ * @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;
+ }
- /**
- * Setup Event Handlers
- */
+ _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%'
+ };
- }, {
- key: "_setupEventHandlers",
- value: function _setupEventHandlers() {
- this._handleDocumentClickBound = this._handleDocumentClick.bind(this);
- this._handleTargetClickBound = this._handleTargetClick.bind(this);
- this._handleOriginClickBound = this._handleOriginClick.bind(this);
+ /**
+ * @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;
+ }
- this.el.addEventListener('click', this._handleTargetClickBound);
- this.originEl.addEventListener('click', this._handleOriginClickBound);
+ _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
+ };
- // Resize
- var throttledResize = M.throttle(this._handleResize, 200);
- this._handleThrottledResizeBound = throttledResize.bind(this);
+ /**
+ * @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;
+ }
- window.addEventListener('resize', this._handleThrottledResizeBound);
- }
+ _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';
- /**
- * Remove Event Handlers
- */
+ var _defaults = {
+ responsiveThreshold: 0 // breakpoint for swipeable
+ };
- }, {
- key: "_removeEventHandlers",
- value: function _removeEventHandlers() {
- this.el.removeEventListener('click', this._handleTargetClickBound);
- this.originEl.removeEventListener('click', this._handleOriginClickBound);
- window.removeEventListener('resize', this._handleThrottledResizeBound);
- }
+ var Parallax = function (_Component5) {
+ _inherits(Parallax, _Component5);
- /**
- * Handle Target Click
- * @param {Event} e
- */
+ function Parallax(el, options) {
+ _classCallCheck(this, Parallax);
- }, {
- key: "_handleTargetClick",
- value: function _handleTargetClick(e) {
- this.open();
- }
+ var _this21 = _possibleConstructorReturn(this, (Parallax.__proto__ || Object.getPrototypeOf(Parallax)).call(this, Parallax, el, options));
- /**
- * Handle Origin Click
- * @param {Event} e
- */
+ _this21.el.M_Parallax = _this21;
- }, {
- key: "_handleOriginClick",
- value: function _handleOriginClick(e) {
- this.close();
- }
+ /**
+ * Options for the Parallax
+ * @member Parallax#options
+ * @prop {Number} responsiveThreshold
+ */
+ _this21.options = $.extend({}, Parallax.defaults, options);
+ _this21._enabled = window.innerWidth > _this21.options.responsiveThreshold;
- /**
- * Handle Resize
- * @param {Event} e
- */
+ _this21.$img = _this21.$el.find('img').first();
+ _this21.$img.each(function () {
+ var el = this;
+ if (el.complete) $(el).trigger('load');
+ });
- }, {
- key: "_handleResize",
- value: function _handleResize(e) {
- this._calculatePositioning();
- }
+ _this21._updateParallax();
+ _this21._setupEventHandlers();
+ _this21._setupStyles();
- /**
- * Handle Resize
- * @param {Event} e
- */
+ Parallax._parallaxes.push(_this21);
+ return _this21;
+ }
- }, {
- key: "_handleDocumentClick",
- value: function _handleDocumentClick(e) {
- if (!$(e.target).closest('.tap-target-wrapper').length) {
- this.close();
- e.preventDefault();
- e.stopPropagation();
- }
- }
+ _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
+ };
- /**
- * Setup Tap Target
- */
+ /**
+ * @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;
+ }
- }, {
- 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);
+ _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
+ };
- this.wrapper.append(this.waveEl);
- }
- }
-
- /**
- * Calculate positioning
- */
+ /**
+ * @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;
+ }
- }, {
- 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;
- }
+ _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');
}
- }
-
- // 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'
- });
- }
+ })(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
+ */
- /**
- * Open TapTarget
- */
+ ;(function (window) {
+ 'use strict';
- }, {
- key: "open",
- value: function open() {
- if (this.isOpen) {
- return;
- }
+ var Waves = Waves || {};
+ var $$ = document.querySelectorAll.bind(document);
- // onOpen callback
- if (typeof this.options.onOpen === 'function') {
- this.options.onOpen.call(this, this.$origin[0]);
- }
+ // Find exact position of element
+ function isWindow(obj) {
+ return obj !== null && obj === obj.window;
+ }
- this.isOpen = true;
- this.wrapper.classList.add('open');
+ function getWindow(elem) {
+ return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
+ }
- document.body.addEventListener('click', this._handleDocumentClickBound, true);
- document.body.addEventListener('touchend', this._handleDocumentClickBound);
- }
+ function offset(elem) {
+ var docElem,
+ win,
+ box = {top: 0, left: 0},
+ doc = elem && elem.ownerDocument;
- /**
- * Close Tap Target
- */
+ docElem = doc.documentElement;
- }, {
- key: "close",
- value: function close() {
- if (!this.isOpen) {
- return;
- }
+ 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
+ };
+ }
- // onClose callback
- if (typeof this.options.onClose === 'function') {
- this.options.onClose.call(this, this.$origin[0]);
- }
+ function convertStyle(obj) {
+ var style = '';
- this.isOpen = false;
- this.wrapper.classList.remove('open');
+ for (var a in obj) {
+ if (obj.hasOwnProperty(a)) {
+ style += a + ':' + obj[a] + ';';
+ }
+ }
- 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);
- }
+ return style;
+ }
- /**
- * Get Instance
- */
+ 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);
+ }
+ }
+ }
+ };
- }, {
- key: "getInstance",
- value: function getInstance(el) {
- var domElem = !!el.jquery ? el[0] : el;
- return domElem.M_TapTarget;
- }
- }, {
- key: "defaults",
- get: function () {
- return _defaults;
- }
- }]);
+ /**
+ * 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);
+ }
+ };
- return TapTarget;
- }(Component);
+ /**
+ * 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;
+ }
- M.TapTarget = TapTarget;
+ var element = null;
+ var target = e.target || e.srcElement;
- if (M.jQueryLoaded) {
- M.initializeJqueryWrapper(TapTarget, 'tapTarget', 'M_TapTarget');
- }
- })(cash);
- ;(function ($) {
- 'use strict';
+ while (target.parentNode !== null) {
+ if (!(target instanceof SVGElement) && target.className.indexOf('waves-effect') !== -1) {
+ element = target;
+ break;
+ }
+ target = target.parentNode;
+ }
+ return element;
+ }
- var _defaults = {
- classes: '',
- dropdownOptions: {}
- };
+ /**
+ * Bubble the click and show effect if .waves-effect elem was found
+ */
+ function showEffect(e) {
+ var element = getWavesEffectElement(e);
- /**
- * @class
- *
- */
+ if (element !== null) {
+ Effect.show(e, element);
- var FormSelect = function (_Component20) {
- _inherits(FormSelect, _Component20);
+ if ('ontouchstart' in window) {
+ element.addEventListener('touchend', Effect.hide, false);
+ element.addEventListener('touchcancel', Effect.hide, false);
+ }
- /**
- * Construct FormSelect instance
- * @constructor
- * @param {Element} el
- * @param {Object} options
- */
- function FormSelect(el, options) {
- _classCallCheck(this, FormSelect);
+ element.addEventListener('mouseup', Effect.hide, false);
+ element.addEventListener('mouseleave', Effect.hide, false);
+ element.addEventListener('dragend', Effect.hide, false);
+ }
+ }
- // Don't init if browser default version
- var _this68 = _possibleConstructorReturn(this, (FormSelect.__proto__ || Object.getPrototypeOf(FormSelect)).call(this, FormSelect, el, options));
+ Waves.displayEffect = function (options) {
+ options = options || {};
- if (_this68.$el.hasClass('browser-default')) {
- return _possibleConstructorReturn(_this68);
- }
+ if ('duration' in options) {
+ Effect.duration = options.duration;
+ }
- _this68.el.M_FormSelect = _this68;
+ //Wrap input inside <i> tag
+ Effect.wrapInput($$('.waves-effect'));
- /**
- * Options for the select
- * @member FormSelect#options
- */
- _this68.options = $.extend({}, FormSelect.defaults, options);
+ if ('ontouchstart' in window) {
+ document.body.addEventListener('touchstart', showEffect, false);
+ }
- _this68.isMultiple = _this68.$el.prop('multiple');
+ document.body.addEventListener('mousedown', showEffect, false);
+ };
- // Setup
- _this68.el.tabIndex = -1;
- _this68._keysSelected = {};
- _this68._valueDict = {}; // Maps key to original and generated option element.
- _this68._setupDropdown();
+ /**
+ * 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;
+ }
- _this68._setupEventHandlers();
- return _this68;
- }
+ if ('ontouchstart' in window) {
+ element.addEventListener('touchstart', showEffect, false);
+ }
- _createClass(FormSelect, [{
- key: "destroy",
+ 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
+ };
- /**
- * Teardown component
- */
- value: function destroy() {
- this._removeEventHandlers();
- this._removeDropdown();
- this.el.M_FormSelect = undefined;
- }
+ 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();
+ }
- /**
- * Setup Event Handlers
- */
+ _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;
- }, {
- key: "_setupEventHandlers",
- value: function _setupEventHandlers() {
- var _this69 = this;
+ 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
+ };
- this._handleSelectChangeBound = this._handleSelectChange.bind(this);
- this._handleOptionClickBound = this._handleOptionClick.bind(this);
- this._handleInputClickBound = this._handleInputClick.bind(this);
+ /**
+ * @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;
+ }
- $(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);
- }
+ _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 + '"]';
+ }
+ };
- /**
- * Remove Event Handlers
- */
+ /**
+ * @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;
+ }
- }, {
- key: "_removeEventHandlers",
- value: function _removeEventHandlers() {
- var _this70 = this;
+ _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);
+ }
+ };
- $(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);
- }
+ /**
+ * @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;
+ }
- /**
- * Handle Select Change
- * @param {Event} e
- */
+ _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
+ */
- }, {
- key: "_handleSelectChange",
- value: function _handleSelectChange(e) {
- this._setValueToInput();
- }
- /**
- * Handle Option Click
- * @param {Event} e
- */
+ Autocomplete._keydown = false;
- }, {
- 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);
- }
+ M.Autocomplete = Autocomplete;
- // 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');
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Autocomplete, 'autocomplete', 'M_Autocomplete');
}
- }
-
- e.stopPropagation();
- }
-
- /**
- * Handle Input Click
- */
-
- }, {
- key: "_handleInputClick",
- value: function _handleInputClick() {
- if (this.dropdown && this.dropdown.isOpen) {
- this._setValueToInput();
- this._setSelectedStates();
- }
- }
+ })(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');
+ }
+ });
+ };
- /**
- * Setup dropdown
- */
+ 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;
- }, {
- 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');
+ if (len === 0 && object[0].validity.badInput === false && !object.is(':required')) {
+ if (object.hasClass('validate')) {
+ object.removeClass('valid');
+ object.removeClass('invalid');
+ }
} else {
- optionEl = _this71._appendOptionWithIcon(_this71.$el, el);
+ 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');
+ }
+ }
}
+ };
- _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]);
+ M.textareaAutoResize = function ($textarea) {
+ // Wrap if native element
+ if ($textarea instanceof Element) {
+ $textarea = $($textarea);
+ }
- 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 (!$textarea.length) {
+ console.error('No textarea element found');
+ return;
}
- }
- };
- if (this.isMultiple) {
- dropdownOptions.closeOnClick = false;
- }
- this.dropdown = M.Dropdown.init(this.input, dropdownOptions);
- }
+ // Textarea Auto Resize
+ var hiddenDiv = $('.hiddendiv').first();
+ if (!hiddenDiv.length) {
+ hiddenDiv = $('<div class="hiddendiv common"></div>');
+ $('body').append(hiddenDiv);
+ }
- // Add initial selections
- this._setSelectedStates();
- }
+ // Set font properties of hiddenDiv
+ var fontFamily = $textarea.css('font-family');
+ var fontSize = $textarea.css('font-size');
+ var lineHeight = $textarea.css('line-height');
- /**
- * Add option to value dict
- * @param {Element} el original option element
- * @param {Element} optionEl generated option element
- */
+ // 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');
- }, {
- 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;
- }
+ 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);
+ }
- /**
- * Remove dropdown
- */
+ // Set original-height, if none
+ if (!$textarea.data('original-height')) {
+ $textarea.data('original-height', $textarea.height());
+ }
- }, {
- key: "_removeDropdown",
- value: function _removeDropdown() {
- $(this.wrapper).find('.caret').remove();
- $(this.input).remove();
- $(this.dropdownOptions).remove();
- $(this.wrapper).before(this.$el);
- $(this.wrapper).remove();
- }
+ if ($textarea.attr('wrap') === 'off') {
+ hiddenDiv.css('overflow-wrap', 'normal').css('white-space', 'pre');
+ }
- /**
- * Setup dropdown
- * @param {Element} select select element
- * @param {Element} option option element from select
- * @param {String} type
- * @return {Element} option element added
- */
+ hiddenDiv.text($textarea[0].value + '\n');
+ var content = hiddenDiv.html().replace(/\n/g, '<br>');
+ hiddenDiv.html(content);
- }, {
- 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];
- }
+ // When textarea is hidden, width goes crazy.
+ // Approximate with half of window size
- /**
- * Toggle entry from option
- * @param {String} key Option key
- * @return {Boolean} if entry was added or removed
- */
+ if ($textarea[0].offsetWidth > 0 && $textarea[0].offsetHeight > 0) {
+ hiddenDiv.css('width', $textarea.width() + 'px');
+ } else {
+ hiddenDiv.css('width', window.innerWidth / 2 + 'px');
+ }
- }, {
- key: "_toggleEntryFromArray",
- value: function _toggleEntryFromArray(key) {
- var notAdded = !this._keysSelected.hasOwnProperty(key);
- var $optionLi = $(this._valueDict[key].optionEl);
+ /**
+ * 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);
+ };
- if (notAdded) {
- this._keysSelected[key] = true;
- } else {
- delete this._keysSelected[key];
- }
+ $(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';
- $optionLi.toggleClass('selected', notAdded);
+ // 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));
+ });
- // Set checkbox checked value
- $optionLi.find('input[type="checkbox"]').prop('checked', notAdded);
+ // Add active if input element has been pre-populated on document ready
+ $(document).ready(function () {
+ M.updateTextFields();
+ });
- // use notAdded instead of true (to detect if the option is selected or not)
- $optionLi.prop('selected', notAdded);
+ // 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);
+ }
+ });
- return notAdded;
- }
+ /**
+ * 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;
+ }
+ });
- /**
- * Set text value to input
- */
+ 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
+ };
- }, {
- key: "_setValueToInput",
- value: function _setValueToInput() {
- var values = [];
- var options = this.$el.find('option');
+ /**
+ * @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;
+ }
- options.each(function (el) {
- if ($(el).prop('selected')) {
- var text = $(el).text();
- values.push(text);
+ _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;
+ }
- if (!values.length) {
- var firstDisabled = this.$el.find('option:disabled').eq(0);
- if (firstDisabled.length && firstDisabled[0].value === '') {
- values.push(firstDisabled.text());
+ _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');
}
- }
- this.input.value = values.join(', ');
- }
+ $(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
+ };
- /**
- * Set selected state of dropdown to match actual select element
- */
+ /**
+ * @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;
+ }
- }, {
- 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');
+ _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
+ };
- /**
- * Make option as selected and scroll to selected position
- * @param {jQuery} collection Select options jQuery element
- * @param {Element} newOption element of the new option
- */
+ $.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;
+ }
- }, {
- key: "_activateOption",
- value: function _activateOption(collection, newOption) {
- if (newOption) {
- if (!this.isMultiple) {
- collection.find('li.selected').removeClass('selected');
+ _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');
}
- var option = $(newOption);
- option.addClass('selected');
- }
- }
+ })(cash, M.anime);
+ ;(function ($) {
+ 'use strict';
- /**
- * Get Selected Values
- * @return {Array} Array of selected values
- */
+ var _defaults = {
+ // Close when date is selected
+ autoClose: false,
- }, {
- 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);
- }
+ // the default output format for the input field value
+ format: 'mmm dd, yyyy',
- /**
- * Get Instance
- */
+ // Used to create date object from current input string
+ parse: null,
- }, {
- key: "getInstance",
- value: function getInstance(el) {
- var domElem = !!el.jquery ? el[0] : el;
- return domElem.M_FormSelect;
- }
- }, {
- key: "defaults",
- get: function () {
- return _defaults;
- }
- }]);
+ // The initial date to view when first opened
+ defaultDate: null,
- return FormSelect;
- }(Component);
+ // Make the `defaultDate` the initial selected value
+ setDefaultDate: false,
- M.FormSelect = FormSelect;
+ disableWeekends: false,
- if (M.jQueryLoaded) {
- M.initializeJqueryWrapper(FormSelect, 'formSelect', 'M_FormSelect');
- }
- })(cash);
- ;(function ($, anim) {
- 'use strict';
+ disableDayFn: null,
- var _defaults = {};
+ // First day of week (0: Sunday, 1: Monday etc)
+ firstDay: 0,
- /**
- * @class
- *
- */
+ // The earliest date that can be selected
+ minDate: null,
+ // Thelatest date that can be selected
+ maxDate: null,
- var Range = function (_Component21) {
- _inherits(Range, _Component21);
+ // Number of years either side, or array of upper/lower range
+ yearRange: 10,
- /**
- * Construct Range instance
- * @constructor
- * @param {Element} el
- * @param {Object} options
- */
- function Range(el, options) {
- _classCallCheck(this, Range);
+ // used internally (don't config outside)
+ minYear: 0,
+ maxYear: 9999,
+ minMonth: undefined,
+ maxMonth: undefined,
- var _this72 = _possibleConstructorReturn(this, (Range.__proto__ || Object.getPrototypeOf(Range)).call(this, Range, el, options));
+ startRange: null,
+ endRange: null,
- _this72.el.M_Range = _this72;
+ isRTL: false,
- /**
- * Options for the range
- * @member Range#options
- */
- _this72.options = $.extend({}, Range.defaults, options);
+ // Render the month after year in the calendar title
+ showMonthAfterYear: false,
- _this72._mousedown = false;
+ // Render days of the calendar grid that fall in the next or previous month
+ showDaysInNextAndPreviousMonths: false,
- // Setup
- _this72._setupThumb();
+ // Specify a DOM element to render the calendar in
+ container: null,
- _this72._setupEventHandlers();
- return _this72;
- }
+ // Show clear button
+ showClearBtn: false,
- _createClass(Range, [{
- key: "destroy",
+ // 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: [],
- /**
- * Teardown component
- */
- value: function destroy() {
- this._removeEventHandlers();
- this._removeThumb();
- this.el.M_Range = undefined;
- }
+ // callback function
+ onSelect: null,
+ onOpen: null,
+ onClose: null,
+ onDraw: null
+ };
- /**
- * Setup Event Handlers
- */
+ /**
+ * @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;
+ }
- }, {
- 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);
+ _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
+ };
- this.el.addEventListener('change', this._handleRangeChangeBound);
+ /**
+ * @class
+ *
+ */
- this.el.addEventListener('mousedown', this._handleRangeMousedownTouchstartBound);
- this.el.addEventListener('touchstart', this._handleRangeMousedownTouchstartBound);
+ var Timepicker = function (_Component16) {
+ _inherits(Timepicker, _Component16);
- this.el.addEventListener('input', this._handleRangeInputMousemoveTouchmoveBound);
- this.el.addEventListener('mousemove', this._handleRangeInputMousemoveTouchmoveBound);
- this.el.addEventListener('touchmove', this._handleRangeInputMousemoveTouchmoveBound);
+ function Timepicker(el, options) {
+ _classCallCheck(this, Timepicker);
- this.el.addEventListener('mouseup', this._handleRangeMouseupTouchendBound);
- this.el.addEventListener('touchend', this._handleRangeMouseupTouchendBound);
+ var _this57 = _possibleConstructorReturn(this, (Timepicker.__proto__ || Object.getPrototypeOf(Timepicker)).call(this, Timepicker, el, options));
- this.el.addEventListener('blur', this._handleRangeBlurMouseoutTouchleaveBound);
- this.el.addEventListener('mouseout', this._handleRangeBlurMouseoutTouchleaveBound);
- this.el.addEventListener('touchleave', this._handleRangeBlurMouseoutTouchleaveBound);
- }
+ _this57.el.M_Timepicker = _this57;
- /**
- * Remove Event Handlers
- */
+ _this57.options = $.extend({}, Timepicker.defaults, options);
- }, {
- key: "_removeEventHandlers",
- value: function _removeEventHandlers() {
- this.el.removeEventListener('change', this._handleRangeChangeBound);
+ _this57.id = M.guid();
+ _this57._insertHTMLIntoDOM();
+ _this57._setupModal();
+ _this57._setupVariables();
+ _this57._setupEventHandlers();
- this.el.removeEventListener('mousedown', this._handleRangeMousedownTouchstartBound);
- this.el.removeEventListener('touchstart', this._handleRangeMousedownTouchstartBound);
+ _this57._clockSetup();
+ _this57._pickerSetup();
+ return _this57;
+ }
- this.el.removeEventListener('input', this._handleRangeInputMousemoveTouchmoveBound);
- this.el.removeEventListener('mousemove', this._handleRangeInputMousemoveTouchmoveBound);
- this.el.removeEventListener('touchmove', this._handleRangeInputMousemoveTouchmoveBound);
+ _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;
+ }
- this.el.removeEventListener('mouseup', this._handleRangeMouseupTouchendBound);
- this.el.removeEventListener('touchend', this._handleRangeMouseupTouchendBound);
+ _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.
+ };
- this.el.removeEventListener('blur', this._handleRangeBlurMouseoutTouchleaveBound);
- this.el.removeEventListener('mouseout', this._handleRangeBlurMouseoutTouchleaveBound);
- this.el.removeEventListener('touchleave', this._handleRangeBlurMouseoutTouchleaveBound);
- }
+ /**
+ * @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;
+ }
- /**
- * Handle Range Change
- * @param {Event} e
- */
+ _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';
- }, {
- key: "_handleRangeChange",
- value: function _handleRangeChange() {
- $(this.value).html(this.$el.val());
+ var _defaults = {
+ onOpen: undefined,
+ onClose: undefined
+ };
- if (!$(this.thumb).hasClass('active')) {
- this._showRangeBubble();
- }
+ /**
+ * @class
+ *
+ */
- var offsetLeft = this._calcRangeOffset();
- $(this.thumb).addClass('active').css('left', offsetLeft + 'px');
- }
+ var TapTarget = function (_Component19) {
+ _inherits(TapTarget, _Component19);
- /**
- * Handle Range Mousedown and Touchstart
- * @param {Event} e
- */
+ /**
+ * Construct TapTarget instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function TapTarget(el, options) {
+ _classCallCheck(this, TapTarget);
- }, {
- key: "_handleRangeMousedownTouchstart",
- value: function _handleRangeMousedownTouchstart(e) {
- // Set indicator value
- $(this.value).html(this.$el.val());
+ var _this67 = _possibleConstructorReturn(this, (TapTarget.__proto__ || Object.getPrototypeOf(TapTarget)).call(this, TapTarget, el, options));
- this._mousedown = true;
- this.$el.addClass('active');
+ _this67.el.M_TapTarget = _this67;
- if (!$(this.thumb).hasClass('active')) {
- this._showRangeBubble();
- }
+ /**
+ * 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);
- if (e.type !== 'input') {
- var offsetLeft = this._calcRangeOffset();
- $(this.thumb).addClass('active').css('left', offsetLeft + 'px');
- }
- }
+ _this67.isOpen = false;
- /**
- * Handle Range Input, Mousemove and Touchmove
- */
+ // setup
+ _this67.$origin = $('#' + _this67.$el.attr('data-target'));
+ _this67._setup();
+
+ _this67._calculatePositioning();
+ _this67._setupEventHandlers();
+ return _this67;
+ }
- }, {
- key: "_handleRangeInputMousemoveTouchmove",
- value: function _handleRangeInputMousemoveTouchmove() {
- if (this._mousedown) {
- if (!$(this.thumb).hasClass('active')) {
- this._showRangeBubble();
+ _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 offsetLeft = this._calcRangeOffset();
- $(this.thumb).addClass('active').css('left', offsetLeft + 'px');
- $(this.value).html(this.$el.val());
- }
- }
+ var _defaults = {
+ classes: '',
+ dropdownOptions: {}
+ };
- /**
- * Handle Range Mouseup and Touchend
- */
+ /**
+ * @class
+ *
+ */
- }, {
- key: "_handleRangeMouseupTouchend",
- value: function _handleRangeMouseupTouchend() {
- this._mousedown = false;
- this.$el.removeClass('active');
- }
+ var FormSelect = function (_Component20) {
+ _inherits(FormSelect, _Component20);
- /**
- * Handle Range Blur, Mouseout and Touchleave
- */
+ /**
+ * Construct FormSelect instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function FormSelect(el, options) {
+ _classCallCheck(this, FormSelect);
- }, {
- 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');
- }
- }
+ // Don't init if browser default version
+ var _this68 = _possibleConstructorReturn(this, (FormSelect.__proto__ || Object.getPrototypeOf(FormSelect)).call(this, FormSelect, el, options));
- /**
- * Setup dropdown
- */
+ if (_this68.$el.hasClass('browser-default')) {
+ return _possibleConstructorReturn(_this68);
+ }
- }, {
- 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);
- }
+ _this68.el.M_FormSelect = _this68;
- /**
- * Remove dropdown
- */
+ /**
+ * Options for the select
+ * @member FormSelect#options
+ */
+ _this68.options = $.extend({}, FormSelect.defaults, options);
- }, {
- key: "_removeThumb",
- value: function _removeThumb() {
- $(this.thumb).remove();
- }
+ _this68.isMultiple = _this68.$el.prop('multiple');
- /**
- * morph thumb into bubble
- */
+ // Setup
+ _this68.el.tabIndex = -1;
+ _this68._keysSelected = {};
+ _this68._valueDict = {}; // Maps key to original and generated option element.
+ _this68._setupDropdown();
- }, {
- 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'
- });
- }
+ _this68._setupEventHandlers();
+ return _this68;
+ }
- /**
- * Calculate the offset of the thumb
- * @return {Number} offset in pixels
- */
+ _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';
- }, {
- 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);
- }
+ var _defaults = {};
- /**
- * Get Instance
- */
+ /**
+ * @class
+ *
+ */
- }, {
- key: "getInstance",
- value: function getInstance(el) {
- var domElem = !!el.jquery ? el[0] : el;
- return domElem.M_Range;
- }
- }, {
- key: "defaults",
- get: function () {
- return _defaults;
- }
- }]);
+ var Range = function (_Component21) {
+ _inherits(Range, _Component21);
- return Range;
- }(Component);
+ /**
+ * Construct Range instance
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Range(el, options) {
+ _classCallCheck(this, Range);
- M.Range = Range;
+ var _this72 = _possibleConstructorReturn(this, (Range.__proto__ || Object.getPrototypeOf(Range)).call(this, Range, el, options));
- if (M.jQueryLoaded) {
- M.initializeJqueryWrapper(Range, 'range', 'M_Range');
- }
+ _this72.el.M_Range = _this72;
- Range.init($('input[type=range]'));
- })(cash, M.anime);
+ /**
+ * Options for the range
+ * @member Range#options
+ */
+ _this72.options = $.extend({}, Range.defaults, options);
- }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
- }, {}],
- 2: [function (require, module, exports) {
- /*
+ _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);
+
+ }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+ }, {}],
+ 2: [function (require, module, exports) {
+ /*
object-assign
(c) Sindre Sorhus
@license MIT
*/
- 'use strict';
- /* eslint-disable no-unused-vars */
- var getOwnPropertySymbols = Object.getOwnPropertySymbols;
- var hasOwnProperty = Object.prototype.hasOwnProperty;
- var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-
- function toObject(val) {
- if (val === null || val === undefined) {
- throw new TypeError('Object.assign cannot be called with null or undefined');
- }
+ 'use strict';
+ /* eslint-disable no-unused-vars */
+ var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+ var hasOwnProperty = Object.prototype.hasOwnProperty;
+ var propIsEnumerable = Object.prototype.propertyIsEnumerable;
- return Object(val);
- }
+ function toObject(val) {
+ if (val === null || val === undefined) {
+ throw new TypeError('Object.assign cannot be called with null or undefined');
+ }
- function shouldUseNative() {
- try {
- if (!Object.assign) {
- return false;
+ return Object(val);
}
- // Detect buggy property enumeration order in older V8 versions.
+ function shouldUseNative() {
+ try {
+ if (!Object.assign) {
+ return false;
+ }
- // https://bugs.chromium.org/p/v8/issues/detail?id=4118
- var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
- test1[5] = 'de';
- if (Object.getOwnPropertyNames(test1)[0] === '5') {
- return false;
- }
+ // Detect buggy property enumeration order in older V8 versions.
- // https://bugs.chromium.org/p/v8/issues/detail?id=3056
- var test2 = {};
- for (var i = 0; i < 10; i++) {
- test2['_' + String.fromCharCode(i)] = i;
- }
- var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
- return test2[n];
- });
- if (order2.join('') !== '0123456789') {
- return false;
- }
+ // https://bugs.chromium.org/p/v8/issues/detail?id=4118
+ var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
+ test1[5] = 'de';
+ if (Object.getOwnPropertyNames(test1)[0] === '5') {
+ return false;
+ }
- // https://bugs.chromium.org/p/v8/issues/detail?id=3056
- var test3 = {};
- 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
- test3[letter] = letter;
- });
- if (Object.keys(Object.assign({}, test3)).join('') !==
- 'abcdefghijklmnopqrst') {
- return false;
- }
+ // https://bugs.chromium.org/p/v8/issues/detail?id=3056
+ var test2 = {};
+ for (var i = 0; i < 10; i++) {
+ test2['_' + String.fromCharCode(i)] = i;
+ }
+ var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+ return test2[n];
+ });
+ if (order2.join('') !== '0123456789') {
+ return false;
+ }
- return true;
- } catch (err) {
- // We don't expect any of the above to throw, but better to be safe.
- return false;
- }
- }
+ // https://bugs.chromium.org/p/v8/issues/detail?id=3056
+ var test3 = {};
+ 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+ test3[letter] = letter;
+ });
+ if (Object.keys(Object.assign({}, test3)).join('') !==
+ 'abcdefghijklmnopqrst') {
+ return false;
+ }
+
+ return true;
+ } catch (err) {
+ // We don't expect any of the above to throw, but better to be safe.
+ return false;
+ }
+ }
- module.exports = shouldUseNative() ? Object.assign : function (target, source) {
- var from;
- var to = toObject(target);
- var symbols;
+ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
+ var from;
+ var to = toObject(target);
+ var symbols;
- for (var s = 1; s < arguments.length; s++) {
- from = Object(arguments[s]);
+ for (var s = 1; s < arguments.length; s++) {
+ from = Object(arguments[s]);
- for (var key in from) {
- if (hasOwnProperty.call(from, key)) {
- to[key] = from[key];
- }
- }
+ for (var key in from) {
+ if (hasOwnProperty.call(from, key)) {
+ to[key] = from[key];
+ }
+ }
- if (getOwnPropertySymbols) {
- symbols = getOwnPropertySymbols(from);
- for (var i = 0; i < symbols.length; i++) {
- if (propIsEnumerable.call(from, symbols[i])) {
- to[symbols[i]] = from[symbols[i]];
+ if (getOwnPropertySymbols) {
+ symbols = getOwnPropertySymbols(from);
+ for (var i = 0; i < symbols.length; i++) {
+ if (propIsEnumerable.call(from, symbols[i])) {
+ to[symbols[i]] = from[symbols[i]];
+ }
+ }
+ }
}
- }
- }
- }
- return to;
- };
+ return to;
+ };
- }, {}],
- 3: [function (require, module, exports) {
+ }, {}],
+ 3: [function (require, module, exports) {
// shim for using process in browser
- var process = module.exports = {};
+ var process = module.exports = {};
// cached from whatever global is present so that test runners that stub it
// don't break things. But we need to wrap it in a try catch in case it is
// wrapped in strict mode code which doesn't define any globals. It's inside a
// function because try/catches deoptimize in certain engines.
- var cachedSetTimeout;
- var cachedClearTimeout;
+ var cachedSetTimeout;
+ var cachedClearTimeout;
- function defaultSetTimout() {
- throw new Error('setTimeout has not been defined');
- }
+ function defaultSetTimout() {
+ throw new Error('setTimeout has not been defined');
+ }
- function defaultClearTimeout() {
- throw new Error('clearTimeout has not been defined');
- }
+ function defaultClearTimeout() {
+ throw new Error('clearTimeout has not been defined');
+ }
- (function () {
- try {
+ (function () {
+ try {
if (typeof setTimeout === 'function') {
- cachedSetTimeout = setTimeout;
+ cachedSetTimeout = setTimeout;
} else {
- cachedSetTimeout = defaultSetTimout;
+ cachedSetTimeout = defaultSetTimout;
}
- } catch (e) {
+ } catch (e) {
cachedSetTimeout = defaultSetTimout;
- }
- try {
+ }
+ try {
if (typeof clearTimeout === 'function') {
- cachedClearTimeout = clearTimeout;
+ cachedClearTimeout = clearTimeout;
} else {
- cachedClearTimeout = defaultClearTimeout;
+ cachedClearTimeout = defaultClearTimeout;
}
- } catch (e) {
+ } catch (e) {
cachedClearTimeout = defaultClearTimeout;
- }
- }())
+ }
+ }())
- function runTimeout(fun) {
- if (cachedSetTimeout === setTimeout) {
+ function runTimeout(fun) {
+ if (cachedSetTimeout === setTimeout) {
//normal enviroments in sane situations
return setTimeout(fun, 0);
- }
- // if setTimeout wasn't available but was latter defined
- if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+ }
+ // if setTimeout wasn't available but was latter defined
+ if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
cachedSetTimeout = setTimeout;
return setTimeout(fun, 0);
- }
- try {
+ }
+ try {
// when when somebody has screwed with setTimeout but no I.E. maddness
return cachedSetTimeout(fun, 0);
- } catch (e) {
+ } catch (e) {
try {
- // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
- return cachedSetTimeout.call(null, fun, 0);
+ // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+ return cachedSetTimeout.call(null, fun, 0);
} catch (e) {
- // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
- return cachedSetTimeout.call(this, fun, 0);
+ // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+ return cachedSetTimeout.call(this, fun, 0);
}
- }
+ }
- }
+ }
- function runClearTimeout(marker) {
- if (cachedClearTimeout === clearTimeout) {
+ function runClearTimeout(marker) {
+ if (cachedClearTimeout === clearTimeout) {
//normal enviroments in sane situations
return clearTimeout(marker);
- }
- // if clearTimeout wasn't available but was latter defined
- if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+ }
+ // if clearTimeout wasn't available but was latter defined
+ if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
cachedClearTimeout = clearTimeout;
return clearTimeout(marker);
- }
- try {
+ }
+ try {
// when when somebody has screwed with setTimeout but no I.E. maddness
return cachedClearTimeout(marker);
- } catch (e) {
+ } catch (e) {
try {
- // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
- return cachedClearTimeout.call(null, marker);
+ // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+ return cachedClearTimeout.call(null, marker);
} catch (e) {
- // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
- // Some versions of I.E. have different rules for clearTimeout vs setTimeout
- return cachedClearTimeout.call(this, marker);
+ // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+ // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+ return cachedClearTimeout.call(this, marker);
}
- }
+ }
- }
+ }
- var queue = [];
- var draining = false;
- var currentQueue;
- var queueIndex = -1;
+ var queue = [];
+ var draining = false;
+ var currentQueue;
+ var queueIndex = -1;
- function cleanUpNextTick() {
- if (!draining || !currentQueue) {
+ function cleanUpNextTick() {
+ if (!draining || !currentQueue) {
return;
- }
- draining = false;
- if (currentQueue.length) {
+ }
+ draining = false;
+ if (currentQueue.length) {
queue = currentQueue.concat(queue);
- } else {
+ } else {
queueIndex = -1;
- }
- if (queue.length) {
+ }
+ if (queue.length) {
drainQueue();
- }
- }
+ }
+ }
- function drainQueue() {
- if (draining) {
+ function drainQueue() {
+ if (draining) {
return;
- }
- var timeout = runTimeout(cleanUpNextTick);
- draining = true;
+ }
+ var timeout = runTimeout(cleanUpNextTick);
+ draining = true;
- var len = queue.length;
- while (len) {
+ var len = queue.length;
+ while (len) {
currentQueue = queue;
queue = [];
while (++queueIndex < len) {
- if (currentQueue) {
- currentQueue[queueIndex].run();
- }
+ if (currentQueue) {
+ currentQueue[queueIndex].run();
+ }
}
queueIndex = -1;
len = queue.length;
- }
- currentQueue = null;
- draining = false;
- runClearTimeout(timeout);
- }
+ }
+ currentQueue = null;
+ draining = false;
+ runClearTimeout(timeout);
+ }
- process.nextTick = function (fun) {
- var args = new Array(arguments.length - 1);
- if (arguments.length > 1) {
+ process.nextTick = function (fun) {
+ var args = new Array(arguments.length - 1);
+ if (arguments.length > 1) {
for (var i = 1; i < arguments.length; i++) {
- args[i - 1] = arguments[i];
+ args[i - 1] = arguments[i];
}
- }
- queue.push(new Item(fun, args));
- if (queue.length === 1 && !draining) {
+ }
+ queue.push(new Item(fun, args));
+ if (queue.length === 1 && !draining) {
runTimeout(drainQueue);
- }
- };
+ }
+ };
// v8 likes predictible objects
- function Item(fun, array) {
- this.fun = fun;
- this.array = array;
- }
+ function Item(fun, array) {
+ this.fun = fun;
+ this.array = array;
+ }
- Item.prototype.run = function () {
- this.fun.apply(null, this.array);
- };
- process.title = 'browser';
- process.browser = true;
- process.env = {};
- process.argv = [];
- process.version = ''; // empty string to avoid regexp issues
- process.versions = {};
-
- function noop() {
- }
+ Item.prototype.run = function () {
+ this.fun.apply(null, this.array);
+ };
+ process.title = 'browser';
+ process.browser = true;
+ process.env = {};
+ process.argv = [];
+ process.version = ''; // empty string to avoid regexp issues
+ process.versions = {};
+
+ function noop() {
+ }
- process.on = noop;
- process.addListener = noop;
- process.once = noop;
- process.off = noop;
- process.removeListener = noop;
- process.removeAllListeners = noop;
- process.emit = noop;
- process.prependListener = noop;
- process.prependOnceListener = noop;
-
- process.listeners = function (name) {
- return []
- }
+ process.on = noop;
+ process.addListener = noop;
+ process.once = noop;
+ process.off = noop;
+ process.removeListener = noop;
+ process.removeAllListeners = noop;
+ process.emit = noop;
+ process.prependListener = noop;
+ process.prependOnceListener = noop;
+
+ process.listeners = function (name) {
+ return []
+ }
- process.binding = function (name) {
- throw new Error('process.binding is not supported');
- };
-
- process.cwd = function () {
- return '/'
- };
- process.chdir = function (dir) {
- throw new Error('process.chdir is not supported');
- };
- process.umask = function () {
- return 0;
- };
-
- }, {}],
- 4: [function (require, module, exports) {
- (function (process) {
- /**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
- 'use strict';
-
- var printWarning = function () {
- };
-
- if (process.env.NODE_ENV !== 'production') {
- var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');
- var loggedTypeFailures = {};
-
- printWarning = function (text) {
- var message = 'Warning: ' + text;
- if (typeof console !== 'undefined') {
- console.error(message);
- }
- try {
- // --- Welcome to debugging React ---
- // This error was thrown as a convenience so that you can use this stack
- // to find the callsite that caused this warning to fire.
- throw new Error(message);
- } catch (x) {
- }
+ process.binding = function (name) {
+ throw new Error('process.binding is not supported');
};
- }
-
- /**
- * Assert that the values match with the type specs.
- * Error messages are memorized and will only be shown once.
- *
- * @param {object} typeSpecs Map of name to a ReactPropType
- * @param {object} values Runtime values that need to be type-checked
- * @param {string} location e.g. "prop", "context", "child context"
- * @param {string} componentName Name of the component for error messages.
- * @param {?Function} getStack Returns the component stack.
- * @private
- */
- function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
- if (process.env.NODE_ENV !== 'production') {
- for (var typeSpecName in typeSpecs) {
- if (typeSpecs.hasOwnProperty(typeSpecName)) {
- var error;
- // Prop type validation may throw. In case they do, we don't want to
- // fail the render phase where it didn't fail before. So we log it.
- // After these have been cleaned up, we'll let them throw.
- try {
- // This is intentionally an invariant that gets caught. It's the same
- // behavior as without this statement except with a better message.
- if (typeof typeSpecs[typeSpecName] !== 'function') {
- var err = Error(
- (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
- 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
- );
- err.name = 'Invariant Violation';
- throw err;
- }
- error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
- } catch (ex) {
- error = ex;
- }
- if (error && !(error instanceof Error)) {
- printWarning(
- (componentName || 'React class') + ': type specification of ' +
- location + ' `' + typeSpecName + '` is invalid; the type checker ' +
- 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
- 'You may have forgotten to pass an argument to the type checker ' +
- 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
- 'shape all require an argument).'
- )
-
- }
- if (error instanceof Error && !(error.message in loggedTypeFailures)) {
- // Only monitor this failure once because there tends to be a lot of the
- // same error.
- loggedTypeFailures[error.message] = true;
-
- var stack = getStack ? getStack() : '';
-
- printWarning(
- 'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
- );
- }
+
+ process.cwd = function () {
+ return '/'
+ };
+ process.chdir = function (dir) {
+ throw new Error('process.chdir is not supported');
+ };
+ process.umask = function () {
+ return 0;
+ };
+
+ }, {}],
+ 4: [function (require, module, exports) {
+ (function (process) {
+ /**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+ 'use strict';
+
+ var printWarning = function () {
+ };
+
+ if (process.env.NODE_ENV !== 'production') {
+ var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');
+ var loggedTypeFailures = {};
+
+ printWarning = function (text) {
+ var message = 'Warning: ' + text;
+ if (typeof console !== 'undefined') {
+ console.error(message);
+ }
+ try {
+ // --- Welcome to debugging React ---
+ // This error was thrown as a convenience so that you can use this stack
+ // to find the callsite that caused this warning to fire.
+ throw new Error(message);
+ } catch (x) {
+ }
+ };
}
- }
- }
- }
- module.exports = checkPropTypes;
+ /**
+ * Assert that the values match with the type specs.
+ * Error messages are memorized and will only be shown once.
+ *
+ * @param {object} typeSpecs Map of name to a ReactPropType
+ * @param {object} values Runtime values that need to be type-checked
+ * @param {string} location e.g. "prop", "context", "child context"
+ * @param {string} componentName Name of the component for error messages.
+ * @param {?Function} getStack Returns the component stack.
+ * @private
+ */
+ function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+ if (process.env.NODE_ENV !== 'production') {
+ for (var typeSpecName in typeSpecs) {
+ if (typeSpecs.hasOwnProperty(typeSpecName)) {
+ var error;
+ // Prop type validation may throw. In case they do, we don't want to
+ // fail the render phase where it didn't fail before. So we log it.
+ // After these have been cleaned up, we'll let them throw.
+ try {
+ // This is intentionally an invariant that gets caught. It's the same
+ // behavior as without this statement except with a better message.
+ if (typeof typeSpecs[typeSpecName] !== 'function') {
+ var err = Error(
+ (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
+ 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
+ );
+ err.name = 'Invariant Violation';
+ throw err;
+ }
+ error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+ } catch (ex) {
+ error = ex;
+ }
+ if (error && !(error instanceof Error)) {
+ printWarning(
+ (componentName || 'React class') + ': type specification of ' +
+ location + ' `' + typeSpecName + '` is invalid; the type checker ' +
+ 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
+ 'You may have forgotten to pass an argument to the type checker ' +
+ 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
+ 'shape all require an argument).'
+ )
+
+ }
+ if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+ // Only monitor this failure once because there tends to be a lot of the
+ // same error.
+ loggedTypeFailures[error.message] = true;
+
+ var stack = getStack ? getStack() : '';
+
+ printWarning(
+ 'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
+ );
+ }
+ }
+ }
+ }
+ }
- }).call(this, require('_process'))
- }, {"./lib/ReactPropTypesSecret": 8, "_process": 3}],
- 5: [function (require, module, exports) {
- /**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+ module.exports = checkPropTypes;
- 'use strict';
+ }).call(this, require('_process'))
+ }, {"./lib/ReactPropTypesSecret": 8, "_process": 3}],
+ 5: [function (require, module, exports) {
+ /**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
- var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');
+ 'use strict';
- function emptyFunction() {
- }
+ var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');
- module.exports = function () {
- function shim(props, propName, componentName, location, propFullName, secret) {
- if (secret === ReactPropTypesSecret) {
- // It is still safe when called from React.
- return;
+ function emptyFunction() {
}
- var err = new Error(
- 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
- 'Use PropTypes.checkPropTypes() to call them. ' +
- 'Read more at http://fb.me/use-check-prop-types'
- );
- err.name = 'Invariant Violation';
- throw err;
- };
- shim.isRequired = shim;
-
- function getShim() {
- return shim;
- };
- // Important!
- // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
- var ReactPropTypes = {
- array: shim,
- bool: shim,
- func: shim,
- number: shim,
- object: shim,
- string: shim,
- symbol: shim,
-
- any: shim,
- arrayOf: getShim,
- element: shim,
- instanceOf: getShim,
- node: shim,
- objectOf: getShim,
- oneOf: getShim,
- oneOfType: getShim,
- shape: getShim,
- exact: getShim
- };
-
- ReactPropTypes.checkPropTypes = emptyFunction;
- ReactPropTypes.PropTypes = ReactPropTypes;
-
- return ReactPropTypes;
- };
-
- }, {"./lib/ReactPropTypesSecret": 8}],
- 6: [function (require, module, exports) {
- (function (process) {
- /**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
- 'use strict';
-
- var assign = require('object-assign');
-
- var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');
- var checkPropTypes = require('./checkPropTypes');
-
- var printWarning = function () {
- };
-
- if (process.env.NODE_ENV !== 'production') {
- printWarning = function (text) {
- var message = 'Warning: ' + text;
- if (typeof console !== 'undefined') {
- console.error(message);
- }
- try {
- // --- Welcome to debugging React ---
- // This error was thrown as a convenience so that you can use this stack
- // to find the callsite that caused this warning to fire.
- throw new Error(message);
- } catch (x) {
- }
+
+ module.exports = function () {
+ function shim(props, propName, componentName, location, propFullName, secret) {
+ if (secret === ReactPropTypesSecret) {
+ // It is still safe when called from React.
+ return;
+ }
+ var err = new Error(
+ 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+ 'Use PropTypes.checkPropTypes() to call them. ' +
+ 'Read more at http://fb.me/use-check-prop-types'
+ );
+ err.name = 'Invariant Violation';
+ throw err;
+ };
+ shim.isRequired = shim;
+
+ function getShim() {
+ return shim;
+ };
+ // Important!
+ // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+ var ReactPropTypes = {
+ array: shim,
+ bool: shim,
+ func: shim,
+ number: shim,
+ object: shim,
+ string: shim,
+ symbol: shim,
+
+ any: shim,
+ arrayOf: getShim,
+ element: shim,
+ instanceOf: getShim,
+ node: shim,
+ objectOf: getShim,
+ oneOf: getShim,
+ oneOfType: getShim,
+ shape: getShim,
+ exact: getShim
+ };
+
+ ReactPropTypes.checkPropTypes = emptyFunction;
+ ReactPropTypes.PropTypes = ReactPropTypes;
+
+ return ReactPropTypes;
};
- }
- function emptyFunctionThatReturnsNull() {
- return null;
- }
+ }, {"./lib/ReactPropTypesSecret": 8}],
+ 6: [function (require, module, exports) {
+ (function (process) {
+ /**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
- module.exports = function (isValidElement, throwOnDirectAccess) {
- /* global Symbol */
- var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
- var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+ 'use strict';
- /**
- * Returns the iterator method function contained on the iterable object.
- *
- * Be sure to invoke the function with the iterable as context:
- *
- * var iteratorFn = getIteratorFn(myIterable);
- * if (iteratorFn) {
+ var assign = require('object-assign');
+
+ var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');
+ var checkPropTypes = require('./checkPropTypes');
+
+ var printWarning = function () {
+ };
+
+ if (process.env.NODE_ENV !== 'production') {
+ printWarning = function (text) {
+ var message = 'Warning: ' + text;
+ if (typeof console !== 'undefined') {
+ console.error(message);
+ }
+ try {
+ // --- Welcome to debugging React ---
+ // This error was thrown as a convenience so that you can use this stack
+ // to find the callsite that caused this warning to fire.
+ throw new Error(message);
+ } catch (x) {
+ }
+ };
+ }
+
+ function emptyFunctionThatReturnsNull() {
+ return null;
+ }
+
+ module.exports = function (isValidElement, throwOnDirectAccess) {
+ /* global Symbol */
+ var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+ var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+
+ /**
+ * Returns the iterator method function contained on the iterable object.
+ *
+ * Be sure to invoke the function with the iterable as context:
+ *
+ * var iteratorFn = getIteratorFn(myIterable);
+ * if (iteratorFn) {
* var iterator = iteratorFn.call(myIterable);
* ...
* }
- *
- * @param {?object} maybeIterable
- * @return {?function}
- */
- function getIteratorFn(maybeIterable) {
- var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
- if (typeof iteratorFn === 'function') {
- return iteratorFn;
- }
- }
+ *
+ * @param {?object} maybeIterable
+ * @return {?function}
+ */
+ function getIteratorFn(maybeIterable) {
+ var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+ if (typeof iteratorFn === 'function') {
+ return iteratorFn;
+ }
+ }
- /**
- * Collection of methods that allow declaration and validation of props that are
- * supplied to React components. Example usage:
- *
- * var Props = require('ReactPropTypes');
- * var MyArticle = React.createClass({
+ /**
+ * Collection of methods that allow declaration and validation of props that are
+ * supplied to React components. Example usage:
+ *
+ * var Props = require('ReactPropTypes');
+ * var MyArticle = React.createClass({
* propTypes: {
* // An optional string prop named "description".
* description: Props.string,
@@ -13372,16 +13376,16 @@ object-assign
* },
* render: function() { ... }
* });
- *
- * A more formal specification of how these methods are used:
- *
- * type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
- * decl := ReactPropTypes.{type}(.isRequired)?
- *
- * Each and every declaration produces a function with the same signature. This
- * allows the creation of custom validation functions. For example:
- *
- * var MyLink = React.createClass({
+ *
+ * A more formal specification of how these methods are used:
+ *
+ * type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
+ * decl := ReactPropTypes.{type}(.isRequired)?
+ *
+ * Each and every declaration produces a function with the same signature. This
+ * allows the creation of custom validation functions. For example:
+ *
+ * var MyLink = React.createClass({
* propTypes: {
* // An optional string or URI prop named "href".
* href: function(props, propName, componentName) {
@@ -13397,579 +13401,579 @@ object-assign
* },
* render: function() {...}
* });
- *
- * @internal
- */
-
- var ANONYMOUS = '<<anonymous>>';
-
- // Important!
- // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
- var ReactPropTypes = {
- array: createPrimitiveTypeChecker('array'),
- bool: createPrimitiveTypeChecker('boolean'),
- func: createPrimitiveTypeChecker('function'),
- number: createPrimitiveTypeChecker('number'),
- object: createPrimitiveTypeChecker('object'),
- string: createPrimitiveTypeChecker('string'),
- symbol: createPrimitiveTypeChecker('symbol'),
-
- any: createAnyTypeChecker(),
- arrayOf: createArrayOfTypeChecker,
- element: createElementTypeChecker(),
- instanceOf: createInstanceTypeChecker,
- node: createNodeChecker(),
- objectOf: createObjectOfTypeChecker,
- oneOf: createEnumTypeChecker,
- oneOfType: createUnionTypeChecker,
- shape: createShapeTypeChecker,
- exact: createStrictShapeTypeChecker,
- };
+ *
+ * @internal
+ */
+
+ var ANONYMOUS = '<<anonymous>>';
+
+ // Important!
+ // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
+ var ReactPropTypes = {
+ array: createPrimitiveTypeChecker('array'),
+ bool: createPrimitiveTypeChecker('boolean'),
+ func: createPrimitiveTypeChecker('function'),
+ number: createPrimitiveTypeChecker('number'),
+ object: createPrimitiveTypeChecker('object'),
+ string: createPrimitiveTypeChecker('string'),
+ symbol: createPrimitiveTypeChecker('symbol'),
+
+ any: createAnyTypeChecker(),
+ arrayOf: createArrayOfTypeChecker,
+ element: createElementTypeChecker(),
+ instanceOf: createInstanceTypeChecker,
+ node: createNodeChecker(),
+ objectOf: createObjectOfTypeChecker,
+ oneOf: createEnumTypeChecker,
+ oneOfType: createUnionTypeChecker,
+ shape: createShapeTypeChecker,
+ exact: createStrictShapeTypeChecker,
+ };
- /**
- * inlined Object.is polyfill to avoid requiring consumers ship their own
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */
+ /**
+ * inlined Object.is polyfill to avoid requiring consumers ship their own
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+ */
+
+ /*eslint-disable no-self-compare*/
+ function is(x, y) {
+ // SameValue algorithm
+ if (x === y) {
+ // Steps 1-5, 7-10
+ // Steps 6.b-6.e: +0 != -0
+ return x !== 0 || 1 / x === 1 / y;
+ } else {
+ // Step 6.a: NaN == NaN
+ return x !== x && y !== y;
+ }
+ }
- /*eslint-disable no-self-compare*/
- function is(x, y) {
- // SameValue algorithm
- if (x === y) {
- // Steps 1-5, 7-10
- // Steps 6.b-6.e: +0 != -0
- return x !== 0 || 1 / x === 1 / y;
- } else {
- // Step 6.a: NaN == NaN
- return x !== x && y !== y;
- }
- }
+ /*eslint-enable no-self-compare*/
+
+ /**
+ * We use an Error-like object for backward compatibility as people may call
+ * PropTypes directly and inspect their output. However, we don't use real
+ * Errors anymore. We don't inspect their stack anyway, and creating them
+ * is prohibitively expensive if they are created too often, such as what
+ * happens in oneOfType() for any type before the one that matched.
+ */
+ function PropTypeError(message) {
+ this.message = message;
+ this.stack = '';
+ }
- /*eslint-enable no-self-compare*/
+ // Make `instanceof Error` still work for returned errors.
+ PropTypeError.prototype = Error.prototype;
- /**
- * We use an Error-like object for backward compatibility as people may call
- * PropTypes directly and inspect their output. However, we don't use real
- * Errors anymore. We don't inspect their stack anyway, and creating them
- * is prohibitively expensive if they are created too often, such as what
- * happens in oneOfType() for any type before the one that matched.
- */
- function PropTypeError(message) {
- this.message = message;
- this.stack = '';
- }
+ function createChainableTypeChecker(validate) {
+ if (process.env.NODE_ENV !== 'production') {
+ var manualPropTypeCallCache = {};
+ var manualPropTypeWarningCount = 0;
+ }
- // Make `instanceof Error` still work for returned errors.
- PropTypeError.prototype = Error.prototype;
+ function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+ componentName = componentName || ANONYMOUS;
+ propFullName = propFullName || propName;
+
+ if (secret !== ReactPropTypesSecret) {
+ if (throwOnDirectAccess) {
+ // New behavior only for users of `prop-types` package
+ var err = new Error(
+ 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+ 'Use `PropTypes.checkPropTypes()` to call them. ' +
+ 'Read more at http://fb.me/use-check-prop-types'
+ );
+ err.name = 'Invariant Violation';
+ throw err;
+ } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
+ // Old behavior for people using React.PropTypes
+ var cacheKey = componentName + ':' + propName;
+ if (
+ !manualPropTypeCallCache[cacheKey] &&
+ // Avoid spamming the console because they are often not actionable except for lib authors
+ manualPropTypeWarningCount < 3
+ ) {
+ printWarning(
+ 'You are manually calling a React.PropTypes validation ' +
+ 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
+ 'and will throw in the standalone `prop-types` package. ' +
+ 'You may be seeing this warning due to a third-party PropTypes ' +
+ 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
+ );
+ manualPropTypeCallCache[cacheKey] = true;
+ manualPropTypeWarningCount++;
+ }
+ }
+ }
+ if (props[propName] == null) {
+ if (isRequired) {
+ if (props[propName] === null) {
+ return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+ }
+ return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
+ }
+ return null;
+ } else {
+ return validate(props, propName, componentName, location, propFullName);
+ }
+ }
- function createChainableTypeChecker(validate) {
- if (process.env.NODE_ENV !== 'production') {
- var manualPropTypeCallCache = {};
- var manualPropTypeWarningCount = 0;
- }
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
- function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
- componentName = componentName || ANONYMOUS;
- propFullName = propFullName || propName;
+ return chainedCheckType;
+ }
- if (secret !== ReactPropTypesSecret) {
- if (throwOnDirectAccess) {
- // New behavior only for users of `prop-types` package
- var err = new Error(
- 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
- 'Use `PropTypes.checkPropTypes()` to call them. ' +
- 'Read more at http://fb.me/use-check-prop-types'
- );
- err.name = 'Invariant Violation';
- throw err;
- } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
- // Old behavior for people using React.PropTypes
- var cacheKey = componentName + ':' + propName;
- if (
- !manualPropTypeCallCache[cacheKey] &&
- // Avoid spamming the console because they are often not actionable except for lib authors
- manualPropTypeWarningCount < 3
- ) {
- printWarning(
- 'You are manually calling a React.PropTypes validation ' +
- 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
- 'and will throw in the standalone `prop-types` package. ' +
- 'You may be seeing this warning due to a third-party PropTypes ' +
- 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
- );
- manualPropTypeCallCache[cacheKey] = true;
- manualPropTypeWarningCount++;
+ function createPrimitiveTypeChecker(expectedType) {
+ function validate(props, propName, componentName, location, propFullName, secret) {
+ var propValue = props[propName];
+ var propType = getPropType(propValue);
+ if (propType !== expectedType) {
+ // `propValue` being instance of, say, date/regexp, pass the 'object'
+ // check, but we can offer a more precise error message here rather than
+ // 'of type `object`'.
+ var preciseType = getPreciseType(propValue);
+
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+ }
+ return null;
+ }
+
+ return createChainableTypeChecker(validate);
}
- }
- }
- if (props[propName] == null) {
- if (isRequired) {
- if (props[propName] === null) {
- return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+
+ function createAnyTypeChecker() {
+ return createChainableTypeChecker(emptyFunctionThatReturnsNull);
}
- return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
- }
- return null;
- } else {
- return validate(props, propName, componentName, location, propFullName);
- }
- }
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
+ function createArrayOfTypeChecker(typeChecker) {
+ function validate(props, propName, componentName, location, propFullName) {
+ if (typeof typeChecker !== 'function') {
+ return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
+ }
+ var propValue = props[propName];
+ if (!Array.isArray(propValue)) {
+ var propType = getPropType(propValue);
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
+ }
+ for (var i = 0; i < propValue.length; i++) {
+ var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
+ if (error instanceof Error) {
+ return error;
+ }
+ }
+ return null;
+ }
- return chainedCheckType;
- }
+ return createChainableTypeChecker(validate);
+ }
- function createPrimitiveTypeChecker(expectedType) {
- function validate(props, propName, componentName, location, propFullName, secret) {
- var propValue = props[propName];
- var propType = getPropType(propValue);
- if (propType !== expectedType) {
- // `propValue` being instance of, say, date/regexp, pass the 'object'
- // check, but we can offer a more precise error message here rather than
- // 'of type `object`'.
- var preciseType = getPreciseType(propValue);
-
- return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
- }
- return null;
- }
+ function createElementTypeChecker() {
+ function validate(props, propName, componentName, location, propFullName) {
+ var propValue = props[propName];
+ if (!isValidElement(propValue)) {
+ var propType = getPropType(propValue);
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
+ }
+ return null;
+ }
- return createChainableTypeChecker(validate);
- }
+ return createChainableTypeChecker(validate);
+ }
- function createAnyTypeChecker() {
- return createChainableTypeChecker(emptyFunctionThatReturnsNull);
- }
+ function createInstanceTypeChecker(expectedClass) {
+ function validate(props, propName, componentName, location, propFullName) {
+ if (!(props[propName] instanceof expectedClass)) {
+ var expectedClassName = expectedClass.name || ANONYMOUS;
+ var actualClassName = getClassName(props[propName]);
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+ }
+ return null;
+ }
- function createArrayOfTypeChecker(typeChecker) {
- function validate(props, propName, componentName, location, propFullName) {
- if (typeof typeChecker !== 'function') {
- return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
- }
- var propValue = props[propName];
- if (!Array.isArray(propValue)) {
- var propType = getPropType(propValue);
- return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
- }
- for (var i = 0; i < propValue.length; i++) {
- var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
- if (error instanceof Error) {
- return error;
- }
- }
- return null;
- }
+ return createChainableTypeChecker(validate);
+ }
- return createChainableTypeChecker(validate);
- }
+ function createEnumTypeChecker(expectedValues) {
+ if (!Array.isArray(expectedValues)) {
+ process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
+ return emptyFunctionThatReturnsNull;
+ }
- function createElementTypeChecker() {
- function validate(props, propName, componentName, location, propFullName) {
- var propValue = props[propName];
- if (!isValidElement(propValue)) {
- var propType = getPropType(propValue);
- return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
- }
- return null;
- }
+ function validate(props, propName, componentName, location, propFullName) {
+ var propValue = props[propName];
+ for (var i = 0; i < expectedValues.length; i++) {
+ if (is(propValue, expectedValues[i])) {
+ return null;
+ }
+ }
- return createChainableTypeChecker(validate);
- }
+ var valuesString = JSON.stringify(expectedValues);
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+ }
- function createInstanceTypeChecker(expectedClass) {
- function validate(props, propName, componentName, location, propFullName) {
- if (!(props[propName] instanceof expectedClass)) {
- var expectedClassName = expectedClass.name || ANONYMOUS;
- var actualClassName = getClassName(props[propName]);
- return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
- }
- return null;
- }
+ return createChainableTypeChecker(validate);
+ }
- return createChainableTypeChecker(validate);
- }
+ function createObjectOfTypeChecker(typeChecker) {
+ function validate(props, propName, componentName, location, propFullName) {
+ if (typeof typeChecker !== 'function') {
+ return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+ }
+ var propValue = props[propName];
+ var propType = getPropType(propValue);
+ if (propType !== 'object') {
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+ }
+ for (var key in propValue) {
+ if (propValue.hasOwnProperty(key)) {
+ var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+ if (error instanceof Error) {
+ return error;
+ }
+ }
+ }
+ return null;
+ }
- function createEnumTypeChecker(expectedValues) {
- if (!Array.isArray(expectedValues)) {
- process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
- return emptyFunctionThatReturnsNull;
- }
+ return createChainableTypeChecker(validate);
+ }
- function validate(props, propName, componentName, location, propFullName) {
- var propValue = props[propName];
- for (var i = 0; i < expectedValues.length; i++) {
- if (is(propValue, expectedValues[i])) {
- return null;
- }
- }
+ function createUnionTypeChecker(arrayOfTypeCheckers) {
+ if (!Array.isArray(arrayOfTypeCheckers)) {
+ process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+ return emptyFunctionThatReturnsNull;
+ }
- var valuesString = JSON.stringify(expectedValues);
- return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
- }
+ for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+ var checker = arrayOfTypeCheckers[i];
+ if (typeof checker !== 'function') {
+ printWarning(
+ 'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
+ 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
+ );
+ return emptyFunctionThatReturnsNull;
+ }
+ }
- return createChainableTypeChecker(validate);
- }
+ function validate(props, propName, componentName, location, propFullName) {
+ for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+ var checker = arrayOfTypeCheckers[i];
+ if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
+ return null;
+ }
+ }
- function createObjectOfTypeChecker(typeChecker) {
- function validate(props, propName, componentName, location, propFullName) {
- if (typeof typeChecker !== 'function') {
- return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
- }
- var propValue = props[propName];
- var propType = getPropType(propValue);
- if (propType !== 'object') {
- return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
- }
- for (var key in propValue) {
- if (propValue.hasOwnProperty(key)) {
- var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
- if (error instanceof Error) {
- return error;
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+ }
+
+ return createChainableTypeChecker(validate);
}
- }
- }
- return null;
- }
- return createChainableTypeChecker(validate);
- }
+ function createNodeChecker() {
+ function validate(props, propName, componentName, location, propFullName) {
+ if (!isNode(props[propName])) {
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+ }
+ return null;
+ }
- function createUnionTypeChecker(arrayOfTypeCheckers) {
- if (!Array.isArray(arrayOfTypeCheckers)) {
- process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
- return emptyFunctionThatReturnsNull;
- }
-
- for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
- var checker = arrayOfTypeCheckers[i];
- if (typeof checker !== 'function') {
- printWarning(
- 'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
- 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
- );
- return emptyFunctionThatReturnsNull;
- }
- }
+ return createChainableTypeChecker(validate);
+ }
- function validate(props, propName, componentName, location, propFullName) {
- for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
- var checker = arrayOfTypeCheckers[i];
- if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
- return null;
- }
- }
+ function createShapeTypeChecker(shapeTypes) {
+ function validate(props, propName, componentName, location, propFullName) {
+ var propValue = props[propName];
+ var propType = getPropType(propValue);
+ if (propType !== 'object') {
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+ }
+ for (var key in shapeTypes) {
+ var checker = shapeTypes[key];
+ if (!checker) {
+ continue;
+ }
+ var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+ if (error) {
+ return error;
+ }
+ }
+ return null;
+ }
- return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
- }
+ return createChainableTypeChecker(validate);
+ }
- return createChainableTypeChecker(validate);
- }
+ function createStrictShapeTypeChecker(shapeTypes) {
+ function validate(props, propName, componentName, location, propFullName) {
+ var propValue = props[propName];
+ var propType = getPropType(propValue);
+ if (propType !== 'object') {
+ return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+ }
+ // We need to check all keys in case some are required but missing from
+ // props.
+ var allKeys = assign({}, props[propName], shapeTypes);
+ for (var key in allKeys) {
+ var checker = shapeTypes[key];
+ if (!checker) {
+ return new PropTypeError(
+ 'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
+ '\nBad object: ' + JSON.stringify(props[propName], null, ' ') +
+ '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ')
+ );
+ }
+ var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+ if (error) {
+ return error;
+ }
+ }
+ return null;
+ }
- function createNodeChecker() {
- function validate(props, propName, componentName, location, propFullName) {
- if (!isNode(props[propName])) {
- return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
- }
- return null;
- }
+ return createChainableTypeChecker(validate);
+ }
- return createChainableTypeChecker(validate);
- }
+ function isNode(propValue) {
+ switch (typeof propValue) {
+ case 'number':
+ case 'string':
+ case 'undefined':
+ return true;
+ case 'boolean':
+ return !propValue;
+ case 'object':
+ if (Array.isArray(propValue)) {
+ return propValue.every(isNode);
+ }
+ if (propValue === null || isValidElement(propValue)) {
+ return true;
+ }
+
+ var iteratorFn = getIteratorFn(propValue);
+ if (iteratorFn) {
+ var iterator = iteratorFn.call(propValue);
+ var step;
+ if (iteratorFn !== propValue.entries) {
+ while (!(step = iterator.next()).done) {
+ if (!isNode(step.value)) {
+ return false;
+ }
+ }
+ } else {
+ // Iterator will provide entry [k,v] tuples rather than values.
+ while (!(step = iterator.next()).done) {
+ var entry = step.value;
+ if (entry) {
+ if (!isNode(entry[1])) {
+ return false;
+ }
+ }
+ }
+ }
+ } else {
+ return false;
+ }
+
+ return true;
+ default:
+ return false;
+ }
+ }
- function createShapeTypeChecker(shapeTypes) {
- function validate(props, propName, componentName, location, propFullName) {
- var propValue = props[propName];
- var propType = getPropType(propValue);
- if (propType !== 'object') {
- return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
- }
- for (var key in shapeTypes) {
- var checker = shapeTypes[key];
- if (!checker) {
- continue;
- }
- var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
- if (error) {
- return error;
- }
- }
- return null;
- }
+ function isSymbol(propType, propValue) {
+ // Native Symbol.
+ if (propType === 'symbol') {
+ return true;
+ }
- return createChainableTypeChecker(validate);
- }
+ // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+ if (propValue['@@toStringTag'] === 'Symbol') {
+ return true;
+ }
- function createStrictShapeTypeChecker(shapeTypes) {
- function validate(props, propName, componentName, location, propFullName) {
- var propValue = props[propName];
- var propType = getPropType(propValue);
- if (propType !== 'object') {
- return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
- }
- // We need to check all keys in case some are required but missing from
- // props.
- var allKeys = assign({}, props[propName], shapeTypes);
- for (var key in allKeys) {
- var checker = shapeTypes[key];
- if (!checker) {
- return new PropTypeError(
- 'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
- '\nBad object: ' + JSON.stringify(props[propName], null, ' ') +
- '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ')
- );
- }
- var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
- if (error) {
- return error;
- }
- }
- return null;
- }
+ // Fallback for non-spec compliant Symbols which are polyfilled.
+ if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+ return true;
+ }
- return createChainableTypeChecker(validate);
- }
+ return false;
+ }
- function isNode(propValue) {
- switch (typeof propValue) {
- case 'number':
- case 'string':
- case 'undefined':
- return true;
- case 'boolean':
- return !propValue;
- case 'object':
- if (Array.isArray(propValue)) {
- return propValue.every(isNode);
- }
- if (propValue === null || isValidElement(propValue)) {
- return true;
- }
-
- var iteratorFn = getIteratorFn(propValue);
- if (iteratorFn) {
- var iterator = iteratorFn.call(propValue);
- var step;
- if (iteratorFn !== propValue.entries) {
- while (!(step = iterator.next()).done) {
- if (!isNode(step.value)) {
- return false;
+ // Equivalent of `typeof` but with special handling for array and regexp.
+ function getPropType(propValue) {
+ var propType = typeof propValue;
+ if (Array.isArray(propValue)) {
+ return 'array';
}
- }
- } else {
- // Iterator will provide entry [k,v] tuples rather than values.
- while (!(step = iterator.next()).done) {
- var entry = step.value;
- if (entry) {
- if (!isNode(entry[1])) {
- return false;
- }
+ if (propValue instanceof RegExp) {
+ // Old webkits (at least until Android 4.0) return 'function' rather than
+ // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
+ // passes PropTypes.object.
+ return 'object';
}
- }
+ if (isSymbol(propType, propValue)) {
+ return 'symbol';
+ }
+ return propType;
}
- } else {
- return false;
- }
- return true;
- default:
- return false;
- }
- }
+ // This handles more types than `getPropType`. Only used for error messages.
+ // See `createPrimitiveTypeChecker`.
+ function getPreciseType(propValue) {
+ if (typeof propValue === 'undefined' || propValue === null) {
+ return '' + propValue;
+ }
+ var propType = getPropType(propValue);
+ if (propType === 'object') {
+ if (propValue instanceof Date) {
+ return 'date';
+ } else if (propValue instanceof RegExp) {
+ return 'regexp';
+ }
+ }
+ return propType;
+ }
- function isSymbol(propType, propValue) {
- // Native Symbol.
- if (propType === 'symbol') {
- return true;
- }
+ // Returns a string that is postfixed to a warning about an invalid type.
+ // For example, "undefined" or "of type array"
+ function getPostfixForTypeWarning(value) {
+ var type = getPreciseType(value);
+ switch (type) {
+ case 'array':
+ case 'object':
+ return 'an ' + type;
+ case 'boolean':
+ case 'date':
+ case 'regexp':
+ return 'a ' + type;
+ default:
+ return type;
+ }
+ }
- // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
- if (propValue['@@toStringTag'] === 'Symbol') {
- return true;
- }
+ // Returns class name of the object, if any.
+ function getClassName(propValue) {
+ if (!propValue.constructor || !propValue.constructor.name) {
+ return ANONYMOUS;
+ }
+ return propValue.constructor.name;
+ }
- // Fallback for non-spec compliant Symbols which are polyfilled.
- if (typeof Symbol === 'function' && propValue instanceof Symbol) {
- return true;
- }
+ ReactPropTypes.checkPropTypes = checkPropTypes;
+ ReactPropTypes.PropTypes = ReactPropTypes;
- return false;
- }
+ return ReactPropTypes;
+ };
- // Equivalent of `typeof` but with special handling for array and regexp.
- function getPropType(propValue) {
- var propType = typeof propValue;
- if (Array.isArray(propValue)) {
- return 'array';
- }
- if (propValue instanceof RegExp) {
- // Old webkits (at least until Android 4.0) return 'function' rather than
- // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
- // passes PropTypes.object.
- return 'object';
- }
- if (isSymbol(propType, propValue)) {
- return 'symbol';
- }
- return propType;
- }
+ }).call(this, require('_process'))
+ }, {"./checkPropTypes": 4, "./lib/ReactPropTypesSecret": 8, "_process": 3, "object-assign": 2}],
+ 7: [function (require, module, exports) {
+ (function (process) {
+ /**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
- // This handles more types than `getPropType`. Only used for error messages.
- // See `createPrimitiveTypeChecker`.
- function getPreciseType(propValue) {
- if (typeof propValue === 'undefined' || propValue === null) {
- return '' + propValue;
- }
- var propType = getPropType(propValue);
- if (propType === 'object') {
- if (propValue instanceof Date) {
- return 'date';
- } else if (propValue instanceof RegExp) {
- return 'regexp';
+ if (process.env.NODE_ENV !== 'production') {
+ var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
+ Symbol.for &&
+ Symbol.for('react.element')) ||
+ 0xeac7;
+
+ var isValidElement = function (object) {
+ return typeof object === 'object' &&
+ object !== null &&
+ object.$$typeof === REACT_ELEMENT_TYPE;
+ };
+
+ // By explicitly using `prop-types` you are opting into new development behavior.
+ // http://fb.me/prop-types-in-prod
+ var throwOnDirectAccess = true;
+ module.exports = require('./factoryWithTypeCheckers')(isValidElement, throwOnDirectAccess);
+ } else {
+ // By explicitly using `prop-types` you are opting into new production behavior.
+ // http://fb.me/prop-types-in-prod
+ module.exports = require('./factoryWithThrowingShims')();
}
- }
- return propType;
- }
- // Returns a string that is postfixed to a warning about an invalid type.
- // For example, "undefined" or "of type array"
- function getPostfixForTypeWarning(value) {
- var type = getPreciseType(value);
- switch (type) {
- case 'array':
- case 'object':
- return 'an ' + type;
- case 'boolean':
- case 'date':
- case 'regexp':
- return 'a ' + type;
- default:
- return type;
- }
- }
+ }).call(this, require('_process'))
+ }, {"./factoryWithThrowingShims": 5, "./factoryWithTypeCheckers": 6, "_process": 3}],
+ 8: [function (require, module, exports) {
+ /**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
- // Returns class name of the object, if any.
- function getClassName(propValue) {
- if (!propValue.constructor || !propValue.constructor.name) {
- return ANONYMOUS;
- }
- return propValue.constructor.name;
- }
+ 'use strict';
- ReactPropTypes.checkPropTypes = checkPropTypes;
- ReactPropTypes.PropTypes = ReactPropTypes;
-
- return ReactPropTypes;
- };
-
- }).call(this, require('_process'))
- }, {"./checkPropTypes": 4, "./lib/ReactPropTypesSecret": 8, "_process": 3, "object-assign": 2}],
- 7: [function (require, module, exports) {
- (function (process) {
- /**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
- if (process.env.NODE_ENV !== 'production') {
- var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
- Symbol.for &&
- Symbol.for('react.element')) ||
- 0xeac7;
-
- var isValidElement = function (object) {
- return typeof object === 'object' &&
- object !== null &&
- object.$$typeof === REACT_ELEMENT_TYPE;
- };
+ var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
- // By explicitly using `prop-types` you are opting into new development behavior.
- // http://fb.me/prop-types-in-prod
- var throwOnDirectAccess = true;
- module.exports = require('./factoryWithTypeCheckers')(isValidElement, throwOnDirectAccess);
- } else {
- // By explicitly using `prop-types` you are opting into new production behavior.
- // http://fb.me/prop-types-in-prod
- module.exports = require('./factoryWithThrowingShims')();
- }
-
- }).call(this, require('_process'))
- }, {"./factoryWithThrowingShims": 5, "./factoryWithTypeCheckers": 6, "_process": 3}],
- 8: [function (require, module, exports) {
- /**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
- 'use strict';
-
- var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
- module.exports = ReactPropTypesSecret;
-
- }, {}],
- 9: [function (require, module, exports) {
- (function (process) {
- /** @license React v16.7.0
- * react.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
- 'use strict';
-
-
- if (process.env.NODE_ENV !== "production") {
- (function () {
- 'use strict';
+ module.exports = ReactPropTypesSecret;
+
+ }, {}],
+ 9: [function (require, module, exports) {
+ (function (process) {
+ /** @license React v16.7.0
+ * react.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+ 'use strict';
+
+
+ if (process.env.NODE_ENV !== "production") {
+ (function () {
+ 'use strict';
- var _assign = require('object-assign');
- var checkPropTypes = require('prop-types/checkPropTypes');
+ var _assign = require('object-assign');
+ var checkPropTypes = require('prop-types/checkPropTypes');
// TODO: this is special because it gets imported during build.
- var ReactVersion = '16.7.0';
+ var ReactVersion = '16.7.0';
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
// nor polyfill, then a plain number is used for performance.
- var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-
- var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
- var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
- var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
- var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
- var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
- var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
- var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
-
- var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
- var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
- var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
- var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
- var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
-
- var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
- var FAUX_ITERATOR_SYMBOL = '@@iterator';
-
- function getIteratorFn(maybeIterable) {
- if (maybeIterable === null || typeof maybeIterable !== 'object') {
- return null;
- }
- var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
- if (typeof maybeIterator === 'function') {
- return maybeIterator;
- }
- return null;
- }
+ var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+
+ var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+ var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+ var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+ var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+ var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+ var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+ var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
+
+ var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+ var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+ var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+ var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+ var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+
+ var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+ var FAUX_ITERATOR_SYMBOL = '@@iterator';
+
+ function getIteratorFn(maybeIterable) {
+ if (maybeIterable === null || typeof maybeIterable !== 'object') {
+ return null;
+ }
+ var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+ if (typeof maybeIterator === 'function') {
+ return maybeIterator;
+ }
+ return null;
+ }
- var enableHooks = false;
+ var enableHooks = false;
// Helps identify side effects in begin-phase lifecycle hooks and setState reducers:
@@ -13993,7 +13997,7 @@ object-assign
// Only used in www builds.
- // TODO: true? Here it might just be false.
+ // TODO: true? Here it might just be false.
// Only used in www builds.
@@ -14007,2690 +14011,2715 @@ object-assign
// These APIs will no longer be "unstable" in the upcoming 16.7 release,
// Control this behavior with a flag to support 16.6 minor releases in the meanwhile.
- var enableStableConcurrentModeAPIs = false;
-
- /**
- * Use invariant() to assert state which your program assumes to be true.
- *
- * Provide sprintf-style format (only %s is supported) and arguments
- * to provide information about what broke and what you were
- * expecting.
- *
- * The invariant message will be stripped in production, but the invariant
- * will remain to ensure logic does not differ in production.
- */
-
- var validateFormat = function () {
- };
-
- {
- validateFormat = function (format) {
- if (format === undefined) {
- throw new Error('invariant requires an error message argument');
- }
- };
- }
-
- function invariant(condition, format, a, b, c, d, e, f) {
- validateFormat(format);
-
- if (!condition) {
- var error = void 0;
- if (format === undefined) {
- error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
- } else {
- var args = [a, b, c, d, e, f];
- var argIndex = 0;
- error = new Error(format.replace(/%s/g, function () {
- return args[argIndex++];
- }));
- error.name = 'Invariant Violation';
- }
-
- error.framesToPop = 1; // we don't care about invariant's own frame
- throw error;
- }
- }
+ var enableStableConcurrentModeAPIs = false;
+
+ /**
+ * Use invariant() to assert state which your program assumes to be true.
+ *
+ * Provide sprintf-style format (only %s is supported) and arguments
+ * to provide information about what broke and what you were
+ * expecting.
+ *
+ * The invariant message will be stripped in production, but the invariant
+ * will remain to ensure logic does not differ in production.
+ */
+
+ var validateFormat = function () {
+ };
+
+ {
+ validateFormat = function (format) {
+ if (format === undefined) {
+ throw new Error('invariant requires an error message argument');
+ }
+ };
+ }
+
+ function invariant(condition, format, a, b, c, d, e, f) {
+ validateFormat(format);
+
+ if (!condition) {
+ var error = void 0;
+ if (format === undefined) {
+ error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
+ } else {
+ var args = [a, b, c, d, e, f];
+ var argIndex = 0;
+ error = new Error(format.replace(/%s/g, function () {
+ return args[argIndex++];
+ }));
+ error.name = 'Invariant Violation';
+ }
+
+ error.framesToPop = 1; // we don't care about invariant's own frame
+ throw error;
+ }
+ }
// Relying on the `invariant()` implementation lets us
// preserve the format and params in the www builds.
- /**
- * Forked from fbjs/warning:
- * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
- *
- * Only change is we use console.warn instead of console.error,
- * and do nothing when 'console' is not supported.
- * This really simplifies the code.
- * ---
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
- var lowPriorityWarning = function () {
- };
-
- {
- var printWarning = function (format) {
- for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- args[_key - 1] = arguments[_key];
- }
-
- var argIndex = 0;
- var message = 'Warning: ' + format.replace(/%s/g, function () {
- return args[argIndex++];
- });
- if (typeof console !== 'undefined') {
- console.warn(message);
- }
- try {
- // --- Welcome to debugging React ---
- // This error was thrown as a convenience so that you can use this stack
- // to find the callsite that caused this warning to fire.
- throw new Error(message);
- } catch (x) {
- }
- };
+ /**
+ * Forked from fbjs/warning:
+ * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
+ *
+ * Only change is we use console.warn instead of console.error,
+ * and do nothing when 'console' is not supported.
+ * This really simplifies the code.
+ * ---
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+ var lowPriorityWarning = function () {
+ };
+
+ {
+ var printWarning = function (format) {
+ for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+ args[_key - 1] = arguments[_key];
+ }
+
+ var argIndex = 0;
+ var message = 'Warning: ' + format.replace(/%s/g, function () {
+ return args[argIndex++];
+ });
+ if (typeof console !== 'undefined') {
+ console.warn(message);
+ }
+ try {
+ // --- Welcome to debugging React ---
+ // This error was thrown as a convenience so that you can use this stack
+ // to find the callsite that caused this warning to fire.
+ throw new Error(message);
+ } catch (x) {
+ }
+ };
+
+ lowPriorityWarning = function (condition, format) {
+ if (format === undefined) {
+ throw new Error('`lowPriorityWarning(condition, format, ...args)` requires a warning ' + 'message argument');
+ }
+ if (!condition) {
+ for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+ args[_key2 - 2] = arguments[_key2];
+ }
+
+ printWarning.apply(undefined, [format].concat(args));
+ }
+ };
+ }
- lowPriorityWarning = function (condition, format) {
- if (format === undefined) {
- throw new Error('`lowPriorityWarning(condition, format, ...args)` requires a warning ' + 'message argument');
- }
- if (!condition) {
- for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
- args[_key2 - 2] = arguments[_key2];
- }
+ var lowPriorityWarning$1 = lowPriorityWarning;
+
+ /**
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+ var warningWithoutStack = function () {
+ };
+
+ {
+ warningWithoutStack = function (condition, format) {
+ for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ args[_key - 2] = arguments[_key];
+ }
+
+ if (format === undefined) {
+ throw new Error('`warningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
+ }
+ if (args.length > 8) {
+ // Check before the condition to catch violations early.
+ throw new Error('warningWithoutStack() currently supports at most 8 arguments.');
+ }
+ if (condition) {
+ return;
+ }
+ if (typeof console !== 'undefined') {
+ var argsWithFormat = args.map(function (item) {
+ return '' + item;
+ });
+ argsWithFormat.unshift('Warning: ' + format);
+
+ // We intentionally don't use spread (or .apply) directly because it
+ // breaks IE9: https://github.com/facebook/react/issues/13610
+ Function.prototype.apply.call(console.error, console, argsWithFormat);
+ }
+ try {
+ // --- Welcome to debugging React ---
+ // This error was thrown as a convenience so that you can use this stack
+ // to find the callsite that caused this warning to fire.
+ var argIndex = 0;
+ var message = 'Warning: ' + format.replace(/%s/g, function () {
+ return args[argIndex++];
+ });
+ throw new Error(message);
+ } catch (x) {
+ }
+ };
+ }
- printWarning.apply(undefined, [format].concat(args));
- }
- };
- }
-
- var lowPriorityWarning$1 = lowPriorityWarning;
-
- /**
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
- var warningWithoutStack = function () {
- };
-
- {
- warningWithoutStack = function (condition, format) {
- for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
- args[_key - 2] = arguments[_key];
- }
-
- if (format === undefined) {
- throw new Error('`warningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
- }
- if (args.length > 8) {
- // Check before the condition to catch violations early.
- throw new Error('warningWithoutStack() currently supports at most 8 arguments.');
- }
- if (condition) {
- return;
- }
- if (typeof console !== 'undefined') {
- var argsWithFormat = args.map(function (item) {
- return '' + item;
- });
- argsWithFormat.unshift('Warning: ' + format);
-
- // We intentionally don't use spread (or .apply) directly because it
- // breaks IE9: https://github.com/facebook/react/issues/13610
- Function.prototype.apply.call(console.error, console, argsWithFormat);
- }
- try {
- // --- Welcome to debugging React ---
- // This error was thrown as a convenience so that you can use this stack
- // to find the callsite that caused this warning to fire.
- var argIndex = 0;
- var message = 'Warning: ' + format.replace(/%s/g, function () {
- return args[argIndex++];
- });
- throw new Error(message);
- } catch (x) {
- }
- };
- }
-
- var warningWithoutStack$1 = warningWithoutStack;
-
- var didWarnStateUpdateForUnmountedComponent = {};
-
- function warnNoop(publicInstance, callerName) {
- {
- var _constructor = publicInstance.constructor;
- var componentName = _constructor && (_constructor.displayName || _constructor.name) || 'ReactClass';
- var warningKey = componentName + '.' + callerName;
- if (didWarnStateUpdateForUnmountedComponent[warningKey]) {
- return;
- }
- warningWithoutStack$1(false, "Can't call %s on a component that is not yet mounted. " + 'This is a no-op, but it might indicate a bug in your application. ' + 'Instead, assign to `this.state` directly or define a `state = {};` ' + 'class property with the desired state in the %s component.', callerName, componentName);
- didWarnStateUpdateForUnmountedComponent[warningKey] = true;
- }
- }
+ var warningWithoutStack$1 = warningWithoutStack;
+
+ var didWarnStateUpdateForUnmountedComponent = {};
+
+ function warnNoop(publicInstance, callerName) {
+ {
+ var _constructor = publicInstance.constructor;
+ var componentName = _constructor && (_constructor.displayName || _constructor.name) || 'ReactClass';
+ var warningKey = componentName + '.' + callerName;
+ if (didWarnStateUpdateForUnmountedComponent[warningKey]) {
+ return;
+ }
+ warningWithoutStack$1(false, "Can't call %s on a component that is not yet mounted. " + 'This is a no-op, but it might indicate a bug in your application. ' + 'Instead, assign to `this.state` directly or define a `state = {};` ' + 'class property with the desired state in the %s component.', callerName, componentName);
+ didWarnStateUpdateForUnmountedComponent[warningKey] = true;
+ }
+ }
- /**
- * This is the abstract API for an update queue.
- */
- var ReactNoopUpdateQueue = {
- /**
- * Checks whether or not this composite component is mounted.
- * @param {ReactClass} publicInstance The instance we want to test.
- * @return {boolean} True if mounted, false otherwise.
- * @protected
- * @final
- */
- isMounted: function (publicInstance) {
- return false;
- },
+ /**
+ * This is the abstract API for an update queue.
+ */
+ var ReactNoopUpdateQueue = {
+ /**
+ * Checks whether or not this composite component is mounted.
+ * @param {ReactClass} publicInstance The instance we want to test.
+ * @return {boolean} True if mounted, false otherwise.
+ * @protected
+ * @final
+ */
+ isMounted: function (publicInstance) {
+ return false;
+ },
+
+ /**
+ * Forces an update. This should only be invoked when it is known with
+ * certainty that we are **not** in a DOM transaction.
+ *
+ * You may want to call this when you know that some deeper aspect of the
+ * component's state has changed but `setState` was not called.
+ *
+ * This will not invoke `shouldComponentUpdate`, but it will invoke
+ * `componentWillUpdate` and `componentDidUpdate`.
+ *
+ * @param {ReactClass} publicInstance The instance that should rerender.
+ * @param {?function} callback Called after component is updated.
+ * @param {?string} callerName name of the calling function in the public API.
+ * @internal
+ */
+ enqueueForceUpdate: function (publicInstance, callback, callerName) {
+ warnNoop(publicInstance, 'forceUpdate');
+ },
+
+ /**
+ * Replaces all of the state. Always use this or `setState` to mutate state.
+ * You should treat `this.state` as immutable.
+ *
+ * There is no guarantee that `this.state` will be immediately updated, so
+ * accessing `this.state` after calling this method may return the old value.
+ *
+ * @param {ReactClass} publicInstance The instance that should rerender.
+ * @param {object} completeState Next state.
+ * @param {?function} callback Called after component is updated.
+ * @param {?string} callerName name of the calling function in the public API.
+ * @internal
+ */
+ enqueueReplaceState: function (publicInstance, completeState, callback, callerName) {
+ warnNoop(publicInstance, 'replaceState');
+ },
+
+ /**
+ * Sets a subset of the state. This only exists because _pendingState is
+ * internal. This provides a merging strategy that is not available to deep
+ * properties which is confusing. TODO: Expose pendingState or don't use it
+ * during the merge.
+ *
+ * @param {ReactClass} publicInstance The instance that should rerender.
+ * @param {object} partialState Next partial state to be merged with state.
+ * @param {?function} callback Called after component is updated.
+ * @param {?string} Name of the calling function in the public API.
+ * @internal
+ */
+ enqueueSetState: function (publicInstance, partialState, callback, callerName) {
+ warnNoop(publicInstance, 'setState');
+ }
+ };
+
+ var emptyObject = {};
+ {
+ Object.freeze(emptyObject);
+ }
- /**
- * Forces an update. This should only be invoked when it is known with
- * certainty that we are **not** in a DOM transaction.
- *
- * You may want to call this when you know that some deeper aspect of the
- * component's state has changed but `setState` was not called.
- *
- * This will not invoke `shouldComponentUpdate`, but it will invoke
- * `componentWillUpdate` and `componentDidUpdate`.
- *
- * @param {ReactClass} publicInstance The instance that should rerender.
- * @param {?function} callback Called after component is updated.
- * @param {?string} callerName name of the calling function in the public API.
- * @internal
- */
- enqueueForceUpdate: function (publicInstance, callback, callerName) {
- warnNoop(publicInstance, 'forceUpdate');
- },
+ /**
+ * Base class helpers for the updating state of a component.
+ */
+ function Component(props, context, updater) {
+ this.props = props;
+ this.context = context;
+ // If a component has string refs, we will assign a different object later.
+ this.refs = emptyObject;
+ // We initialize the default updater but the real one gets injected by the
+ // renderer.
+ this.updater = updater || ReactNoopUpdateQueue;
+ }
- /**
- * Replaces all of the state. Always use this or `setState` to mutate state.
- * You should treat `this.state` as immutable.
- *
- * There is no guarantee that `this.state` will be immediately updated, so
- * accessing `this.state` after calling this method may return the old value.
- *
- * @param {ReactClass} publicInstance The instance that should rerender.
- * @param {object} completeState Next state.
- * @param {?function} callback Called after component is updated.
- * @param {?string} callerName name of the calling function in the public API.
- * @internal
- */
- enqueueReplaceState: function (publicInstance, completeState, callback, callerName) {
- warnNoop(publicInstance, 'replaceState');
- },
+ Component.prototype.isReactComponent = {};
+
+ /**
+ * Sets a subset of the state. Always use this to mutate
+ * state. You should treat `this.state` as immutable.
+ *
+ * There is no guarantee that `this.state` will be immediately updated, so
+ * accessing `this.state` after calling this method may return the old value.
+ *
+ * There is no guarantee that calls to `setState` will run synchronously,
+ * as they may eventually be batched together. You can provide an optional
+ * callback that will be executed when the call to setState is actually
+ * completed.
+ *
+ * When a function is provided to setState, it will be called at some point in
+ * the future (not synchronously). It will be called with the up to date
+ * component arguments (state, props, context). These values can be different
+ * from this.* because your function may be called after receiveProps but before
+ * shouldComponentUpdate, and this new state, props, and context will not yet be
+ * assigned to this.
+ *
+ * @param {object|function} partialState Next partial state or function to
+ * produce next partial state to be merged with current state.
+ * @param {?function} callback Called after state is updated.
+ * @final
+ * @protected
+ */
+ Component.prototype.setState = function (partialState, callback) {
+ !(typeof partialState === 'object' || typeof partialState === 'function' || partialState == null) ? invariant(false, 'setState(...): takes an object of state variables to update or a function which returns an object of state variables.') : void 0;
+ this.updater.enqueueSetState(this, partialState, callback, 'setState');
+ };
+
+ /**
+ * Forces an update. This should only be invoked when it is known with
+ * certainty that we are **not** in a DOM transaction.
+ *
+ * You may want to call this when you know that some deeper aspect of the
+ * component's state has changed but `setState` was not called.
+ *
+ * This will not invoke `shouldComponentUpdate`, but it will invoke
+ * `componentWillUpdate` and `componentDidUpdate`.
+ *
+ * @param {?function} callback Called after update is complete.
+ * @final
+ * @protected
+ */
+ Component.prototype.forceUpdate = function (callback) {
+ this.updater.enqueueForceUpdate(this, callback, 'forceUpdate');
+ };
+
+ /**
+ * Deprecated APIs. These APIs used to exist on classic React classes but since
+ * we would like to deprecate them, we're not going to move them over to this
+ * modern base class. Instead, we define a getter that warns if it's accessed.
+ */
+ {
+ var deprecatedAPIs = {
+ isMounted: ['isMounted', 'Instead, make sure to clean up subscriptions and pending requests in ' + 'componentWillUnmount to prevent memory leaks.'],
+ replaceState: ['replaceState', 'Refactor your code to use setState instead (see ' + 'https://github.com/facebook/react/issues/3236).']
+ };
+ var defineDeprecationWarning = function (methodName, info) {
+ Object.defineProperty(Component.prototype, methodName, {
+ get: function () {
+ lowPriorityWarning$1(false, '%s(...) is deprecated in plain JavaScript React classes. %s', info[0], info[1]);
+ return undefined;
+ }
+ });
+ };
+ for (var fnName in deprecatedAPIs) {
+ if (deprecatedAPIs.hasOwnProperty(fnName)) {
+ defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
+ }
+ }
+ }
- /**
- * Sets a subset of the state. This only exists because _pendingState is
- * internal. This provides a merging strategy that is not available to deep
- * properties which is confusing. TODO: Expose pendingState or don't use it
- * during the merge.
- *
- * @param {ReactClass} publicInstance The instance that should rerender.
- * @param {object} partialState Next partial state to be merged with state.
- * @param {?function} callback Called after component is updated.
- * @param {?string} Name of the calling function in the public API.
- * @internal
- */
- enqueueSetState: function (publicInstance, partialState, callback, callerName) {
- warnNoop(publicInstance, 'setState');
- }
- };
-
- var emptyObject = {};
- {
- Object.freeze(emptyObject);
- }
-
- /**
- * Base class helpers for the updating state of a component.
- */
- function Component(props, context, updater) {
- this.props = props;
- this.context = context;
- // If a component has string refs, we will assign a different object later.
- this.refs = emptyObject;
- // We initialize the default updater but the real one gets injected by the
- // renderer.
- this.updater = updater || ReactNoopUpdateQueue;
- }
-
- Component.prototype.isReactComponent = {};
-
- /**
- * Sets a subset of the state. Always use this to mutate
- * state. You should treat `this.state` as immutable.
- *
- * There is no guarantee that `this.state` will be immediately updated, so
- * accessing `this.state` after calling this method may return the old value.
- *
- * There is no guarantee that calls to `setState` will run synchronously,
- * as they may eventually be batched together. You can provide an optional
- * callback that will be executed when the call to setState is actually
- * completed.
- *
- * When a function is provided to setState, it will be called at some point in
- * the future (not synchronously). It will be called with the up to date
- * component arguments (state, props, context). These values can be different
- * from this.* because your function may be called after receiveProps but before
- * shouldComponentUpdate, and this new state, props, and context will not yet be
- * assigned to this.
- *
- * @param {object|function} partialState Next partial state or function to
- * produce next partial state to be merged with current state.
- * @param {?function} callback Called after state is updated.
- * @final
- * @protected
- */
- Component.prototype.setState = function (partialState, callback) {
- !(typeof partialState === 'object' || typeof partialState === 'function' || partialState == null) ? invariant(false, 'setState(...): takes an object of state variables to update or a function which returns an object of state variables.') : void 0;
- this.updater.enqueueSetState(this, partialState, callback, 'setState');
- };
-
- /**
- * Forces an update. This should only be invoked when it is known with
- * certainty that we are **not** in a DOM transaction.
- *
- * You may want to call this when you know that some deeper aspect of the
- * component's state has changed but `setState` was not called.
- *
- * This will not invoke `shouldComponentUpdate`, but it will invoke
- * `componentWillUpdate` and `componentDidUpdate`.
- *
- * @param {?function} callback Called after update is complete.
- * @final
- * @protected
- */
- Component.prototype.forceUpdate = function (callback) {
- this.updater.enqueueForceUpdate(this, callback, 'forceUpdate');
- };
-
- /**
- * Deprecated APIs. These APIs used to exist on classic React classes but since
- * we would like to deprecate them, we're not going to move them over to this
- * modern base class. Instead, we define a getter that warns if it's accessed.
- */
- {
- var deprecatedAPIs = {
- isMounted: ['isMounted', 'Instead, make sure to clean up subscriptions and pending requests in ' + 'componentWillUnmount to prevent memory leaks.'],
- replaceState: ['replaceState', 'Refactor your code to use setState instead (see ' + 'https://github.com/facebook/react/issues/3236).']
- };
- var defineDeprecationWarning = function (methodName, info) {
- Object.defineProperty(Component.prototype, methodName, {
- get: function () {
- lowPriorityWarning$1(false, '%s(...) is deprecated in plain JavaScript React classes. %s', info[0], info[1]);
- return undefined;
- }
- });
- };
- for (var fnName in deprecatedAPIs) {
- if (deprecatedAPIs.hasOwnProperty(fnName)) {
- defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
- }
- }
- }
-
- function ComponentDummy() {
- }
-
- ComponentDummy.prototype = Component.prototype;
-
- /**
- * Convenience component with default shallow equality check for sCU.
- */
- function PureComponent(props, context, updater) {
- this.props = props;
- this.context = context;
- // If a component has string refs, we will assign a different object later.
- this.refs = emptyObject;
- this.updater = updater || ReactNoopUpdateQueue;
- }
-
- var pureComponentPrototype = PureComponent.prototype = new ComponentDummy();
- pureComponentPrototype.constructor = PureComponent;
+ function ComponentDummy() {
+ }
+
+ ComponentDummy.prototype = Component.prototype;
+
+ /**
+ * Convenience component with default shallow equality check for sCU.
+ */
+ function PureComponent(props, context, updater) {
+ this.props = props;
+ this.context = context;
+ // If a component has string refs, we will assign a different object later.
+ this.refs = emptyObject;
+ this.updater = updater || ReactNoopUpdateQueue;
+ }
+
+ var pureComponentPrototype = PureComponent.prototype = new ComponentDummy();
+ pureComponentPrototype.constructor = PureComponent;
// Avoid an extra prototype jump for these methods.
- _assign(pureComponentPrototype, Component.prototype);
- pureComponentPrototype.isPureReactComponent = true;
+ _assign(pureComponentPrototype, Component.prototype);
+ pureComponentPrototype.isPureReactComponent = true;
// an immutable object with a single mutable value
- function createRef() {
- var refObject = {
- current: null
- };
- {
- Object.seal(refObject);
- }
- return refObject;
- }
-
- /**
- * Keeps track of the current owner.
- *
- * The current owner is the component who should own any components that are
- * currently being constructed.
- */
- var ReactCurrentOwner = {
- /**
- * @internal
- * @type {ReactComponent}
- */
- current: null,
- currentDispatcher: null
- };
-
- var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
-
- var describeComponentFrame = function (name, source, ownerName) {
- var sourceInfo = '';
- if (source) {
- var path = source.fileName;
- var fileName = path.replace(BEFORE_SLASH_RE, '');
- {
- // In DEV, include code for a common special case:
- // prefer "folder/index.js" instead of just "index.js".
- if (/^index\./.test(fileName)) {
- var match = path.match(BEFORE_SLASH_RE);
- if (match) {
- var pathBeforeSlash = match[1];
- if (pathBeforeSlash) {
- var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, '');
- fileName = folderName + '/' + fileName;
+ function createRef() {
+ var refObject = {
+ current: null
+ };
+ {
+ Object.seal(refObject);
+ }
+ return refObject;
}
- }
- }
- }
- sourceInfo = ' (at ' + fileName + ':' + source.lineNumber + ')';
- } else if (ownerName) {
- sourceInfo = ' (created by ' + ownerName + ')';
- }
- return '\n in ' + (name || 'Unknown') + sourceInfo;
- };
- var Resolved = 1;
+ /**
+ * Keeps track of the current owner.
+ *
+ * The current owner is the component who should own any components that are
+ * currently being constructed.
+ */
+ var ReactCurrentOwner = {
+ /**
+ * @internal
+ * @type {ReactComponent}
+ */
+ current: null,
+ currentDispatcher: null
+ };
+
+ var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+
+ var describeComponentFrame = function (name, source, ownerName) {
+ var sourceInfo = '';
+ if (source) {
+ var path = source.fileName;
+ var fileName = path.replace(BEFORE_SLASH_RE, '');
+ {
+ // In DEV, include code for a common special case:
+ // prefer "folder/index.js" instead of just "index.js".
+ if (/^index\./.test(fileName)) {
+ var match = path.match(BEFORE_SLASH_RE);
+ if (match) {
+ var pathBeforeSlash = match[1];
+ if (pathBeforeSlash) {
+ var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, '');
+ fileName = folderName + '/' + fileName;
+ }
+ }
+ }
+ }
+ sourceInfo = ' (at ' + fileName + ':' + source.lineNumber + ')';
+ } else if (ownerName) {
+ sourceInfo = ' (created by ' + ownerName + ')';
+ }
+ return '\n in ' + (name || 'Unknown') + sourceInfo;
+ };
+
+ var Resolved = 1;
+
+
+ function refineResolvedLazyComponent(lazyComponent) {
+ return lazyComponent._status === Resolved ? lazyComponent._result : null;
+ }
+ function getWrappedName(outerType, innerType, wrapperName) {
+ var functionName = innerType.displayName || innerType.name || '';
+ return outerType.displayName || (functionName !== '' ? wrapperName + '(' + functionName + ')' : wrapperName);
+ }
- function refineResolvedLazyComponent(lazyComponent) {
- return lazyComponent._status === Resolved ? lazyComponent._result : null;
- }
+ function getComponentName(type) {
+ if (type == null) {
+ // Host root, text node or just invalid type.
+ return null;
+ }
+ {
+ if (typeof type.tag === 'number') {
+ warningWithoutStack$1(false, 'Received an unexpected object in getComponentName(). ' + 'This is likely a bug in React. Please file an issue.');
+ }
+ }
+ if (typeof type === 'function') {
+ return type.displayName || type.name || null;
+ }
+ if (typeof type === 'string') {
+ return type;
+ }
+ switch (type) {
+ case REACT_CONCURRENT_MODE_TYPE:
+ return 'ConcurrentMode';
+ case REACT_FRAGMENT_TYPE:
+ return 'Fragment';
+ case REACT_PORTAL_TYPE:
+ return 'Portal';
+ case REACT_PROFILER_TYPE:
+ return 'Profiler';
+ case REACT_STRICT_MODE_TYPE:
+ return 'StrictMode';
+ case REACT_SUSPENSE_TYPE:
+ return 'Suspense';
+ }
+ if (typeof type === 'object') {
+ switch (type.$$typeof) {
+ case REACT_CONTEXT_TYPE:
+ return 'Context.Consumer';
+ case REACT_PROVIDER_TYPE:
+ return 'Context.Provider';
+ case REACT_FORWARD_REF_TYPE:
+ return getWrappedName(type, type.render, 'ForwardRef');
+ case REACT_MEMO_TYPE:
+ return getComponentName(type.type);
+ case REACT_LAZY_TYPE: {
+ var thenable = type;
+ var resolvedThenable = refineResolvedLazyComponent(thenable);
+ if (resolvedThenable) {
+ return getComponentName(resolvedThenable);
+ }
+ }
+ }
+ }
+ return null;
+ }
- function getWrappedName(outerType, innerType, wrapperName) {
- var functionName = innerType.displayName || innerType.name || '';
- return outerType.displayName || (functionName !== '' ? wrapperName + '(' + functionName + ')' : wrapperName);
- }
+ var ReactDebugCurrentFrame = {};
- function getComponentName(type) {
- if (type == null) {
- // Host root, text node or just invalid type.
- return null;
- }
- {
- if (typeof type.tag === 'number') {
- warningWithoutStack$1(false, 'Received an unexpected object in getComponentName(). ' + 'This is likely a bug in React. Please file an issue.');
- }
- }
- if (typeof type === 'function') {
- return type.displayName || type.name || null;
- }
- if (typeof type === 'string') {
- return type;
- }
- switch (type) {
- case REACT_CONCURRENT_MODE_TYPE:
- return 'ConcurrentMode';
- case REACT_FRAGMENT_TYPE:
- return 'Fragment';
- case REACT_PORTAL_TYPE:
- return 'Portal';
- case REACT_PROFILER_TYPE:
- return 'Profiler';
- case REACT_STRICT_MODE_TYPE:
- return 'StrictMode';
- case REACT_SUSPENSE_TYPE:
- return 'Suspense';
- }
- if (typeof type === 'object') {
- switch (type.$$typeof) {
- case REACT_CONTEXT_TYPE:
- return 'Context.Consumer';
- case REACT_PROVIDER_TYPE:
- return 'Context.Provider';
- case REACT_FORWARD_REF_TYPE:
- return getWrappedName(type, type.render, 'ForwardRef');
- case REACT_MEMO_TYPE:
- return getComponentName(type.type);
- case REACT_LAZY_TYPE: {
- var thenable = type;
- var resolvedThenable = refineResolvedLazyComponent(thenable);
- if (resolvedThenable) {
- return getComponentName(resolvedThenable);
- }
- }
- }
- }
- return null;
- }
+ var currentlyValidatingElement = null;
- var ReactDebugCurrentFrame = {};
+ function setCurrentlyValidatingElement(element) {
+ {
+ currentlyValidatingElement = element;
+ }
+ }
- var currentlyValidatingElement = null;
+ {
+ // Stack implementation injected by the current renderer.
+ ReactDebugCurrentFrame.getCurrentStack = null;
- function setCurrentlyValidatingElement(element) {
- {
- currentlyValidatingElement = element;
- }
- }
+ ReactDebugCurrentFrame.getStackAddendum = function () {
+ var stack = '';
- {
- // Stack implementation injected by the current renderer.
- ReactDebugCurrentFrame.getCurrentStack = null;
+ // Add an extra top frame while an element is being validated
+ if (currentlyValidatingElement) {
+ var name = getComponentName(currentlyValidatingElement.type);
+ var owner = currentlyValidatingElement._owner;
+ stack += describeComponentFrame(name, currentlyValidatingElement._source, owner && getComponentName(owner.type));
+ }
- ReactDebugCurrentFrame.getStackAddendum = function () {
- var stack = '';
+ // Delegate to the injected renderer-specific implementation
+ var impl = ReactDebugCurrentFrame.getCurrentStack;
+ if (impl) {
+ stack += impl() || '';
+ }
- // Add an extra top frame while an element is being validated
- if (currentlyValidatingElement) {
- var name = getComponentName(currentlyValidatingElement.type);
- var owner = currentlyValidatingElement._owner;
- stack += describeComponentFrame(name, currentlyValidatingElement._source, owner && getComponentName(owner.type));
- }
+ return stack;
+ };
+ }
- // Delegate to the injected renderer-specific implementation
- var impl = ReactDebugCurrentFrame.getCurrentStack;
- if (impl) {
- stack += impl() || '';
- }
+ var ReactSharedInternals = {
+ ReactCurrentOwner: ReactCurrentOwner,
+ // Used by renderers to avoid bundling object-assign twice in UMD bundles:
+ assign: _assign
+ };
+
+ {
+ _assign(ReactSharedInternals, {
+ // These should not be included in production.
+ ReactDebugCurrentFrame: ReactDebugCurrentFrame,
+ // Shim for React DOM 16.0.0 which still destructured (but not used) this.
+ // TODO: remove in React 17.0.
+ ReactComponentTreeHook: {}
+ });
+ }
- return stack;
- };
- }
-
- var ReactSharedInternals = {
- ReactCurrentOwner: ReactCurrentOwner,
- // Used by renderers to avoid bundling object-assign twice in UMD bundles:
- assign: _assign
- };
-
- {
- _assign(ReactSharedInternals, {
- // These should not be included in production.
- ReactDebugCurrentFrame: ReactDebugCurrentFrame,
- // Shim for React DOM 16.0.0 which still destructured (but not used) this.
- // TODO: remove in React 17.0.
- ReactComponentTreeHook: {}
- });
- }
-
- /**
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
- var warning = warningWithoutStack$1;
-
- {
- warning = function (condition, format) {
- if (condition) {
- return;
- }
- var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
- var stack = ReactDebugCurrentFrame.getStackAddendum();
- // eslint-disable-next-line react-internal/warning-and-invariant-args
-
- for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
- args[_key - 2] = arguments[_key];
- }
-
- warningWithoutStack$1.apply(undefined, [false, format + '%s'].concat(args, [stack]));
- };
- }
+ /**
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+ var warning = warningWithoutStack$1;
+
+ {
+ warning = function (condition, format) {
+ if (condition) {
+ return;
+ }
+ var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+ var stack = ReactDebugCurrentFrame.getStackAddendum();
+ // eslint-disable-next-line react-internal/warning-and-invariant-args
+
+ for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ args[_key - 2] = arguments[_key];
+ }
+
+ warningWithoutStack$1.apply(undefined, [false, format + '%s'].concat(args, [stack]));
+ };
+ }
- var warning$1 = warning;
+ var warning$1 = warning;
+
+ var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+ var RESERVED_PROPS = {
+ key: true,
+ ref: true,
+ __self: true,
+ __source: true
+ };
+
+ var specialPropKeyWarningShown = void 0;
+ var specialPropRefWarningShown = void 0;
+
+ function hasValidRef(config) {
+ {
+ if (hasOwnProperty.call(config, 'ref')) {
+ var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
+ if (getter && getter.isReactWarning) {
+ return false;
+ }
+ }
+ }
+ return config.ref !== undefined;
+ }
- var hasOwnProperty = Object.prototype.hasOwnProperty;
+ function hasValidKey(config) {
+ {
+ if (hasOwnProperty.call(config, 'key')) {
+ var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
+ if (getter && getter.isReactWarning) {
+ return false;
+ }
+ }
+ }
+ return config.key !== undefined;
+ }
- var RESERVED_PROPS = {
- key: true,
- ref: true,
- __self: true,
- __source: true
- };
+ function defineKeyPropWarningGetter(props, displayName) {
+ var warnAboutAccessingKey = function () {
+ if (!specialPropKeyWarningShown) {
+ specialPropKeyWarningShown = true;
+ warningWithoutStack$1(false, '%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName);
+ }
+ };
+ warnAboutAccessingKey.isReactWarning = true;
+ Object.defineProperty(props, 'key', {
+ get: warnAboutAccessingKey,
+ configurable: true
+ });
+ }
- var specialPropKeyWarningShown = void 0;
- var specialPropRefWarningShown = void 0;
+ function defineRefPropWarningGetter(props, displayName) {
+ var warnAboutAccessingRef = function () {
+ if (!specialPropRefWarningShown) {
+ specialPropRefWarningShown = true;
+ warningWithoutStack$1(false, '%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName);
+ }
+ };
+ warnAboutAccessingRef.isReactWarning = true;
+ Object.defineProperty(props, 'ref', {
+ get: warnAboutAccessingRef,
+ configurable: true
+ });
+ }
- function hasValidRef(config) {
- {
- if (hasOwnProperty.call(config, 'ref')) {
- var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
- if (getter && getter.isReactWarning) {
- return false;
- }
- }
- }
- return config.ref !== undefined;
- }
-
- function hasValidKey(config) {
- {
- if (hasOwnProperty.call(config, 'key')) {
- var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
- if (getter && getter.isReactWarning) {
- return false;
- }
- }
- }
- return config.key !== undefined;
- }
-
- function defineKeyPropWarningGetter(props, displayName) {
- var warnAboutAccessingKey = function () {
- if (!specialPropKeyWarningShown) {
- specialPropKeyWarningShown = true;
- warningWithoutStack$1(false, '%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName);
- }
- };
- warnAboutAccessingKey.isReactWarning = true;
- Object.defineProperty(props, 'key', {
- get: warnAboutAccessingKey,
- configurable: true
- });
- }
-
- function defineRefPropWarningGetter(props, displayName) {
- var warnAboutAccessingRef = function () {
- if (!specialPropRefWarningShown) {
- specialPropRefWarningShown = true;
- warningWithoutStack$1(false, '%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName);
- }
- };
- warnAboutAccessingRef.isReactWarning = true;
- Object.defineProperty(props, 'ref', {
- get: warnAboutAccessingRef,
- configurable: true
- });
- }
-
- /**
- * Factory method to create a new React element. This no longer adheres to
- * the class pattern, so do not use new to call it. Also, no instanceof check
- * will work. Instead test $$typeof field against Symbol.for('react.element') to check
- * if something is a React Element.
- *
- * @param {*} type
- * @param {*} key
- * @param {string|object} ref
- * @param {*} self A *temporary* helper to detect places where `this` is
- * different from the `owner` when React.createElement is called, so that we
- * can warn. We want to get rid of owner and replace string `ref`s with arrow
- * functions, and as long as `this` and owner are the same, there will be no
- * change in behavior.
- * @param {*} source An annotation object (added by a transpiler or otherwise)
- * indicating filename, line number, and/or other information.
- * @param {*} owner
- * @param {*} props
- * @internal
- */
- var ReactElement = function (type, key, ref, self, source, owner, props) {
- var element = {
- // This tag allows us to uniquely identify this as a React Element
- $$typeof: REACT_ELEMENT_TYPE,
-
- // Built-in properties that belong on the element
- type: type,
- key: key,
- ref: ref,
- props: props,
-
- // Record the component responsible for creating this element.
- _owner: owner
- };
+ /**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, no instanceof check
+ * will work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @param {*} owner
+ * @param {*} props
+ * @internal
+ */
+ var ReactElement = function (type, key, ref, self, source, owner, props) {
+ var element = {
+ // This tag allows us to uniquely identify this as a React Element
+ $$typeof: REACT_ELEMENT_TYPE,
+
+ // Built-in properties that belong on the element
+ type: type,
+ key: key,
+ ref: ref,
+ props: props,
+
+ // Record the component responsible for creating this element.
+ _owner: owner
+ };
+
+ {
+ // The validation flag is currently mutative. We put it on
+ // an external backing store so that we can freeze the whole object.
+ // This can be replaced with a WeakMap once they are implemented in
+ // commonly used development environments.
+ element._store = {};
+
+ // To make comparing ReactElements easier for testing purposes, we make
+ // the validation flag non-enumerable (where possible, which should
+ // include every environment we run tests in), so the test framework
+ // ignores it.
+ Object.defineProperty(element._store, 'validated', {
+ configurable: false,
+ enumerable: false,
+ writable: true,
+ value: false
+ });
+ // self and source are DEV only properties.
+ Object.defineProperty(element, '_self', {
+ configurable: false,
+ enumerable: false,
+ writable: false,
+ value: self
+ });
+ // Two elements created in two different places should be considered
+ // equal for testing purposes and therefore we hide it from enumeration.
+ Object.defineProperty(element, '_source', {
+ configurable: false,
+ enumerable: false,
+ writable: false,
+ value: source
+ });
+ if (Object.freeze) {
+ Object.freeze(element.props);
+ Object.freeze(element);
+ }
+ }
+
+ return element;
+ };
+
+ /**
+ * Create and return a new ReactElement of the given type.
+ * See https://reactjs.org/docs/react-api.html#createelement
+ */
+ function createElement(type, config, children) {
+ var propName = void 0;
+
+ // Reserved names are extracted
+ var props = {};
+
+ var key = null;
+ var ref = null;
+ var self = null;
+ var source = null;
+
+ if (config != null) {
+ if (hasValidRef(config)) {
+ ref = config.ref;
+ }
+ if (hasValidKey(config)) {
+ key = '' + config.key;
+ }
+
+ self = config.__self === undefined ? null : config.__self;
+ source = config.__source === undefined ? null : config.__source;
+ // Remaining properties are added to a new props object
+ for (propName in config) {
+ if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+ props[propName] = config[propName];
+ }
+ }
+ }
+
+ // Children can be more than one argument, and those are transferred onto
+ // the newly allocated props object.
+ var childrenLength = arguments.length - 2;
+ if (childrenLength === 1) {
+ props.children = children;
+ } else if (childrenLength > 1) {
+ var childArray = Array(childrenLength);
+ for (var i = 0; i < childrenLength; i++) {
+ childArray[i] = arguments[i + 2];
+ }
+ {
+ if (Object.freeze) {
+ Object.freeze(childArray);
+ }
+ }
+ props.children = childArray;
+ }
+
+ // Resolve default props
+ if (type && type.defaultProps) {
+ var defaultProps = type.defaultProps;
+ for (propName in defaultProps) {
+ if (props[propName] === undefined) {
+ props[propName] = defaultProps[propName];
+ }
+ }
+ }
+ {
+ if (key || ref) {
+ var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+ if (key) {
+ defineKeyPropWarningGetter(props, displayName);
+ }
+ if (ref) {
+ defineRefPropWarningGetter(props, displayName);
+ }
+ }
+ }
+ return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+ }
- {
- // The validation flag is currently mutative. We put it on
- // an external backing store so that we can freeze the whole object.
- // This can be replaced with a WeakMap once they are implemented in
- // commonly used development environments.
- element._store = {};
-
- // To make comparing ReactElements easier for testing purposes, we make
- // the validation flag non-enumerable (where possible, which should
- // include every environment we run tests in), so the test framework
- // ignores it.
- Object.defineProperty(element._store, 'validated', {
- configurable: false,
- enumerable: false,
- writable: true,
- value: false
- });
- // self and source are DEV only properties.
- Object.defineProperty(element, '_self', {
- configurable: false,
- enumerable: false,
- writable: false,
- value: self
- });
- // Two elements created in two different places should be considered
- // equal for testing purposes and therefore we hide it from enumeration.
- Object.defineProperty(element, '_source', {
- configurable: false,
- enumerable: false,
- writable: false,
- value: source
- });
- if (Object.freeze) {
- Object.freeze(element.props);
- Object.freeze(element);
- }
- }
+ /**
+ * Return a function that produces ReactElements of a given type.
+ * See https://reactjs.org/docs/react-api.html#createfactory
+ */
- return element;
- };
-
- /**
- * Create and return a new ReactElement of the given type.
- * See https://reactjs.org/docs/react-api.html#createelement
- */
- function createElement(type, config, children) {
- var propName = void 0;
-
- // Reserved names are extracted
- var props = {};
-
- var key = null;
- var ref = null;
- var self = null;
- var source = null;
-
- if (config != null) {
- if (hasValidRef(config)) {
- ref = config.ref;
- }
- if (hasValidKey(config)) {
- key = '' + config.key;
- }
-
- self = config.__self === undefined ? null : config.__self;
- source = config.__source === undefined ? null : config.__source;
- // Remaining properties are added to a new props object
- for (propName in config) {
- if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
- props[propName] = config[propName];
- }
- }
- }
- // Children can be more than one argument, and those are transferred onto
- // the newly allocated props object.
- var childrenLength = arguments.length - 2;
- if (childrenLength === 1) {
- props.children = children;
- } else if (childrenLength > 1) {
- var childArray = Array(childrenLength);
- for (var i = 0; i < childrenLength; i++) {
- childArray[i] = arguments[i + 2];
- }
- {
- if (Object.freeze) {
- Object.freeze(childArray);
- }
- }
- props.children = childArray;
- }
+ function cloneAndReplaceKey(oldElement, newKey) {
+ var newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
- // Resolve default props
- if (type && type.defaultProps) {
- var defaultProps = type.defaultProps;
- for (propName in defaultProps) {
- if (props[propName] === undefined) {
- props[propName] = defaultProps[propName];
- }
- }
- }
- {
- if (key || ref) {
- var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
- if (key) {
- defineKeyPropWarningGetter(props, displayName);
- }
- if (ref) {
- defineRefPropWarningGetter(props, displayName);
- }
- }
- }
- return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
- }
-
- /**
- * Return a function that produces ReactElements of a given type.
- * See https://reactjs.org/docs/react-api.html#createfactory
- */
-
-
- function cloneAndReplaceKey(oldElement, newKey) {
- var newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
-
- return newElement;
- }
-
- /**
- * Clone and return a new ReactElement using element as the starting point.
- * See https://reactjs.org/docs/react-api.html#cloneelement
- */
- function cloneElement(element, config, children) {
- !!(element === null || element === undefined) ? invariant(false, 'React.cloneElement(...): The argument must be a React element, but you passed %s.', element) : void 0;
-
- var propName = void 0;
-
- // Original props are copied
- var props = _assign({}, element.props);
-
- // Reserved names are extracted
- var key = element.key;
- var ref = element.ref;
- // Self is preserved since the owner is preserved.
- var self = element._self;
- // Source is preserved since cloneElement is unlikely to be targeted by a
- // transpiler, and the original source is probably a better indicator of the
- // true owner.
- var source = element._source;
-
- // Owner will be preserved, unless ref is overridden
- var owner = element._owner;
-
- if (config != null) {
- if (hasValidRef(config)) {
- // Silently steal the ref from the parent.
- ref = config.ref;
- owner = ReactCurrentOwner.current;
- }
- if (hasValidKey(config)) {
- key = '' + config.key;
- }
-
- // Remaining properties override existing props
- var defaultProps = void 0;
- if (element.type && element.type.defaultProps) {
- defaultProps = element.type.defaultProps;
- }
- for (propName in config) {
- if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
- if (config[propName] === undefined && defaultProps !== undefined) {
- // Resolve default props
- props[propName] = defaultProps[propName];
- } else {
- props[propName] = config[propName];
- }
- }
- }
- }
+ return newElement;
+ }
- // Children can be more than one argument, and those are transferred onto
- // the newly allocated props object.
- var childrenLength = arguments.length - 2;
- if (childrenLength === 1) {
- props.children = children;
- } else if (childrenLength > 1) {
- var childArray = Array(childrenLength);
- for (var i = 0; i < childrenLength; i++) {
- childArray[i] = arguments[i + 2];
- }
- props.children = childArray;
- }
+ /**
+ * Clone and return a new ReactElement using element as the starting point.
+ * See https://reactjs.org/docs/react-api.html#cloneelement
+ */
+ function cloneElement(element, config, children) {
+ !!(element === null || element === undefined) ? invariant(false, 'React.cloneElement(...): The argument must be a React element, but you passed %s.', element) : void 0;
+
+ var propName = void 0;
+
+ // Original props are copied
+ var props = _assign({}, element.props);
+
+ // Reserved names are extracted
+ var key = element.key;
+ var ref = element.ref;
+ // Self is preserved since the owner is preserved.
+ var self = element._self;
+ // Source is preserved since cloneElement is unlikely to be targeted by a
+ // transpiler, and the original source is probably a better indicator of the
+ // true owner.
+ var source = element._source;
+
+ // Owner will be preserved, unless ref is overridden
+ var owner = element._owner;
+
+ if (config != null) {
+ if (hasValidRef(config)) {
+ // Silently steal the ref from the parent.
+ ref = config.ref;
+ owner = ReactCurrentOwner.current;
+ }
+ if (hasValidKey(config)) {
+ key = '' + config.key;
+ }
+
+ // Remaining properties override existing props
+ var defaultProps = void 0;
+ if (element.type && element.type.defaultProps) {
+ defaultProps = element.type.defaultProps;
+ }
+ for (propName in config) {
+ if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+ if (config[propName] === undefined && defaultProps !== undefined) {
+ // Resolve default props
+ props[propName] = defaultProps[propName];
+ } else {
+ props[propName] = config[propName];
+ }
+ }
+ }
+ }
+
+ // Children can be more than one argument, and those are transferred onto
+ // the newly allocated props object.
+ var childrenLength = arguments.length - 2;
+ if (childrenLength === 1) {
+ props.children = children;
+ } else if (childrenLength > 1) {
+ var childArray = Array(childrenLength);
+ for (var i = 0; i < childrenLength; i++) {
+ childArray[i] = arguments[i + 2];
+ }
+ props.children = childArray;
+ }
+
+ return ReactElement(element.type, key, ref, self, source, owner, props);
+ }
+
+ /**
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
+ */
+ function isValidElement(object) {
+ return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+ }
+
+ var SEPARATOR = '.';
+ var SUBSEPARATOR = ':';
+
+ /**
+ * Escape and wrap key so it is safe to use as a reactid
+ *
+ * @param {string} key to be escaped.
+ * @return {string} the escaped key.
+ */
+ function escape(key) {
+ var escapeRegex = /[=:]/g;
+ var escaperLookup = {
+ '=': '=0',
+ ':': '=2'
+ };
+ var escapedString = ('' + key).replace(escapeRegex, function (match) {
+ return escaperLookup[match];
+ });
+
+ return '$' + escapedString;
+ }
+
+ /**
+ * TODO: Test that a single child and an array with one item have the same key
+ * pattern.
+ */
+
+ var didWarnAboutMaps = false;
+
+ var userProvidedKeyEscapeRegex = /\/+/g;
+
+ function escapeUserProvidedKey(text) {
+ return ('' + text).replace(userProvidedKeyEscapeRegex, '$&/');
+ }
+
+ var POOL_SIZE = 10;
+ var traverseContextPool = [];
+
+ function getPooledTraverseContext(mapResult, keyPrefix, mapFunction, mapContext) {
+ if (traverseContextPool.length) {
+ var traverseContext = traverseContextPool.pop();
+ traverseContext.result = mapResult;
+ traverseContext.keyPrefix = keyPrefix;
+ traverseContext.func = mapFunction;
+ traverseContext.context = mapContext;
+ traverseContext.count = 0;
+ return traverseContext;
+ } else {
+ return {
+ result: mapResult,
+ keyPrefix: keyPrefix,
+ func: mapFunction,
+ context: mapContext,
+ count: 0
+ };
+ }
+ }
+
+ function releaseTraverseContext(traverseContext) {
+ traverseContext.result = null;
+ traverseContext.keyPrefix = null;
+ traverseContext.func = null;
+ traverseContext.context = null;
+ traverseContext.count = 0;
+ if (traverseContextPool.length < POOL_SIZE) {
+ traverseContextPool.push(traverseContext);
+ }
+ }
+
+ /**
+ * @param {?*} children Children tree container.
+ * @param {!string} nameSoFar Name of the key path so far.
+ * @param {!function} callback Callback to invoke with each child found.
+ * @param {?*} traverseContext Used to pass information throughout the traversal
+ * process.
+ * @return {!number} The number of children in this subtree.
+ */
+ function traverseAllChildrenImpl(children, nameSoFar, callback, traverseContext) {
+ var type = typeof children;
+
+ if (type === 'undefined' || type === 'boolean') {
+ // All of the above are perceived as null.
+ children = null;
+ }
+
+ var invokeCallback = false;
+
+ if (children === null) {
+ invokeCallback = true;
+ } else {
+ switch (type) {
+ case 'string':
+ case 'number':
+ invokeCallback = true;
+ break;
+ case 'object':
+ switch (children.$$typeof) {
+ case REACT_ELEMENT_TYPE:
+ case REACT_PORTAL_TYPE:
+ invokeCallback = true;
+ }
+ }
+ }
+
+ if (invokeCallback) {
+ callback(traverseContext, children,
+ // If it's the only child, treat the name as if it was wrapped in an array
+ // so that it's consistent if the number of children grows.
+ nameSoFar === '' ? SEPARATOR + getComponentKey(children, 0) : nameSoFar);
+ return 1;
+ }
+
+ var child = void 0;
+ var nextName = void 0;
+ var subtreeCount = 0; // Count of children found in the current subtree.
+ var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
+
+ if (Array.isArray(children)) {
+ for (var i = 0; i < children.length; i++) {
+ child = children[i];
+ nextName = nextNamePrefix + getComponentKey(child, i);
+ subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
+ }
+ } else {
+ var iteratorFn = getIteratorFn(children);
+ if (typeof iteratorFn === 'function') {
+ {
+ // Warn about using Maps as children
+ if (iteratorFn === children.entries) {
+ !didWarnAboutMaps ? warning$1(false, 'Using Maps as children is unsupported and will likely yield ' + 'unexpected results. Convert it to a sequence/iterable of keyed ' + 'ReactElements instead.') : void 0;
+ didWarnAboutMaps = true;
+ }
+ }
+
+ var iterator = iteratorFn.call(children);
+ var step = void 0;
+ var ii = 0;
+ while (!(step = iterator.next()).done) {
+ child = step.value;
+ nextName = nextNamePrefix + getComponentKey(child, ii++);
+ subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
+ }
+ } else if (type === 'object') {
+ var addendum = '';
+ {
+ addendum = ' If you meant to render a collection of children, use an array ' + 'instead.' + ReactDebugCurrentFrame.getStackAddendum();
+ }
+ var childrenString = '' + children;
+ invariant(false, 'Objects are not valid as a React child (found: %s).%s', childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString, addendum);
+ }
+ }
+
+ return subtreeCount;
+ }
+
+ /**
+ * Traverses children that are typically specified as `props.children`, but
+ * might also be specified through attributes:
+ *
+ * - `traverseAllChildren(this.props.children, ...)`
+ * - `traverseAllChildren(this.props.leftPanelChildren, ...)`
+ *
+ * The `traverseContext` is an optional argument that is passed through the
+ * entire traversal. It can be used to store accumulations or anything else that
+ * the callback might find relevant.
+ *
+ * @param {?*} children Children tree object.
+ * @param {!function} callback To invoke upon traversing each child.
+ * @param {?*} traverseContext Context for traversal.
+ * @return {!number} The number of children in this subtree.
+ */
+ function traverseAllChildren(children, callback, traverseContext) {
+ if (children == null) {
+ return 0;
+ }
+
+ return traverseAllChildrenImpl(children, '', callback, traverseContext);
+ }
+
+ /**
+ * Generate a key string that identifies a component within a set.
+ *
+ * @param {*} component A component that could contain a manual key.
+ * @param {number} index Index that is used if a manual key is not provided.
+ * @return {string}
+ */
+ function getComponentKey(component, index) {
+ // Do some typechecking here since we call this blindly. We want to ensure
+ // that we don't block potential future ES APIs.
+ if (typeof component === 'object' && component !== null && component.key != null) {
+ // Explicit key
+ return escape(component.key);
+ }
+ // Implicit key determined by the index in the set
+ return index.toString(36);
+ }
+
+ function forEachSingleChild(bookKeeping, child, name) {
+ var func = bookKeeping.func,
+ context = bookKeeping.context;
+
+ func.call(context, child, bookKeeping.count++);
+ }
+
+ /**
+ * Iterates through children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
+ *
+ * The provided forEachFunc(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} forEachFunc
+ * @param {*} forEachContext Context for forEachContext.
+ */
+ function forEachChildren(children, forEachFunc, forEachContext) {
+ if (children == null) {
+ return children;
+ }
+ var traverseContext = getPooledTraverseContext(null, null, forEachFunc, forEachContext);
+ traverseAllChildren(children, forEachSingleChild, traverseContext);
+ releaseTraverseContext(traverseContext);
+ }
+
+ function mapSingleChildIntoContext(bookKeeping, child, childKey) {
+ var result = bookKeeping.result,
+ keyPrefix = bookKeeping.keyPrefix,
+ func = bookKeeping.func,
+ context = bookKeeping.context;
+
+
+ var mappedChild = func.call(context, child, bookKeeping.count++);
+ if (Array.isArray(mappedChild)) {
+ mapIntoWithKeyPrefixInternal(mappedChild, result, childKey, function (c) {
+ return c;
+ });
+ } else if (mappedChild != null) {
+ if (isValidElement(mappedChild)) {
+ mappedChild = cloneAndReplaceKey(mappedChild,
+ // Keep both the (mapped) and old keys if they differ, just as
+ // traverseAllChildren used to do for objects as children
+ keyPrefix + (mappedChild.key && (!child || child.key !== mappedChild.key) ? escapeUserProvidedKey(mappedChild.key) + '/' : '') + childKey);
+ }
+ result.push(mappedChild);
+ }
+ }
+
+ function mapIntoWithKeyPrefixInternal(children, array, prefix, func, context) {
+ var escapedPrefix = '';
+ if (prefix != null) {
+ escapedPrefix = escapeUserProvidedKey(prefix) + '/';
+ }
+ var traverseContext = getPooledTraverseContext(array, escapedPrefix, func, context);
+ traverseAllChildren(children, mapSingleChildIntoContext, traverseContext);
+ releaseTraverseContext(traverseContext);
+ }
+
+ /**
+ * Maps children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenmap
+ *
+ * The provided mapFunction(child, key, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} func The map function.
+ * @param {*} context Context for mapFunction.
+ * @return {object} Object containing the ordered map of results.
+ */
+ function mapChildren(children, func, context) {
+ if (children == null) {
+ return children;
+ }
+ var result = [];
+ mapIntoWithKeyPrefixInternal(children, result, null, func, context);
+ return result;
+ }
+
+ /**
+ * Count the number of children that are typically specified as
+ * `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrencount
+ *
+ * @param {?*} children Children tree container.
+ * @return {number} The number of children.
+ */
+ function countChildren(children) {
+ return traverseAllChildren(children, function () {
+ return null;
+ }, null);
+ }
+
+ /**
+ * Flatten a children object (typically specified as `props.children`) and
+ * return an array with appropriately re-keyed children.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
+ */
+ function toArray(children) {
+ var result = [];
+ mapIntoWithKeyPrefixInternal(children, result, null, function (child) {
+ return child;
+ });
+ return result;
+ }
+
+ /**
+ * Returns the first child in a collection of children and verifies that there
+ * is only one child in the collection.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenonly
+ *
+ * The current implementation of this function assumes that a single child gets
+ * passed without a wrapper, but the purpose of this helper function is to
+ * abstract away the particular structure of children.
+ *
+ * @param {?object} children Child collection structure.
+ * @return {ReactElement} The first and only `ReactElement` contained in the
+ * structure.
+ */
+ function onlyChild(children) {
+ !isValidElement(children) ? invariant(false, 'React.Children.only expected to receive a single React element child.') : void 0;
+ return children;
+ }
+
+ function createContext(defaultValue, calculateChangedBits) {
+ if (calculateChangedBits === undefined) {
+ calculateChangedBits = null;
+ } else {
+ {
+ !(calculateChangedBits === null || typeof calculateChangedBits === 'function') ? warningWithoutStack$1(false, 'createContext: Expected the optional second argument to be a ' + 'function. Instead received: %s', calculateChangedBits) : void 0;
+ }
+ }
+
+ var context = {
+ $$typeof: REACT_CONTEXT_TYPE,
+ _calculateChangedBits: calculateChangedBits,
+ // As a workaround to support multiple concurrent renderers, we categorize
+ // some renderers as primary and others as secondary. We only expect
+ // there to be two concurrent renderers at most: React Native (primary) and
+ // Fabric (secondary); React DOM (primary) and React ART (secondary).
+ // Secondary renderers store their context values on separate fields.
+ _currentValue: defaultValue,
+ _currentValue2: defaultValue,
+ // Used to track how many concurrent renderers this context currently
+ // supports within in a single renderer. Such as parallel server rendering.
+ _threadCount: 0,
+ // These are circular
+ Provider: null,
+ Consumer: null
+ };
+
+ context.Provider = {
+ $$typeof: REACT_PROVIDER_TYPE,
+ _context: context
+ };
+
+ var hasWarnedAboutUsingNestedContextConsumers = false;
+ var hasWarnedAboutUsingConsumerProvider = false;
+
+ {
+ // A separate object, but proxies back to the original context object for
+ // backwards compatibility. It has a different $$typeof, so we can properly
+ // warn for the incorrect usage of Context as a Consumer.
+ var Consumer = {
+ $$typeof: REACT_CONTEXT_TYPE,
+ _context: context,
+ _calculateChangedBits: context._calculateChangedBits
+ };
+ // $FlowFixMe: Flow complains about not setting a value, which is intentional here
+ Object.defineProperties(Consumer, {
+ Provider: {
+ get: function () {
+ if (!hasWarnedAboutUsingConsumerProvider) {
+ hasWarnedAboutUsingConsumerProvider = true;
+ warning$1(false, 'Rendering <Context.Consumer.Provider> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Provider> instead?');
+ }
+ return context.Provider;
+ },
+ set: function (_Provider) {
+ context.Provider = _Provider;
+ }
+ },
+ _currentValue: {
+ get: function () {
+ return context._currentValue;
+ },
+ set: function (_currentValue) {
+ context._currentValue = _currentValue;
+ }
+ },
+ _currentValue2: {
+ get: function () {
+ return context._currentValue2;
+ },
+ set: function (_currentValue2) {
+ context._currentValue2 = _currentValue2;
+ }
+ },
+ _threadCount: {
+ get: function () {
+ return context._threadCount;
+ },
+ set: function (_threadCount) {
+ context._threadCount = _threadCount;
+ }
+ },
+ Consumer: {
+ get: function () {
+ if (!hasWarnedAboutUsingNestedContextConsumers) {
+ hasWarnedAboutUsingNestedContextConsumers = true;
+ warning$1(false, 'Rendering <Context.Consumer.Consumer> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
+ }
+ return context.Consumer;
+ }
+ }
+ });
+ // $FlowFixMe: Flow complains about missing properties because it doesn't understand defineProperty
+ context.Consumer = Consumer;
+ }
+
+ {
+ context._currentRenderer = null;
+ context._currentRenderer2 = null;
+ }
+
+ return context;
+ }
+
+ function lazy(ctor) {
+ var lazyType = {
+ $$typeof: REACT_LAZY_TYPE,
+ _ctor: ctor,
+ // React uses these fields to store the result.
+ _status: -1,
+ _result: null
+ };
+
+ {
+ // In production, this would just set it on the object.
+ var defaultProps = void 0;
+ var propTypes = void 0;
+ Object.defineProperties(lazyType, {
+ defaultProps: {
+ configurable: true,
+ get: function () {
+ return defaultProps;
+ },
+ set: function (newDefaultProps) {
+ warning$1(false, 'React.lazy(...): It is not supported to assign `defaultProps` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
+ defaultProps = newDefaultProps;
+ // Match production behavior more closely:
+ Object.defineProperty(lazyType, 'defaultProps', {
+ enumerable: true
+ });
+ }
+ },
+ propTypes: {
+ configurable: true,
+ get: function () {
+ return propTypes;
+ },
+ set: function (newPropTypes) {
+ warning$1(false, 'React.lazy(...): It is not supported to assign `propTypes` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
+ propTypes = newPropTypes;
+ // Match production behavior more closely:
+ Object.defineProperty(lazyType, 'propTypes', {
+ enumerable: true
+ });
+ }
+ }
+ });
+ }
+
+ return lazyType;
+ }
+
+ function forwardRef(render) {
+ {
+ if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
+ warningWithoutStack$1(false, 'forwardRef requires a render function but received a `memo` ' + 'component. Instead of forwardRef(memo(...)), use ' + 'memo(forwardRef(...)).');
+ } else if (typeof render !== 'function') {
+ warningWithoutStack$1(false, 'forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render);
+ } else {
+ !(
+ // Do not warn for 0 arguments because it could be due to usage of the 'arguments' object
+ render.length === 0 || render.length === 2) ? warningWithoutStack$1(false, 'forwardRef render functions accept exactly two parameters: props and ref. %s', render.length === 1 ? 'Did you forget to use the ref parameter?' : 'Any additional parameter will be undefined.') : void 0;
+ }
+
+ if (render != null) {
+ !(render.defaultProps == null && render.propTypes == null) ? warningWithoutStack$1(false, 'forwardRef render functions do not support propTypes or defaultProps. ' + 'Did you accidentally pass a React component?') : void 0;
+ }
+ }
+
+ return {
+ $$typeof: REACT_FORWARD_REF_TYPE,
+ render: render
+ };
+ }
+
+ function isValidElementType(type) {
+ return typeof type === 'string' || typeof type === 'function' ||
+ // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+ type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE);
+ }
+
+ function memo(type, compare) {
+ {
+ if (!isValidElementType(type)) {
+ warningWithoutStack$1(false, 'memo: The first argument must be a component. Instead ' + 'received: %s', type === null ? 'null' : typeof type);
+ }
+ }
+ return {
+ $$typeof: REACT_MEMO_TYPE,
+ type: type,
+ compare: compare === undefined ? null : compare
+ };
+ }
+
+ function resolveDispatcher() {
+ var dispatcher = ReactCurrentOwner.currentDispatcher;
+ !(dispatcher !== null) ? invariant(false, 'Hooks can only be called inside the body of a function component.') : void 0;
+ return dispatcher;
+ }
+
+ function useContext(Context, observedBits) {
+ var dispatcher = resolveDispatcher();
+ {
+ // TODO: add a more generic warning for invalid values.
+ if (Context._context !== undefined) {
+ var realContext = Context._context;
+ // Don't deduplicate because this legitimately causes bugs
+ // and nobody should be using this in existing code.
+ if (realContext.Consumer === Context) {
+ warning$1(false, 'Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be ' + 'removed in a future major release. Did you mean to call useContext(Context) instead?');
+ } else if (realContext.Provider === Context) {
+ warning$1(false, 'Calling useContext(Context.Provider) is not supported. ' + 'Did you mean to call useContext(Context) instead?');
+ }
+ }
+ }
+ return dispatcher.useContext(Context, observedBits);
+ }
+
+ function useState(initialState) {
+ var dispatcher = resolveDispatcher();
+ return dispatcher.useState(initialState);
+ }
- return ReactElement(element.type, key, ref, self, source, owner, props);
- }
-
- /**
- * Verifies the object is a ReactElement.
- * See https://reactjs.org/docs/react-api.html#isvalidelement
- * @param {?object} object
- * @return {boolean} True if `object` is a ReactElement.
- * @final
- */
- function isValidElement(object) {
- return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
- }
-
- var SEPARATOR = '.';
- var SUBSEPARATOR = ':';
-
- /**
- * Escape and wrap key so it is safe to use as a reactid
- *
- * @param {string} key to be escaped.
- * @return {string} the escaped key.
- */
- function escape(key) {
- var escapeRegex = /[=:]/g;
- var escaperLookup = {
- '=': '=0',
- ':': '=2'
- };
- var escapedString = ('' + key).replace(escapeRegex, function (match) {
- return escaperLookup[match];
- });
+ function useReducer(reducer, initialState, initialAction) {
+ var dispatcher = resolveDispatcher();
+ return dispatcher.useReducer(reducer, initialState, initialAction);
+ }
- return '$' + escapedString;
- }
+ function useRef(initialValue) {
+ var dispatcher = resolveDispatcher();
+ return dispatcher.useRef(initialValue);
+ }
- /**
- * TODO: Test that a single child and an array with one item have the same key
- * pattern.
- */
+ function useEffect(create, inputs) {
+ var dispatcher = resolveDispatcher();
+ return dispatcher.useEffect(create, inputs);
+ }
- var didWarnAboutMaps = false;
+ function useLayoutEffect(create, inputs) {
+ var dispatcher = resolveDispatcher();
+ return dispatcher.useLayoutEffect(create, inputs);
+ }
- var userProvidedKeyEscapeRegex = /\/+/g;
+ function useCallback(callback, inputs) {
+ var dispatcher = resolveDispatcher();
+ return dispatcher.useCallback(callback, inputs);
+ }
- function escapeUserProvidedKey(text) {
- return ('' + text).replace(userProvidedKeyEscapeRegex, '$&/');
- }
+ function useMemo(create, inputs) {
+ var dispatcher = resolveDispatcher();
+ return dispatcher.useMemo(create, inputs);
+ }
- var POOL_SIZE = 10;
- var traverseContextPool = [];
+ function useImperativeMethods(ref, create, inputs) {
+ var dispatcher = resolveDispatcher();
+ return dispatcher.useImperativeMethods(ref, create, inputs);
+ }
- function getPooledTraverseContext(mapResult, keyPrefix, mapFunction, mapContext) {
- if (traverseContextPool.length) {
- var traverseContext = traverseContextPool.pop();
- traverseContext.result = mapResult;
- traverseContext.keyPrefix = keyPrefix;
- traverseContext.func = mapFunction;
- traverseContext.context = mapContext;
- traverseContext.count = 0;
- return traverseContext;
- } else {
- return {
- result: mapResult,
- keyPrefix: keyPrefix,
- func: mapFunction,
- context: mapContext,
- count: 0
- };
- }
- }
-
- function releaseTraverseContext(traverseContext) {
- traverseContext.result = null;
- traverseContext.keyPrefix = null;
- traverseContext.func = null;
- traverseContext.context = null;
- traverseContext.count = 0;
- if (traverseContextPool.length < POOL_SIZE) {
- traverseContextPool.push(traverseContext);
- }
- }
-
- /**
- * @param {?*} children Children tree container.
- * @param {!string} nameSoFar Name of the key path so far.
- * @param {!function} callback Callback to invoke with each child found.
- * @param {?*} traverseContext Used to pass information throughout the traversal
- * process.
- * @return {!number} The number of children in this subtree.
- */
- function traverseAllChildrenImpl(children, nameSoFar, callback, traverseContext) {
- var type = typeof children;
-
- if (type === 'undefined' || type === 'boolean') {
- // All of the above are perceived as null.
- children = null;
- }
+ /**
+ * ReactElementValidator provides a wrapper around a element factory
+ * which validates the props passed to the element. This is intended to be
+ * used only in DEV and could be replaced by a static type checker for languages
+ * that support it.
+ */
- var invokeCallback = false;
+ var propTypesMisspellWarningShown = void 0;
- if (children === null) {
- invokeCallback = true;
- } else {
- switch (type) {
- case 'string':
- case 'number':
- invokeCallback = true;
- break;
- case 'object':
- switch (children.$$typeof) {
- case REACT_ELEMENT_TYPE:
- case REACT_PORTAL_TYPE:
- invokeCallback = true;
- }
- }
- }
+ {
+ propTypesMisspellWarningShown = false;
+ }
- if (invokeCallback) {
- callback(traverseContext, children,
- // If it's the only child, treat the name as if it was wrapped in an array
- // so that it's consistent if the number of children grows.
- nameSoFar === '' ? SEPARATOR + getComponentKey(children, 0) : nameSoFar);
- return 1;
- }
+ function getDeclarationErrorAddendum() {
+ if (ReactCurrentOwner.current) {
+ var name = getComponentName(ReactCurrentOwner.current.type);
+ if (name) {
+ return '\n\nCheck the render method of `' + name + '`.';
+ }
+ }
+ return '';
+ }
- var child = void 0;
- var nextName = void 0;
- var subtreeCount = 0; // Count of children found in the current subtree.
- var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
-
- if (Array.isArray(children)) {
- for (var i = 0; i < children.length; i++) {
- child = children[i];
- nextName = nextNamePrefix + getComponentKey(child, i);
- subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
- }
- } else {
- var iteratorFn = getIteratorFn(children);
- if (typeof iteratorFn === 'function') {
- {
- // Warn about using Maps as children
- if (iteratorFn === children.entries) {
- !didWarnAboutMaps ? warning$1(false, 'Using Maps as children is unsupported and will likely yield ' + 'unexpected results. Convert it to a sequence/iterable of keyed ' + 'ReactElements instead.') : void 0;
- didWarnAboutMaps = true;
- }
- }
+ function getSourceInfoErrorAddendum(elementProps) {
+ if (elementProps !== null && elementProps !== undefined && elementProps.__source !== undefined) {
+ var source = elementProps.__source;
+ var fileName = source.fileName.replace(/^.*[\\\/]/, '');
+ var lineNumber = source.lineNumber;
+ return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
+ }
+ return '';
+ }
- var iterator = iteratorFn.call(children);
- var step = void 0;
- var ii = 0;
- while (!(step = iterator.next()).done) {
- child = step.value;
- nextName = nextNamePrefix + getComponentKey(child, ii++);
- subtreeCount += traverseAllChildrenImpl(child, nextName, callback, traverseContext);
- }
- } else if (type === 'object') {
- var addendum = '';
- {
- addendum = ' If you meant to render a collection of children, use an array ' + 'instead.' + ReactDebugCurrentFrame.getStackAddendum();
- }
- var childrenString = '' + children;
- invariant(false, 'Objects are not valid as a React child (found: %s).%s', childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString, addendum);
- }
- }
+ /**
+ * Warn if there's no key explicitly set on dynamic arrays of children or
+ * object keys are not valid. This allows us to keep track of children between
+ * updates.
+ */
+ var ownerHasKeyUseWarning = {};
+
+ function getCurrentComponentErrorInfo(parentType) {
+ var info = getDeclarationErrorAddendum();
+
+ if (!info) {
+ var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
+ if (parentName) {
+ info = '\n\nCheck the top-level render call using <' + parentName + '>.';
+ }
+ }
+ return info;
+ }
- return subtreeCount;
- }
-
- /**
- * Traverses children that are typically specified as `props.children`, but
- * might also be specified through attributes:
- *
- * - `traverseAllChildren(this.props.children, ...)`
- * - `traverseAllChildren(this.props.leftPanelChildren, ...)`
- *
- * The `traverseContext` is an optional argument that is passed through the
- * entire traversal. It can be used to store accumulations or anything else that
- * the callback might find relevant.
- *
- * @param {?*} children Children tree object.
- * @param {!function} callback To invoke upon traversing each child.
- * @param {?*} traverseContext Context for traversal.
- * @return {!number} The number of children in this subtree.
- */
- function traverseAllChildren(children, callback, traverseContext) {
- if (children == null) {
- return 0;
- }
+ /**
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
+ */
+ function validateExplicitKey(element, parentType) {
+ if (!element._store || element._store.validated || element.key != null) {
+ return;
+ }
+ element._store.validated = true;
+
+ var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+ if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+ return;
+ }
+ ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
+
+ // Usually the current owner is the offender, but if it accepts children as a
+ // property, it may be the creator of the child that's responsible for
+ // assigning it a key.
+ var childOwner = '';
+ if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+ // Give the component that originally created this child.
+ childOwner = ' It was passed a child from ' + getComponentName(element._owner.type) + '.';
+ }
+
+ setCurrentlyValidatingElement(element);
+ {
+ warning$1(false, 'Each child in an array or iterator should have a unique "key" prop.' + '%s%s See https://fb.me/react-warning-keys for more information.', currentComponentErrorInfo, childOwner);
+ }
+ setCurrentlyValidatingElement(null);
+ }
- return traverseAllChildrenImpl(children, '', callback, traverseContext);
- }
-
- /**
- * Generate a key string that identifies a component within a set.
- *
- * @param {*} component A component that could contain a manual key.
- * @param {number} index Index that is used if a manual key is not provided.
- * @return {string}
- */
- function getComponentKey(component, index) {
- // Do some typechecking here since we call this blindly. We want to ensure
- // that we don't block potential future ES APIs.
- if (typeof component === 'object' && component !== null && component.key != null) {
- // Explicit key
- return escape(component.key);
- }
- // Implicit key determined by the index in the set
- return index.toString(36);
- }
-
- function forEachSingleChild(bookKeeping, child, name) {
- var func = bookKeeping.func,
- context = bookKeeping.context;
-
- func.call(context, child, bookKeeping.count++);
- }
-
- /**
- * Iterates through children that are typically specified as `props.children`.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
- *
- * The provided forEachFunc(child, index) will be called for each
- * leaf child.
- *
- * @param {?*} children Children tree container.
- * @param {function(*, int)} forEachFunc
- * @param {*} forEachContext Context for forEachContext.
- */
- function forEachChildren(children, forEachFunc, forEachContext) {
- if (children == null) {
- return children;
- }
- var traverseContext = getPooledTraverseContext(null, null, forEachFunc, forEachContext);
- traverseAllChildren(children, forEachSingleChild, traverseContext);
- releaseTraverseContext(traverseContext);
- }
-
- function mapSingleChildIntoContext(bookKeeping, child, childKey) {
- var result = bookKeeping.result,
- keyPrefix = bookKeeping.keyPrefix,
- func = bookKeeping.func,
- context = bookKeeping.context;
-
-
- var mappedChild = func.call(context, child, bookKeeping.count++);
- if (Array.isArray(mappedChild)) {
- mapIntoWithKeyPrefixInternal(mappedChild, result, childKey, function (c) {
- return c;
- });
- } else if (mappedChild != null) {
- if (isValidElement(mappedChild)) {
- mappedChild = cloneAndReplaceKey(mappedChild,
- // Keep both the (mapped) and old keys if they differ, just as
- // traverseAllChildren used to do for objects as children
- keyPrefix + (mappedChild.key && (!child || child.key !== mappedChild.key) ? escapeUserProvidedKey(mappedChild.key) + '/' : '') + childKey);
- }
- result.push(mappedChild);
- }
- }
+ /**
+ * Ensure that every element either is passed in a static location, in an
+ * array with an explicit keys property defined, or in an object literal
+ * with valid key property.
+ *
+ * @internal
+ * @param {ReactNode} node Statically passed child of any type.
+ * @param {*} parentType node's parent's type.
+ */
+ function validateChildKeys(node, parentType) {
+ if (typeof node !== 'object') {
+ return;
+ }
+ if (Array.isArray(node)) {
+ for (var i = 0; i < node.length; i++) {
+ var child = node[i];
+ if (isValidElement(child)) {
+ validateExplicitKey(child, parentType);
+ }
+ }
+ } else if (isValidElement(node)) {
+ // This element was passed in a valid location.
+ if (node._store) {
+ node._store.validated = true;
+ }
+ } else if (node) {
+ var iteratorFn = getIteratorFn(node);
+ if (typeof iteratorFn === 'function') {
+ // Entry iterators used to provide implicit keys,
+ // but now we print a separate warning for them later.
+ if (iteratorFn !== node.entries) {
+ var iterator = iteratorFn.call(node);
+ var step = void 0;
+ while (!(step = iterator.next()).done) {
+ if (isValidElement(step.value)) {
+ validateExplicitKey(step.value, parentType);
+ }
+ }
+ }
+ }
+ }
+ }
- function mapIntoWithKeyPrefixInternal(children, array, prefix, func, context) {
- var escapedPrefix = '';
- if (prefix != null) {
- escapedPrefix = escapeUserProvidedKey(prefix) + '/';
- }
- var traverseContext = getPooledTraverseContext(array, escapedPrefix, func, context);
- traverseAllChildren(children, mapSingleChildIntoContext, traverseContext);
- releaseTraverseContext(traverseContext);
- }
-
- /**
- * Maps children that are typically specified as `props.children`.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrenmap
- *
- * The provided mapFunction(child, key, index) will be called for each
- * leaf child.
- *
- * @param {?*} children Children tree container.
- * @param {function(*, int)} func The map function.
- * @param {*} context Context for mapFunction.
- * @return {object} Object containing the ordered map of results.
- */
- function mapChildren(children, func, context) {
- if (children == null) {
- return children;
- }
- var result = [];
- mapIntoWithKeyPrefixInternal(children, result, null, func, context);
- return result;
- }
-
- /**
- * Count the number of children that are typically specified as
- * `props.children`.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrencount
- *
- * @param {?*} children Children tree container.
- * @return {number} The number of children.
- */
- function countChildren(children) {
- return traverseAllChildren(children, function () {
- return null;
- }, null);
- }
-
- /**
- * Flatten a children object (typically specified as `props.children`) and
- * return an array with appropriately re-keyed children.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
- */
- function toArray(children) {
- var result = [];
- mapIntoWithKeyPrefixInternal(children, result, null, function (child) {
- return child;
- });
- return result;
- }
-
- /**
- * Returns the first child in a collection of children and verifies that there
- * is only one child in the collection.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrenonly
- *
- * The current implementation of this function assumes that a single child gets
- * passed without a wrapper, but the purpose of this helper function is to
- * abstract away the particular structure of children.
- *
- * @param {?object} children Child collection structure.
- * @return {ReactElement} The first and only `ReactElement` contained in the
- * structure.
- */
- function onlyChild(children) {
- !isValidElement(children) ? invariant(false, 'React.Children.only expected to receive a single React element child.') : void 0;
- return children;
- }
-
- function createContext(defaultValue, calculateChangedBits) {
- if (calculateChangedBits === undefined) {
- calculateChangedBits = null;
- } else {
- {
- !(calculateChangedBits === null || typeof calculateChangedBits === 'function') ? warningWithoutStack$1(false, 'createContext: Expected the optional second argument to be a ' + 'function. Instead received: %s', calculateChangedBits) : void 0;
- }
- }
+ /**
+ * Given an element, validate that its props follow the propTypes definition,
+ * provided by the type.
+ *
+ * @param {ReactElement} element
+ */
+ function validatePropTypes(element) {
+ var type = element.type;
+ if (type === null || type === undefined || typeof type === 'string') {
+ return;
+ }
+ var name = getComponentName(type);
+ var propTypes = void 0;
+ if (typeof type === 'function') {
+ propTypes = type.propTypes;
+ } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE ||
+ // Note: Memo only checks outer props here.
+ // Inner props are checked in the reconciler.
+ type.$$typeof === REACT_MEMO_TYPE)) {
+ propTypes = type.propTypes;
+ } else {
+ return;
+ }
+ if (propTypes) {
+ setCurrentlyValidatingElement(element);
+ checkPropTypes(propTypes, element.props, 'prop', name, ReactDebugCurrentFrame.getStackAddendum);
+ setCurrentlyValidatingElement(null);
+ } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
+ propTypesMisspellWarningShown = true;
+ warningWithoutStack$1(false, 'Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', name || 'Unknown');
+ }
+ if (typeof type.getDefaultProps === 'function') {
+ !type.getDefaultProps.isReactClassApproved ? warningWithoutStack$1(false, 'getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.') : void 0;
+ }
+ }
- var context = {
- $$typeof: REACT_CONTEXT_TYPE,
- _calculateChangedBits: calculateChangedBits,
- // As a workaround to support multiple concurrent renderers, we categorize
- // some renderers as primary and others as secondary. We only expect
- // there to be two concurrent renderers at most: React Native (primary) and
- // Fabric (secondary); React DOM (primary) and React ART (secondary).
- // Secondary renderers store their context values on separate fields.
- _currentValue: defaultValue,
- _currentValue2: defaultValue,
- // Used to track how many concurrent renderers this context currently
- // supports within in a single renderer. Such as parallel server rendering.
- _threadCount: 0,
- // These are circular
- Provider: null,
- Consumer: null
- };
+ /**
+ * Given a fragment, validate that it can only be provided with fragment props
+ * @param {ReactElement} fragment
+ */
+ function validateFragmentProps(fragment) {
+ setCurrentlyValidatingElement(fragment);
+
+ var keys = Object.keys(fragment.props);
+ for (var i = 0; i < keys.length; i++) {
+ var key = keys[i];
+ if (key !== 'children' && key !== 'key') {
+ warning$1(false, 'Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
+ break;
+ }
+ }
+
+ if (fragment.ref !== null) {
+ warning$1(false, 'Invalid attribute `ref` supplied to `React.Fragment`.');
+ }
+
+ setCurrentlyValidatingElement(null);
+ }
- context.Provider = {
- $$typeof: REACT_PROVIDER_TYPE,
- _context: context
- };
+ function createElementWithValidation(type, props, children) {
+ var validType = isValidElementType(type);
+
+ // We warn in this case but don't throw. We expect the element creation to
+ // succeed and there will likely be errors in render.
+ if (!validType) {
+ var info = '';
+ if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+ info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+ }
+
+ var sourceInfo = getSourceInfoErrorAddendum(props);
+ if (sourceInfo) {
+ info += sourceInfo;
+ } else {
+ info += getDeclarationErrorAddendum();
+ }
+
+ var typeString = void 0;
+ if (type === null) {
+ typeString = 'null';
+ } else if (Array.isArray(type)) {
+ typeString = 'array';
+ } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+ typeString = '<' + (getComponentName(type.type) || 'Unknown') + ' />';
+ info = ' Did you accidentally export a JSX literal instead of a component?';
+ } else {
+ typeString = typeof type;
+ }
+
+ warning$1(false, 'React.createElement: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
+ }
+
+ var element = createElement.apply(this, arguments);
+
+ // The result can be nullish if a mock or a custom function is used.
+ // TODO: Drop this when these are no longer allowed as the type argument.
+ if (element == null) {
+ return element;
+ }
+
+ // Skip key warning if the type isn't valid since our key validation logic
+ // doesn't expect a non-string/function type and can throw confusing errors.
+ // We don't want exception behavior to differ between dev and prod.
+ // (Rendering will throw with a helpful message and as soon as the type is
+ // fixed, the key warnings will appear.)
+ if (validType) {
+ for (var i = 2; i < arguments.length; i++) {
+ validateChildKeys(arguments[i], type);
+ }
+ }
+
+ if (type === REACT_FRAGMENT_TYPE) {
+ validateFragmentProps(element);
+ } else {
+ validatePropTypes(element);
+ }
+
+ return element;
+ }
- var hasWarnedAboutUsingNestedContextConsumers = false;
- var hasWarnedAboutUsingConsumerProvider = false;
-
- {
- // A separate object, but proxies back to the original context object for
- // backwards compatibility. It has a different $$typeof, so we can properly
- // warn for the incorrect usage of Context as a Consumer.
- var Consumer = {
- $$typeof: REACT_CONTEXT_TYPE,
- _context: context,
- _calculateChangedBits: context._calculateChangedBits
- };
- // $FlowFixMe: Flow complains about not setting a value, which is intentional here
- Object.defineProperties(Consumer, {
- Provider: {
- get: function () {
- if (!hasWarnedAboutUsingConsumerProvider) {
- hasWarnedAboutUsingConsumerProvider = true;
- warning$1(false, 'Rendering <Context.Consumer.Provider> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Provider> instead?');
+ function createFactoryWithValidation(type) {
+ var validatedFactory = createElementWithValidation.bind(null, type);
+ validatedFactory.type = type;
+ // Legacy hook: remove it
+ {
+ Object.defineProperty(validatedFactory, 'type', {
+ enumerable: false,
+ get: function () {
+ lowPriorityWarning$1(false, 'Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.');
+ Object.defineProperty(this, 'type', {
+ value: type
+ });
+ return type;
+ }
+ });
+ }
+
+ return validatedFactory;
}
- return context.Provider;
- },
- set: function (_Provider) {
- context.Provider = _Provider;
- }
- },
- _currentValue: {
- get: function () {
- return context._currentValue;
- },
- set: function (_currentValue) {
- context._currentValue = _currentValue;
- }
- },
- _currentValue2: {
- get: function () {
- return context._currentValue2;
- },
- set: function (_currentValue2) {
- context._currentValue2 = _currentValue2;
- }
- },
- _threadCount: {
- get: function () {
- return context._threadCount;
- },
- set: function (_threadCount) {
- context._threadCount = _threadCount;
- }
- },
- Consumer: {
- get: function () {
- if (!hasWarnedAboutUsingNestedContextConsumers) {
- hasWarnedAboutUsingNestedContextConsumers = true;
- warning$1(false, 'Rendering <Context.Consumer.Consumer> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
+
+ function cloneElementWithValidation(element, props, children) {
+ var newElement = cloneElement.apply(this, arguments);
+ for (var i = 2; i < arguments.length; i++) {
+ validateChildKeys(arguments[i], newElement.type);
+ }
+ validatePropTypes(newElement);
+ return newElement;
}
- return context.Consumer;
- }
- }
- });
- // $FlowFixMe: Flow complains about missing properties because it doesn't understand defineProperty
- context.Consumer = Consumer;
- }
- {
- context._currentRenderer = null;
- context._currentRenderer2 = null;
- }
+ var React = {
+ Children: {
+ map: mapChildren,
+ forEach: forEachChildren,
+ count: countChildren,
+ toArray: toArray,
+ only: onlyChild
+ },
- return context;
- }
+ createRef: createRef,
+ Component: Component,
+ PureComponent: PureComponent,
- function lazy(ctor) {
- var lazyType = {
- $$typeof: REACT_LAZY_TYPE,
- _ctor: ctor,
- // React uses these fields to store the result.
- _status: -1,
- _result: null
- };
+ createContext: createContext,
+ forwardRef: forwardRef,
+ lazy: lazy,
+ memo: memo,
- {
- // In production, this would just set it on the object.
- var defaultProps = void 0;
- var propTypes = void 0;
- Object.defineProperties(lazyType, {
- defaultProps: {
- configurable: true,
- get: function () {
- return defaultProps;
- },
- set: function (newDefaultProps) {
- warning$1(false, 'React.lazy(...): It is not supported to assign `defaultProps` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
- defaultProps = newDefaultProps;
- // Match production behavior more closely:
- Object.defineProperty(lazyType, 'defaultProps', {
- enumerable: true
- });
- }
- },
- propTypes: {
- configurable: true,
- get: function () {
- return propTypes;
- },
- set: function (newPropTypes) {
- warning$1(false, 'React.lazy(...): It is not supported to assign `propTypes` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
- propTypes = newPropTypes;
- // Match production behavior more closely:
- Object.defineProperty(lazyType, 'propTypes', {
- enumerable: true
- });
- }
- }
- });
- }
+ Fragment: REACT_FRAGMENT_TYPE,
+ StrictMode: REACT_STRICT_MODE_TYPE,
+ Suspense: REACT_SUSPENSE_TYPE,
- return lazyType;
- }
-
- function forwardRef(render) {
- {
- if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
- warningWithoutStack$1(false, 'forwardRef requires a render function but received a `memo` ' + 'component. Instead of forwardRef(memo(...)), use ' + 'memo(forwardRef(...)).');
- } else if (typeof render !== 'function') {
- warningWithoutStack$1(false, 'forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render);
- } else {
- !(
- // Do not warn for 0 arguments because it could be due to usage of the 'arguments' object
- render.length === 0 || render.length === 2) ? warningWithoutStack$1(false, 'forwardRef render functions accept exactly two parameters: props and ref. %s', render.length === 1 ? 'Did you forget to use the ref parameter?' : 'Any additional parameter will be undefined.') : void 0;
- }
-
- if (render != null) {
- !(render.defaultProps == null && render.propTypes == null) ? warningWithoutStack$1(false, 'forwardRef render functions do not support propTypes or defaultProps. ' + 'Did you accidentally pass a React component?') : void 0;
- }
- }
+ createElement: createElementWithValidation,
+ cloneElement: cloneElementWithValidation,
+ createFactory: createFactoryWithValidation,
+ isValidElement: isValidElement,
- return {
- $$typeof: REACT_FORWARD_REF_TYPE,
- render: render
- };
- }
-
- function isValidElementType(type) {
- return typeof type === 'string' || typeof type === 'function' ||
- // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
- type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE);
- }
-
- function memo(type, compare) {
- {
- if (!isValidElementType(type)) {
- warningWithoutStack$1(false, 'memo: The first argument must be a component. Instead ' + 'received: %s', type === null ? 'null' : typeof type);
- }
- }
- return {
- $$typeof: REACT_MEMO_TYPE,
- type: type,
- compare: compare === undefined ? null : compare
- };
- }
-
- function resolveDispatcher() {
- var dispatcher = ReactCurrentOwner.currentDispatcher;
- !(dispatcher !== null) ? invariant(false, 'Hooks can only be called inside the body of a function component.') : void 0;
- return dispatcher;
- }
-
- function useContext(Context, observedBits) {
- var dispatcher = resolveDispatcher();
- {
- // TODO: add a more generic warning for invalid values.
- if (Context._context !== undefined) {
- var realContext = Context._context;
- // Don't deduplicate because this legitimately causes bugs
- // and nobody should be using this in existing code.
- if (realContext.Consumer === Context) {
- warning$1(false, 'Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be ' + 'removed in a future major release. Did you mean to call useContext(Context) instead?');
- } else if (realContext.Provider === Context) {
- warning$1(false, 'Calling useContext(Context.Provider) is not supported. ' + 'Did you mean to call useContext(Context) instead?');
- }
- }
- }
- return dispatcher.useContext(Context, observedBits);
- }
-
- function useState(initialState) {
- var dispatcher = resolveDispatcher();
- return dispatcher.useState(initialState);
- }
-
- function useReducer(reducer, initialState, initialAction) {
- var dispatcher = resolveDispatcher();
- return dispatcher.useReducer(reducer, initialState, initialAction);
- }
-
- function useRef(initialValue) {
- var dispatcher = resolveDispatcher();
- return dispatcher.useRef(initialValue);
- }
-
- function useEffect(create, inputs) {
- var dispatcher = resolveDispatcher();
- return dispatcher.useEffect(create, inputs);
- }
-
- function useLayoutEffect(create, inputs) {
- var dispatcher = resolveDispatcher();
- return dispatcher.useLayoutEffect(create, inputs);
- }
-
- function useCallback(callback, inputs) {
- var dispatcher = resolveDispatcher();
- return dispatcher.useCallback(callback, inputs);
- }
-
- function useMemo(create, inputs) {
- var dispatcher = resolveDispatcher();
- return dispatcher.useMemo(create, inputs);
- }
-
- function useImperativeMethods(ref, create, inputs) {
- var dispatcher = resolveDispatcher();
- return dispatcher.useImperativeMethods(ref, create, inputs);
- }
-
- /**
- * ReactElementValidator provides a wrapper around a element factory
- * which validates the props passed to the element. This is intended to be
- * used only in DEV and could be replaced by a static type checker for languages
- * that support it.
- */
-
- var propTypesMisspellWarningShown = void 0;
-
- {
- propTypesMisspellWarningShown = false;
- }
-
- function getDeclarationErrorAddendum() {
- if (ReactCurrentOwner.current) {
- var name = getComponentName(ReactCurrentOwner.current.type);
- if (name) {
- return '\n\nCheck the render method of `' + name + '`.';
- }
- }
- return '';
- }
-
- function getSourceInfoErrorAddendum(elementProps) {
- if (elementProps !== null && elementProps !== undefined && elementProps.__source !== undefined) {
- var source = elementProps.__source;
- var fileName = source.fileName.replace(/^.*[\\\/]/, '');
- var lineNumber = source.lineNumber;
- return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
- }
- return '';
- }
-
- /**
- * Warn if there's no key explicitly set on dynamic arrays of children or
- * object keys are not valid. This allows us to keep track of children between
- * updates.
- */
- var ownerHasKeyUseWarning = {};
-
- function getCurrentComponentErrorInfo(parentType) {
- var info = getDeclarationErrorAddendum();
-
- if (!info) {
- var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
- if (parentName) {
- info = '\n\nCheck the top-level render call using <' + parentName + '>.';
- }
- }
- return info;
- }
-
- /**
- * Warn if the element doesn't have an explicit key assigned to it.
- * This element is in an array. The array could grow and shrink or be
- * reordered. All children that haven't already been validated are required to
- * have a "key" property assigned to it. Error statuses are cached so a warning
- * will only be shown once.
- *
- * @internal
- * @param {ReactElement} element Element that requires a key.
- * @param {*} parentType element's parent's type.
- */
- function validateExplicitKey(element, parentType) {
- if (!element._store || element._store.validated || element.key != null) {
- return;
- }
- element._store.validated = true;
+ version: ReactVersion,
- var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
- if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
- return;
- }
- ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
-
- // Usually the current owner is the offender, but if it accepts children as a
- // property, it may be the creator of the child that's responsible for
- // assigning it a key.
- var childOwner = '';
- if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
- // Give the component that originally created this child.
- childOwner = ' It was passed a child from ' + getComponentName(element._owner.type) + '.';
- }
+ unstable_ConcurrentMode: REACT_CONCURRENT_MODE_TYPE,
+ unstable_Profiler: REACT_PROFILER_TYPE,
- setCurrentlyValidatingElement(element);
- {
- warning$1(false, 'Each child in an array or iterator should have a unique "key" prop.' + '%s%s See https://fb.me/react-warning-keys for more information.', currentComponentErrorInfo, childOwner);
- }
- setCurrentlyValidatingElement(null);
- }
-
- /**
- * Ensure that every element either is passed in a static location, in an
- * array with an explicit keys property defined, or in an object literal
- * with valid key property.
- *
- * @internal
- * @param {ReactNode} node Statically passed child of any type.
- * @param {*} parentType node's parent's type.
- */
- function validateChildKeys(node, parentType) {
- if (typeof node !== 'object') {
- return;
- }
- if (Array.isArray(node)) {
- for (var i = 0; i < node.length; i++) {
- var child = node[i];
- if (isValidElement(child)) {
- validateExplicitKey(child, parentType);
- }
- }
- } else if (isValidElement(node)) {
- // This element was passed in a valid location.
- if (node._store) {
- node._store.validated = true;
- }
- } else if (node) {
- var iteratorFn = getIteratorFn(node);
- if (typeof iteratorFn === 'function') {
- // Entry iterators used to provide implicit keys,
- // but now we print a separate warning for them later.
- if (iteratorFn !== node.entries) {
- var iterator = iteratorFn.call(node);
- var step = void 0;
- while (!(step = iterator.next()).done) {
- if (isValidElement(step.value)) {
- validateExplicitKey(step.value, parentType);
+ __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: ReactSharedInternals
+ };
+
+// Note: some APIs are added with feature flags.
+// Make sure that stable builds for open source
+// don't modify the React object to avoid deopts.
+// Also let's not expose their names in stable builds.
+
+ if (enableStableConcurrentModeAPIs) {
+ React.ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+ React.Profiler = REACT_PROFILER_TYPE;
+ React.unstable_ConcurrentMode = undefined;
+ React.unstable_Profiler = undefined;
}
- }
- }
- }
- }
- }
-
- /**
- * Given an element, validate that its props follow the propTypes definition,
- * provided by the type.
- *
- * @param {ReactElement} element
- */
- function validatePropTypes(element) {
- var type = element.type;
- if (type === null || type === undefined || typeof type === 'string') {
- return;
- }
- var name = getComponentName(type);
- var propTypes = void 0;
- if (typeof type === 'function') {
- propTypes = type.propTypes;
- } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE ||
- // Note: Memo only checks outer props here.
- // Inner props are checked in the reconciler.
- type.$$typeof === REACT_MEMO_TYPE)) {
- propTypes = type.propTypes;
- } else {
- return;
- }
- if (propTypes) {
- setCurrentlyValidatingElement(element);
- checkPropTypes(propTypes, element.props, 'prop', name, ReactDebugCurrentFrame.getStackAddendum);
- setCurrentlyValidatingElement(null);
- } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
- propTypesMisspellWarningShown = true;
- warningWithoutStack$1(false, 'Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', name || 'Unknown');
- }
- if (typeof type.getDefaultProps === 'function') {
- !type.getDefaultProps.isReactClassApproved ? warningWithoutStack$1(false, 'getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.') : void 0;
- }
- }
-
- /**
- * Given a fragment, validate that it can only be provided with fragment props
- * @param {ReactElement} fragment
- */
- function validateFragmentProps(fragment) {
- setCurrentlyValidatingElement(fragment);
-
- var keys = Object.keys(fragment.props);
- for (var i = 0; i < keys.length; i++) {
- var key = keys[i];
- if (key !== 'children' && key !== 'key') {
- warning$1(false, 'Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
- break;
- }
- }
- if (fragment.ref !== null) {
- warning$1(false, 'Invalid attribute `ref` supplied to `React.Fragment`.');
- }
+ if (enableHooks) {
+ React.useCallback = useCallback;
+ React.useContext = useContext;
+ React.useEffect = useEffect;
+ React.useImperativeMethods = useImperativeMethods;
+ React.useLayoutEffect = useLayoutEffect;
+ React.useMemo = useMemo;
+ React.useReducer = useReducer;
+ React.useRef = useRef;
+ React.useState = useState;
+ }
- setCurrentlyValidatingElement(null);
- }
-
- function createElementWithValidation(type, props, children) {
- var validType = isValidElementType(type);
-
- // We warn in this case but don't throw. We expect the element creation to
- // succeed and there will likely be errors in render.
- if (!validType) {
- var info = '';
- if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
- info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
- }
-
- var sourceInfo = getSourceInfoErrorAddendum(props);
- if (sourceInfo) {
- info += sourceInfo;
- } else {
- info += getDeclarationErrorAddendum();
- }
-
- var typeString = void 0;
- if (type === null) {
- typeString = 'null';
- } else if (Array.isArray(type)) {
- typeString = 'array';
- } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
- typeString = '<' + (getComponentName(type.type) || 'Unknown') + ' />';
- info = ' Did you accidentally export a JSX literal instead of a component?';
- } else {
- typeString = typeof type;
- }
-
- warning$1(false, 'React.createElement: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
- }
- var element = createElement.apply(this, arguments);
+ var React$2 = Object.freeze({
+ default: React
+ });
- // The result can be nullish if a mock or a custom function is used.
- // TODO: Drop this when these are no longer allowed as the type argument.
- if (element == null) {
- return element;
- }
+ var React$3 = (React$2 && React) || React$2;
- // Skip key warning if the type isn't valid since our key validation logic
- // doesn't expect a non-string/function type and can throw confusing errors.
- // We don't want exception behavior to differ between dev and prod.
- // (Rendering will throw with a helpful message and as soon as the type is
- // fixed, the key warnings will appear.)
- if (validType) {
- for (var i = 2; i < arguments.length; i++) {
- validateChildKeys(arguments[i], type);
- }
- }
+// TODO: decide on the top-level export form.
+// This is hacky but makes it work with both Rollup and Jest.
+ var react = React$3.default || React$3;
- if (type === REACT_FRAGMENT_TYPE) {
- validateFragmentProps(element);
- } else {
- validatePropTypes(element);
+ module.exports = react;
+ })();
}
- return element;
- }
-
- function createFactoryWithValidation(type) {
- var validatedFactory = createElementWithValidation.bind(null, type);
- validatedFactory.type = type;
- // Legacy hook: remove it
- {
- Object.defineProperty(validatedFactory, 'type', {
- enumerable: false,
- get: function () {
- lowPriorityWarning$1(false, 'Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.');
- Object.defineProperty(this, 'type', {
- value: type
- });
- return type;
+ }).call(this, require('_process'))
+ }, {"_process": 3, "object-assign": 2, "prop-types/checkPropTypes": 4}],
+ 10: [function (require, module, exports) {
+ /** @license React v16.7.0
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+ 'use strict';
+ var k = require("object-assign"), n = "function" === typeof Symbol && Symbol.for,
+ p = n ? Symbol.for("react.element") : 60103, q = n ? Symbol.for("react.portal") : 60106,
+ r = n ? Symbol.for("react.fragment") : 60107, t = n ? Symbol.for("react.strict_mode") : 60108,
+ u = n ? Symbol.for("react.profiler") : 60114, v = n ? Symbol.for("react.provider") : 60109,
+ w = n ? Symbol.for("react.context") : 60110, x = n ? Symbol.for("react.concurrent_mode") : 60111,
+ y = n ? Symbol.for("react.forward_ref") : 60112, z = n ? Symbol.for("react.suspense") : 60113,
+ A = n ? Symbol.for("react.memo") :
+ 60115, B = n ? Symbol.for("react.lazy") : 60116, C = "function" === typeof Symbol && Symbol.iterator;
+
+ function aa(a, b, e, c, d, g, h, f) {
+ if (!a) {
+ a = void 0;
+ if (void 0 === b) a = Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."); else {
+ var l = [e, c, d, g, h, f], m = 0;
+ a = Error(b.replace(/%s/g, function () {
+ return l[m++]
+ }));
+ a.name = "Invariant Violation"
}
- });
+ a.framesToPop = 1;
+ throw a;
}
+ }
- return validatedFactory;
- }
+ function D(a) {
+ for (var b = arguments.length - 1, e = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, c = 0; c < b; c++) e += "&args[]=" + encodeURIComponent(arguments[c + 1]);
+ aa(!1, "Minified React error #" + a + "; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ", e)
+ }
- function cloneElementWithValidation(element, props, children) {
- var newElement = cloneElement.apply(this, arguments);
- for (var i = 2; i < arguments.length; i++) {
- validateChildKeys(arguments[i], newElement.type);
+ var E = {
+ isMounted: function () {
+ return !1
+ }, enqueueForceUpdate: function () {
+ }, enqueueReplaceState: function () {
+ }, enqueueSetState: function () {
}
- validatePropTypes(newElement);
- return newElement;
- }
+ }, F = {};
- var React = {
- Children: {
- map: mapChildren,
- forEach: forEachChildren,
- count: countChildren,
- toArray: toArray,
- only: onlyChild
- },
+ function G(a, b, e) {
+ this.props = a;
+ this.context = b;
+ this.refs = F;
+ this.updater = e || E
+ }
- createRef: createRef,
- Component: Component,
- PureComponent: PureComponent,
+ G.prototype.isReactComponent = {};
+ G.prototype.setState = function (a, b) {
+ "object" !== typeof a && "function" !== typeof a && null != a ? D("85") : void 0;
+ this.updater.enqueueSetState(this, a, b, "setState")
+ };
+ G.prototype.forceUpdate = function (a) {
+ this.updater.enqueueForceUpdate(this, a, "forceUpdate")
+ };
- createContext: createContext,
- forwardRef: forwardRef,
- lazy: lazy,
- memo: memo,
+ function H() {
+ }
- Fragment: REACT_FRAGMENT_TYPE,
- StrictMode: REACT_STRICT_MODE_TYPE,
- Suspense: REACT_SUSPENSE_TYPE,
+ H.prototype = G.prototype;
- createElement: createElementWithValidation,
- cloneElement: cloneElementWithValidation,
- createFactory: createFactoryWithValidation,
- isValidElement: isValidElement,
+ function I(a, b, e) {
+ this.props = a;
+ this.context = b;
+ this.refs = F;
+ this.updater = e || E
+ }
- version: ReactVersion,
+ var J = I.prototype = new H;
+ J.constructor = I;
+ k(J, G.prototype);
+ J.isPureReactComponent = !0;
+ var K = {current: null, currentDispatcher: null}, L = Object.prototype.hasOwnProperty,
+ M = {key: !0, ref: !0, __self: !0, __source: !0};
+
+ function N(a, b, e) {
+ var c = void 0, d = {}, g = null, h = null;
+ if (null != b) for (c in void 0 !== b.ref && (h = b.ref), void 0 !== b.key && (g = "" + b.key), b) L.call(b, c) && !M.hasOwnProperty(c) && (d[c] = b[c]);
+ var f = arguments.length - 2;
+ if (1 === f) d.children = e; else if (1 < f) {
+ for (var l = Array(f), m = 0; m < f; m++) l[m] = arguments[m + 2];
+ d.children = l
+ }
+ if (a && a.defaultProps) for (c in f = a.defaultProps, f) void 0 === d[c] && (d[c] = f[c]);
+ return {$$typeof: p, type: a, key: g, ref: h, props: d, _owner: K.current}
+ }
- unstable_ConcurrentMode: REACT_CONCURRENT_MODE_TYPE,
- unstable_Profiler: REACT_PROFILER_TYPE,
+ function ba(a, b) {
+ return {$$typeof: p, type: a.type, key: b, ref: a.ref, props: a.props, _owner: a._owner}
+ }
- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: ReactSharedInternals
- };
+ function O(a) {
+ return "object" === typeof a && null !== a && a.$$typeof === p
+ }
-// Note: some APIs are added with feature flags.
-// Make sure that stable builds for open source
-// don't modify the React object to avoid deopts.
-// Also let's not expose their names in stable builds.
+ function escape(a) {
+ var b = {"=": "=0", ":": "=2"};
+ return "$" + ("" + a).replace(/[=:]/g, function (a) {
+ return b[a]
+ })
+ }
- if (enableStableConcurrentModeAPIs) {
- React.ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
- React.Profiler = REACT_PROFILER_TYPE;
- React.unstable_ConcurrentMode = undefined;
- React.unstable_Profiler = undefined;
- }
+ var P = /\/+/g, Q = [];
- if (enableHooks) {
- React.useCallback = useCallback;
- React.useContext = useContext;
- React.useEffect = useEffect;
- React.useImperativeMethods = useImperativeMethods;
- React.useLayoutEffect = useLayoutEffect;
- React.useMemo = useMemo;
- React.useReducer = useReducer;
- React.useRef = useRef;
- React.useState = useState;
- }
+ function R(a, b, e, c) {
+ if (Q.length) {
+ var d = Q.pop();
+ d.result = a;
+ d.keyPrefix = b;
+ d.func = e;
+ d.context = c;
+ d.count = 0;
+ return d
+ }
+ return {result: a, keyPrefix: b, func: e, context: c, count: 0}
+ }
+ function S(a) {
+ a.result = null;
+ a.keyPrefix = null;
+ a.func = null;
+ a.context = null;
+ a.count = 0;
+ 10 > Q.length && Q.push(a)
+ }
- var React$2 = Object.freeze({
- default: React
- });
+ function T(a, b, e, c) {
+ var d = typeof a;
+ if ("undefined" === d || "boolean" === d) a = null;
+ var g = !1;
+ if (null === a) g = !0; else switch (d) {
+ case "string":
+ case "number":
+ g = !0;
+ break;
+ case "object":
+ switch (a.$$typeof) {
+ case p:
+ case q:
+ g = !0
+ }
+ }
+ if (g) return e(c, a, "" === b ? "." + U(a, 0) : b), 1;
+ g = 0;
+ b = "" === b ? "." : b + ":";
+ if (Array.isArray(a)) for (var h = 0; h < a.length; h++) {
+ d = a[h];
+ var f = b + U(d, h);
+ g += T(d, f, e, c)
+ } else if (null === a || "object" !== typeof a ? f = null : (f = C && a[C] || a["@@iterator"], f = "function" === typeof f ? f : null), "function" === typeof f) for (a = f.call(a), h =
+ 0; !(d = a.next()).done;) d = d.value, f = b + U(d, h++), g += T(d, f, e, c); else "object" === d && (e = "" + a, D("31", "[object Object]" === e ? "object with keys {" + Object.keys(a).join(", ") + "}" : e, ""));
+ return g
+ }
- var React$3 = (React$2 && React) || React$2;
+ function V(a, b, e) {
+ return null == a ? 0 : T(a, "", b, e)
+ }
-// TODO: decide on the top-level export form.
-// This is hacky but makes it work with both Rollup and Jest.
- var react = React$3.default || React$3;
-
- module.exports = react;
- })();
- }
-
- }).call(this, require('_process'))
- }, {"_process": 3, "object-assign": 2, "prop-types/checkPropTypes": 4}],
- 10: [function (require, module, exports) {
- /** @license React v16.7.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
- 'use strict';
- var k = require("object-assign"), n = "function" === typeof Symbol && Symbol.for,
- p = n ? Symbol.for("react.element") : 60103, q = n ? Symbol.for("react.portal") : 60106,
- r = n ? Symbol.for("react.fragment") : 60107, t = n ? Symbol.for("react.strict_mode") : 60108,
- u = n ? Symbol.for("react.profiler") : 60114, v = n ? Symbol.for("react.provider") : 60109,
- w = n ? Symbol.for("react.context") : 60110, x = n ? Symbol.for("react.concurrent_mode") : 60111,
- y = n ? Symbol.for("react.forward_ref") : 60112, z = n ? Symbol.for("react.suspense") : 60113,
- A = n ? Symbol.for("react.memo") :
- 60115, B = n ? Symbol.for("react.lazy") : 60116, C = "function" === typeof Symbol && Symbol.iterator;
-
- function aa(a, b, e, c, d, g, h, f) {
- if (!a) {
- a = void 0;
- if (void 0 === b) a = Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."); else {
- var l = [e, c, d, g, h, f], m = 0;
- a = Error(b.replace(/%s/g, function () {
- return l[m++]
- }));
- a.name = "Invariant Violation"
+ function U(a, b) {
+ return "object" === typeof a && null !== a && null != a.key ? escape(a.key) : b.toString(36)
}
- a.framesToPop = 1;
- throw a;
- }
- }
- function D(a) {
- for (var b = arguments.length - 1, e = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, c = 0; c < b; c++) e += "&args[]=" + encodeURIComponent(arguments[c + 1]);
- aa(!1, "Minified React error #" + a + "; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ", e)
- }
+ function ca(a, b) {
+ a.func.call(a.context, b, a.count++)
+ }
- var E = {
- isMounted: function () {
- return !1
- }, enqueueForceUpdate: function () {
- }, enqueueReplaceState: function () {
- }, enqueueSetState: function () {
- }
- }, F = {};
-
- function G(a, b, e) {
- this.props = a;
- this.context = b;
- this.refs = F;
- this.updater = e || E
- }
+ function da(a, b, e) {
+ var c = a.result, d = a.keyPrefix;
+ a = a.func.call(a.context, b, a.count++);
+ Array.isArray(a) ? W(a, c, e, function (a) {
+ return a
+ }) : null != a && (O(a) && (a = ba(a, d + (!a.key || b && b.key === a.key ? "" : ("" + a.key).replace(P, "$&/") + "/") + e)), c.push(a))
+ }
- G.prototype.isReactComponent = {};
- G.prototype.setState = function (a, b) {
- "object" !== typeof a && "function" !== typeof a && null != a ? D("85") : void 0;
- this.updater.enqueueSetState(this, a, b, "setState")
- };
- G.prototype.forceUpdate = function (a) {
- this.updater.enqueueForceUpdate(this, a, "forceUpdate")
- };
+ function W(a, b, e, c, d) {
+ var g = "";
+ null != e && (g = ("" + e).replace(P, "$&/") + "/");
+ b = R(b, g, c, d);
+ V(a, da, b);
+ S(b)
+ }
- function H() {
- }
+ var X = {
+ Children: {
+ map: function (a, b, e) {
+ if (null == a) return a;
+ var c = [];
+ W(a, c, null, b, e);
+ return c
+ }, forEach: function (a, b, e) {
+ if (null == a) return a;
+ b = R(null, null, b, e);
+ V(a, ca, b);
+ S(b)
+ }, count: function (a) {
+ return V(a, function () {
+ return null
+ }, null)
+ }, toArray: function (a) {
+ var b = [];
+ W(a, b, null, function (a) {
+ return a
+ });
+ return b
+ }, only: function (a) {
+ O(a) ? void 0 : D("143");
+ return a
+ }
+ },
+ createRef: function () {
+ return {current: null}
+ },
+ Component: G,
+ PureComponent: I,
+ createContext: function (a, b) {
+ void 0 === b && (b = null);
+ a = {
+ $$typeof: w, _calculateChangedBits: b,
+ _currentValue: a, _currentValue2: a, _threadCount: 0, Provider: null, Consumer: null
+ };
+ a.Provider = {$$typeof: v, _context: a};
+ return a.Consumer = a
+ },
+ forwardRef: function (a) {
+ return {$$typeof: y, render: a}
+ },
+ lazy: function (a) {
+ return {$$typeof: B, _ctor: a, _status: -1, _result: null}
+ },
+ memo: function (a, b) {
+ return {$$typeof: A, type: a, compare: void 0 === b ? null : b}
+ },
+ Fragment: r,
+ StrictMode: t,
+ Suspense: z,
+ createElement: N,
+ cloneElement: function (a, b, e) {
+ null === a || void 0 === a ? D("267", a) : void 0;
+ var c = void 0, d = k({}, a.props), g = a.key, h = a.ref, f = a._owner;
+ if (null != b) {
+ void 0 !== b.ref && (h = b.ref, f = K.current);
+ void 0 !== b.key && (g = "" + b.key);
+ var l = void 0;
+ a.type && a.type.defaultProps && (l = a.type.defaultProps);
+ for (c in b) L.call(b, c) && !M.hasOwnProperty(c) && (d[c] = void 0 === b[c] && void 0 !== l ? l[c] : b[c])
+ }
+ c = arguments.length - 2;
+ if (1 === c) d.children = e; else if (1 < c) {
+ l = Array(c);
+ for (var m = 0; m < c; m++) l[m] = arguments[m + 2];
+ d.children = l
+ }
+ return {$$typeof: p, type: a.type, key: g, ref: h, props: d, _owner: f}
+ },
+ createFactory: function (a) {
+ var b = N.bind(null, a);
+ b.type = a;
+ return b
+ },
+ isValidElement: O,
+ version: "16.7.0",
+ unstable_ConcurrentMode: x,
+ unstable_Profiler: u,
+ __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {ReactCurrentOwner: K, assign: k}
+ }, Y = {default: X}, Z = Y && X || Y;
+ module.exports = Z.default || Z;
+
+ }, {"object-assign": 2}],
+ 11: [function (require, module, exports) {
+ (function (process) {
+ 'use strict';
+
+ if (process.env.NODE_ENV === 'production') {
+ module.exports = require('./cjs/react.production.min.js');
+ } else {
+ module.exports = require('./cjs/react.development.js');
+ }
- H.prototype = G.prototype;
+ }).call(this, require('_process'))
+ }, {"./cjs/react.development.js": 9, "./cjs/react.production.min.js": 10, "_process": 3}],
+ 12: [function (require, module, exports) {
+ "use strict";
- function I(a, b, e) {
- this.props = a;
- this.context = b;
- this.refs = F;
- this.updater = e || E
- }
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = void 0;
- var J = I.prototype = new H;
- J.constructor = I;
- k(J, G.prototype);
- J.isPureReactComponent = !0;
- var K = {current: null, currentDispatcher: null}, L = Object.prototype.hasOwnProperty,
- M = {key: !0, ref: !0, __self: !0, __source: !0};
-
- function N(a, b, e) {
- var c = void 0, d = {}, g = null, h = null;
- if (null != b) for (c in void 0 !== b.ref && (h = b.ref), void 0 !== b.key && (g = "" + b.key), b) L.call(b, c) && !M.hasOwnProperty(c) && (d[c] = b[c]);
- var f = arguments.length - 2;
- if (1 === f) d.children = e; else if (1 < f) {
- for (var l = Array(f), m = 0; m < f; m++) l[m] = arguments[m + 2];
- d.children = l
- }
- if (a && a.defaultProps) for (c in f = a.defaultProps, f) void 0 === d[c] && (d[c] = f[c]);
- return {$$typeof: p, type: a, key: g, ref: h, props: d, _owner: K.current}
- }
+ var _react = _interopRequireWildcard(require("react"));
- function ba(a, b) {
- return {$$typeof: p, type: a.type, key: b, ref: a.ref, props: a.props, _owner: a._owner}
- }
+ var _materialize = _interopRequireDefault(require("materialize-css/dist/js/materialize"));
- function O(a) {
- return "object" === typeof a && null !== a && a.$$typeof === p
- }
+ var _propTypes = _interopRequireDefault(require("prop-types"));
- function escape(a) {
- var b = {"=": "=0", ":": "=2"};
- return "$" + ("" + a).replace(/[=:]/g, function (a) {
- return b[a]
- })
- }
+ function _interopRequireDefault(obj) {
+ return obj && obj.__esModule ? obj : {default: obj};
+ }
- var P = /\/+/g, Q = [];
-
- function R(a, b, e, c) {
- if (Q.length) {
- var d = Q.pop();
- d.result = a;
- d.keyPrefix = b;
- d.func = e;
- d.context = c;
- d.count = 0;
- return d
- }
- return {result: a, keyPrefix: b, func: e, context: c, count: 0}
- }
+ function _interopRequireWildcard(obj) {
+ if (obj && obj.__esModule) {
+ return obj;
+ } else {
+ var newObj = {};
+ if (obj != null) {
+ for (var key in obj) {
+ if (Object.prototype.hasOwnProperty.call(obj, key)) {
+ var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+ if (desc.get || desc.set) {
+ Object.defineProperty(newObj, key, desc);
+ } else {
+ newObj[key] = obj[key];
+ }
+ }
+ }
+ }
+ newObj.default = obj;
+ return newObj;
+ }
+ }
- function S(a) {
- a.result = null;
- a.keyPrefix = null;
- a.func = null;
- a.context = null;
- a.count = 0;
- 10 > Q.length && Q.push(a)
- }
+ function _defineProperty(obj, key, value) {
+ if (key in obj) {
+ Object.defineProperty(obj, key, {value: value, enumerable: true, configurable: true, writable: true});
+ } else {
+ obj[key] = value;
+ }
+ return obj;
+ }
- function T(a, b, e, c) {
- var d = typeof a;
- if ("undefined" === d || "boolean" === d) a = null;
- var g = !1;
- if (null === a) g = !0; else switch (d) {
- case "string":
- case "number":
- g = !0;
- break;
- case "object":
- switch (a.$$typeof) {
- case p:
- case q:
- g = !0
- }
- }
- if (g) return e(c, a, "" === b ? "." + U(a, 0) : b), 1;
- g = 0;
- b = "" === b ? "." : b + ":";
- if (Array.isArray(a)) for (var h = 0; h < a.length; h++) {
- d = a[h];
- var f = b + U(d, h);
- g += T(d, f, e, c)
- } else if (null === a || "object" !== typeof a ? f = null : (f = C && a[C] || a["@@iterator"], f = "function" === typeof f ? f : null), "function" === typeof f) for (a = f.call(a), h =
- 0; !(d = a.next()).done;) d = d.value, f = b + U(d, h++), g += T(d, f, e, c); else "object" === d && (e = "" + a, D("31", "[object Object]" === e ? "object with keys {" + Object.keys(a).join(", ") + "}" : e, ""));
- return g
- }
+ function _typeof(obj) {
+ if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+ _typeof = function _typeof(obj) {
+ return typeof obj;
+ };
+ } else {
+ _typeof = function _typeof(obj) {
+ return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+ };
+ }
+ return _typeof(obj);
+ }
- function V(a, b, e) {
- return null == a ? 0 : T(a, "", b, e)
- }
+ function _classCallCheck(instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ }
- function U(a, b) {
- return "object" === typeof a && null !== a && null != a.key ? escape(a.key) : b.toString(36)
- }
+ 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);
+ }
+ }
- function ca(a, b) {
- a.func.call(a.context, b, a.count++)
- }
+ function _createClass(Constructor, protoProps, staticProps) {
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) _defineProperties(Constructor, staticProps);
+ return Constructor;
+ }
- function da(a, b, e) {
- var c = a.result, d = a.keyPrefix;
- a = a.func.call(a.context, b, a.count++);
- Array.isArray(a) ? W(a, c, e, function (a) {
- return a
- }) : null != a && (O(a) && (a = ba(a, d + (!a.key || b && b.key === a.key ? "" : ("" + a.key).replace(P, "$&/") + "/") + e)), c.push(a))
- }
+ function _possibleConstructorReturn(self, call) {
+ if (call && (_typeof(call) === "object" || typeof call === "function")) {
+ return call;
+ }
+ return _assertThisInitialized(self);
+ }
- function W(a, b, e, c, d) {
- var g = "";
- null != e && (g = ("" + e).replace(P, "$&/") + "/");
- b = R(b, g, c, d);
- V(a, da, b);
- S(b)
- }
+ function _assertThisInitialized(self) {
+ if (self === void 0) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+ return self;
+ }
- var X = {
- Children: {
- map: function (a, b, e) {
- if (null == a) return a;
- var c = [];
- W(a, c, null, b, e);
- return c
- }, forEach: function (a, b, e) {
- if (null == a) return a;
- b = R(null, null, b, e);
- V(a, ca, b);
- S(b)
- }, count: function (a) {
- return V(a, function () {
- return null
- }, null)
- }, toArray: function (a) {
- var b = [];
- W(a, b, null, function (a) {
- return a
- });
- return b
- }, only: function (a) {
- O(a) ? void 0 : D("143");
- return a
+ function _getPrototypeOf(o) {
+ _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+ return o.__proto__ || Object.getPrototypeOf(o);
+ };
+ return _getPrototypeOf(o);
}
- },
- createRef: function () {
- return {current: null}
- },
- Component: G,
- PureComponent: I,
- createContext: function (a, b) {
- void 0 === b && (b = null);
- a = {
- $$typeof: w, _calculateChangedBits: b,
- _currentValue: a, _currentValue2: a, _threadCount: 0, Provider: null, Consumer: null
- };
- a.Provider = {$$typeof: v, _context: a};
- return a.Consumer = a
- },
- forwardRef: function (a) {
- return {$$typeof: y, render: a}
- },
- lazy: function (a) {
- return {$$typeof: B, _ctor: a, _status: -1, _result: null}
- },
- memo: function (a, b) {
- return {$$typeof: A, type: a, compare: void 0 === b ? null : b}
- },
- Fragment: r,
- StrictMode: t,
- Suspense: z,
- createElement: N,
- cloneElement: function (a, b, e) {
- null === a || void 0 === a ? D("267", a) : void 0;
- var c = void 0, d = k({}, a.props), g = a.key, h = a.ref, f = a._owner;
- if (null != b) {
- void 0 !== b.ref && (h = b.ref, f = K.current);
- void 0 !== b.key && (g = "" + b.key);
- var l = void 0;
- a.type && a.type.defaultProps && (l = a.type.defaultProps);
- for (c in b) L.call(b, c) && !M.hasOwnProperty(c) && (d[c] = void 0 === b[c] && void 0 !== l ? l[c] : b[c])
+
+ function _inherits(subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function");
+ }
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) _setPrototypeOf(subClass, superClass);
}
- c = arguments.length - 2;
- if (1 === c) d.children = e; else if (1 < c) {
- l = Array(c);
- for (var m = 0; m < c; m++) l[m] = arguments[m + 2];
- d.children = l
+
+ function _setPrototypeOf(o, p) {
+ _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+ o.__proto__ = p;
+ return o;
+ };
+ return _setPrototypeOf(o, p);
}
- return {$$typeof: p, type: a.type, key: g, ref: h, props: d, _owner: f}
- },
- createFactory: function (a) {
- var b = N.bind(null, a);
- b.type = a;
- return b
- },
- isValidElement: O,
- version: "16.7.0",
- unstable_ConcurrentMode: x,
- unstable_Profiler: u,
- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {ReactCurrentOwner: K, assign: k}
- }, Y = {default: X}, Z = Y && X || Y;
- module.exports = Z.default || Z;
-
- }, {"object-assign": 2}],
- 11: [function (require, module, exports) {
- (function (process) {
- 'use strict';
-
- if (process.env.NODE_ENV === 'production') {
- module.exports = require('./cjs/react.production.min.js');
- } else {
- module.exports = require('./cjs/react.development.js');
- }
-
- }).call(this, require('_process'))
- }, {"./cjs/react.development.js": 9, "./cjs/react.production.min.js": 10, "_process": 3}],
- 12: [function (require, module, exports) {
- "use strict";
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = void 0;
-
- var _react = _interopRequireWildcard(require("react"));
-
- var _materialize = _interopRequireDefault(require("materialize-css/dist/js/materialize"));
-
- var _propTypes = _interopRequireDefault(require("prop-types"));
-
- function _interopRequireDefault(obj) {
- return obj && obj.__esModule ? obj : {default: obj};
- }
- function _interopRequireWildcard(obj) {
- if (obj && obj.__esModule) {
- return obj;
- } else {
- var newObj = {};
- if (obj != null) {
- for (var key in obj) {
- if (Object.prototype.hasOwnProperty.call(obj, key)) {
- var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
- if (desc.get || desc.set) {
- Object.defineProperty(newObj, key, desc);
- } else {
- newObj[key] = obj[key];
- }
+ var OPTIONS_ONLINE_COMMON = ["Portal ist nicht erreichbar", "Fehlermeldung(en) tauchen auf", "Anmeldung funktioniert nicht", "Zugangsdaten vergessen"];
+ var BASIC_OPTIONS = [{
+ id: "infrastructureIssues",
+ name: "Infrastrukturprobleme",
+ options: [{
+ id: "presentationDeviceIssue",
+ name: "Problem mit Beamer/Fernseher",
+ helpText: "Bitte wähle aus, wo der Beamer bzw. Fernseher steht!"
+ }, {
+ id: "printerIssue",
+ name: "Problem mit einem Drucker",
+ helpText: "Bitte nenne uns in der Beschreibung das Modell des Druckers, damit wir genau wissen, welchen Drucker du meinst!"
+ }, {
+ id: "subMonitorIssue",
+ name: "Vertretungsplanmonitor funktioniert nicht",
+ helpText: "Nenne uns bitte in der Beschreibung ggf. weitere Informationen!"
+ }, {
+ id: "aulaIssue",
+ name: "Problem in der Aula (→Technik-AG)",
+ helpText: "Deine Anfrage wird direkt an die Technik-AG weitergeleitet."
+ }, {
+ id: "wlanIssue",
+ name: "Probleme mit dem Schul-WLAN (kath-schueler/lehrer)",
+ helpText: "Nenne uns bitte unbedingt auch den Ort in der Schule, an dem das Problem auftrat."
+ }]
+ }, {
+ id: "onlineIssues",
+ name: "Webservices",
+ options: [{
+ id: "forum",
+ name: "Forum (ILIAS)",
+ options: OPTIONS_ONLINE_COMMON.concat(["Ich kann meinen Kurs bzw. Klasse nicht sehen/finden.", "Ich kann keine Dateien hochladen.", "Es taucht eine weiße Seite auf.", "Ich habe falsche Informationen gefunden."])
+ }, {
+ id: "mail",
+ name: "Webmail/Mailserver",
+ options: OPTIONS_ONLINE_COMMON.concat(["Mein E-Mail-Programm funktioniert mit meiner …@katharineum.de-Adresse nicht.", "Ich bekomme keine E-Mails bzw. kann keine senden."])
+ }, {
+ id: "schoolapps",
+ name: "SchoolApps",
+ options: OPTIONS_ONLINE_COMMON.concat(["Der Stundenplan/Vertretungsplan ist falsch.", "Ich bin der falschen Klasse zugeordnet.", "Ich habe einen Fehler gefunden."])
+ }, {
+ id: "subOrMenu",
+ name: "Vertretungsplan/Speiseplan",
+ options: OPTIONS_ONLINE_COMMON.concat(["Kein Vertretungsplan zu sehen", "Falscher Vertretungsplan zu sehen", "Kein Speiseplan zu sehen", "Falscher Speiseplan zu sehen"])
+ }, {
+ id: "website",
+ name: "Website (katharineum-zu-luebeck.de)",
+ options: ["Website nicht erreichbar", "Falsche Inhalte vorhanden", "Typografiefehler"]
+ }, {
+ id: "otherOnlineIssue",
+ name: "Andere Anwendung"
+ }]
+ }, {
+ id: "deviceIssues",
+ name: "Probleme am Computer/Notebook",
+ options: [{
+ id: "loginIssue",
+ name: "Anmeldeproblem/Passwort vergessen"
+ }, {
+ id: "internetIssue",
+ name: "Internetproblem"
+ }, {
+ id: "noReaction",
+ name: "Programm-/Computerabsturz (keine Reaktion)"
+ }, {
+ id: "powerOffNoBoot",
+ name: "Computer/Notebook ist ausgegangen/startet nicht"
+ }, {
+ id: "speedIssue",
+ name: "Computer/Notebook zu langsam"
+ }, {
+ id: "noUSB",
+ name: "USB-Stick wird nicht erkannt"
+ }, {
+ id: "noOpenTray",
+ name: "CD/DVD-Laufwerk öffnet sich nicht"
+ }, {
+ id: "noCDDVD",
+ name: "CD/DVD wird nicht erkannt/abgespielt"
+ }, {
+ id: "keyboardMouse",
+ name: "Tastatur/Maus funktioniert nicht"
+ }, {
+ id: "missingHardware",
+ name: "Tastatur/Maus/Lautsprecher/etc. fehlt"
+ }, {
+ id: "missingKeys",
+ name: "Fehlende Tasten auf der Tastatur"
+ }, {
+ id: "hardwareMisc",
+ name: "Andere Hardware defekt / Äußere Schäden"
+ }]
+ }, {
+ id: "otherIssues",
+ name: "Andere Probleme",
+ options: [{
+ id: "extra",
+ name: "Sonstiges"
+ }]
+ }];
+ var OTHER_LOCATIONS = ["Notebookwagen 1. Stock/R 2.06", "Notebookwagen 2. Stock/R 2.10", "Notebookwagen 3. Stock/Physik", "Internetcafe", "Infopoint/Sekretariatsvorraum", "Lehrerzimmer (Vorraum)", "Lehrerzimmer (Hauptraum)"];
+
+ function getCategoryOfOption(option) {
+ for (var _i = 0; _i < BASIC_OPTIONS.length; _i++) {
+ var category = BASIC_OPTIONS[_i];
+ // console.log(category);
+ var _iteratorNormalCompletion = true;
+ var _didIteratorError = false;
+ var _iteratorError = undefined;
+
+ try {
+ for (var _iterator = category.options[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+ var opt = _step.value;
+
+ // console.log(opt);
+ if (opt.id === option) {
+ return category.id;
+ }
+ }
+ } catch (err) {
+ _didIteratorError = true;
+ _iteratorError = err;
+ } finally {
+ try {
+ if (!_iteratorNormalCompletion && _iterator.return != null) {
+ _iterator.return();
+ }
+ } finally {
+ if (_didIteratorError) {
+ throw _iteratorError;
+ }
+ }
+ }
}
- }
}
- newObj.default = obj;
- return newObj;
- }
- }
- function _defineProperty(obj, key, value) {
- if (key in obj) {
- Object.defineProperty(obj, key, {value: value, enumerable: true, configurable: true, writable: true});
- } else {
- obj[key] = value;
- }
- return obj;
- }
+ function getOption(option) {
+ for (var _i2 = 0; _i2 < BASIC_OPTIONS.length; _i2++) {
+ var category = BASIC_OPTIONS[_i2];
+ // console.log(category);
+ var _iteratorNormalCompletion2 = true;
+ var _didIteratorError2 = false;
+ var _iteratorError2 = undefined;
+
+ try {
+ for (var _iterator2 = category.options[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+ var opt = _step2.value;
+
+ // console.log(opt);
+ if (opt.id === option) {
+ return opt;
+ }
+ }
+ } catch (err) {
+ _didIteratorError2 = true;
+ _iteratorError2 = err;
+ } finally {
+ try {
+ if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+ _iterator2.return();
+ }
+ } finally {
+ if (_didIteratorError2) {
+ throw _iteratorError2;
+ }
+ }
+ }
+ }
+ }
+
+ var Select =
+ /*#__PURE__*/
+ function (_Component) {
+ _inherits(Select, _Component);
+
+ function Select() {
+ _classCallCheck(this, Select);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(Select).apply(this, arguments));
+ }
+
+ _createClass(Select, [{
+ key: "render",
+ value: function render() {
+ return _react.default.createElement("select", {
+ onChange: this.props.onChange,
+ defaultValue: "no",
+ required: this.props.show
+ }, _react.default.createElement("option", {
+ value: "no",
+ disabled: true
+ }, "Nichts ausgew\xE4hlt"), this.props.values.map(function (val, i) {
+ return _react.default.createElement("option", {
+ value: val,
+ key: i
+ }, val);
+ }), _react.default.createElement("option", {
+ value: "extra"
+ }, this.props.defaultValue));
+ }
+ }]);
+
+ return Select;
+ }(_react.Component);
- function _typeof(obj) {
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
- _typeof = function _typeof(obj) {
- return typeof obj;
+ Select.propTypes = {
+ onChange: _propTypes.default.func.isRequired,
+ values: _propTypes.default.array.isRequired,
+ defaultValue: _propTypes.default.string,
+ show: _propTypes.default.bool.isRequired
};
- } else {
- _typeof = function _typeof(obj) {
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+ Select.defaultProps = {
+ defaultValue: "Sonstiges"
};
- }
- return _typeof(obj);
- }
- function _classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- }
+ var Input =
+ /*#__PURE__*/
+ function (_Component2) {
+ _inherits(Input, _Component2);
- 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);
- }
- }
+ function Input() {
+ _classCallCheck(this, Input);
- function _createClass(Constructor, protoProps, staticProps) {
- if (protoProps) _defineProperties(Constructor.prototype, protoProps);
- if (staticProps) _defineProperties(Constructor, staticProps);
- return Constructor;
- }
+ return _possibleConstructorReturn(this, _getPrototypeOf(Input).apply(this, arguments));
+ }
- function _possibleConstructorReturn(self, call) {
- if (call && (_typeof(call) === "object" || typeof call === "function")) {
- return call;
- }
- return _assertThisInitialized(self);
- }
+ _createClass(Input, [{
+ key: "render",
+ value: function render() {
+ return _react.default.createElement("div", {
+ className: (this.props.show ? "" : "hide ") + "input-field col s12 m12 l4"
+ }, _react.default.createElement("i", {
+ className: "material-icons prefix"
+ }, this.props.icon), this.props.children, _react.default.createElement("label", null, this.props.label));
+ }
+ }]);
- function _assertThisInitialized(self) {
- if (self === void 0) {
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
- }
- return self;
- }
+ return Input;
+ }(_react.Component);
- function _getPrototypeOf(o) {
- _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
- return o.__proto__ || Object.getPrototypeOf(o);
- };
- return _getPrototypeOf(o);
- }
+ Input.propTypes = {
+ icon: _propTypes.default.string,
+ show: _propTypes.default.bool,
+ label: _propTypes.default.string.isRequired,
+ children: _propTypes.default.object.isRequired
+ };
+ Input.defaultProps = {
+ icon: "list",
+ show: false
+ };
- function _inherits(subClass, superClass) {
- if (typeof superClass !== "function" && superClass !== null) {
- throw new TypeError("Super expression must either be null or a function");
- }
- subClass.prototype = Object.create(superClass && superClass.prototype, {
- constructor: {
- value: subClass,
- writable: true,
- configurable: true
- }
- });
- if (superClass) _setPrototypeOf(subClass, superClass);
- }
+ var App =
+ /*#__PURE__*/
+ function (_Component3) {
+ _inherits(App, _Component3);
- function _setPrototypeOf(o, p) {
- _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
- o.__proto__ = p;
- return o;
- };
- return _setPrototypeOf(o, p);
- }
+ function App() {
+ var _this;
- var OPTIONS_ONLINE_COMMON = ["Portal ist nicht erreichbar", "Fehlermeldung(en) tauchen auf", "Anmeldung funktiontiert nicht", "Zugangsdaten vergessen"];
- var BASIC_OPTIONS = [{
- id: "infrastructureIssues",
- name: "Infrastrukturprobleme",
- options: [{
- id: "presentationDeviceIssue",
- name: "Problem mit Beamer/Fernseher",
- helpText: "Bitte wähle aus, wo der Beamer bzw. Fernseher steht!"
- }, {
- id: "subMonitorIssue",
- name: "Vertretungsplanmonitor funktioniert nicht",
- helpText: "Nenne uns bitte in der Beschreibung ggf. weitere Informationen!"
- }, {
- id: "aulaIssue",
- name: "Problem in der Aula (→Technik-AG)",
- helpText: "Deine Anfrage wird direkt an die Technik-AG weitergeleitet."
- }, {
- id: "wlanIssue",
- name: "Probleme mit dem Schul-WLAN (kath-schueler/lehrer)",
- helpText: "Nenne uns bitte unbedingt auch den Ort in der Schule, an dem das Problem auftrat."
- }]
- }, {
- id: "onlineIssues",
- name: "Webservices",
- options: [{
- id: "forum",
- name: "Forum (ILIAS)",
- options: OPTIONS_ONLINE_COMMON.concat(["Ich kann meinen Kurs bzw. Klasse nicht sehen/finden.", "Ich kann keine Dateien hochladen.", "Es taucht eine weiße Seite auf.", "Ich habe falsche Informationen gefunden."])
- }, {
- id: "mail",
- name: "Webmail/Mailserver",
- options: OPTIONS_ONLINE_COMMON.concat(["Mein E-Mail-Programm funktioniert mit meiner …@katharineum.de-Adresse nicht.", "Ich bekomme keine E-Mails bzw. kann keine senden."])
- }, {
- id: "schoolapps",
- name: "SchoolApps",
- options: OPTIONS_ONLINE_COMMON.concat(["Der Stundenplan/Vertretungsplan ist falsch.", "Ich bin der falschen Klasse zugeordnet.", "Ich habe einen Fehler gefunden."])
- }, {
- id: "subOrMenu",
- name: "Vertretungsplan/Speiseplan",
- options: OPTIONS_ONLINE_COMMON.concat(["Kein Vertretungsplan zu sehen", "Falscher Vertretungsplan zu sehen", "Kein Speiseplan zu sehen", "Falscher Speiseplan zu sehen"])
- }, {
- id: "website",
- name: "Website (katharineum-zu-luebeck.de)",
- options: ["Website nicht erreichbar", "Falsche Inhalte vorhanden", "Typografiefehler"]
- }, {
- id: "otherOnlineIssue",
- name: "Andere Anwendung"
- }]
- }, {
- id: "deviceIssues",
- name: "Probleme am Computer/Notebook",
- options: [{
- id: "loginIssue",
- name: "Anmeldeproblem/Passwort vergessen"
- }, {
- id: "internetIssue",
- name: "Internetproblem"
- }, {
- id: "noReaction",
- name: "Programm-/Computerabsturz (keine Reaktion)"
- }, {
- id: "powerOffNoBoot",
- name: "Computer/Notebook ist ausgegangen/startet nicht"
- }, {
- id: "speedIssue",
- name: "Computer/Notebook zu langsam"
- }, {
- id: "noUSB",
- name: "USB-Stick wird nicht erkannt"
- }, {
- id: "noOpenTray",
- name: "CD/DVD-Laufwerk öffnet sich nicht"
- }, {
- id: "noCDDVD",
- name: "CD/DVD wird nicht erkannt/abgespielt"
- }, {
- id: "keyboardMouse",
- name: "Tastatur/Maus funktioniert nicht"
- }, {
- id: "missingHardware",
- name: "Tastatur/Maus/Lautsprecher/etc. fehlt"
- }, {
- id: "missingKeys",
- name: "Fehlende Tasten auf der Tastatur"
- }]
- }, {
- id: "otherIssues",
- name: "Andere Probleme",
- options: [{
- id: "extra",
- name: "Sonstiges"
- }]
- }];
- var OTHER_LOCATIONS = ["Notebookwagen 1. Stock/R 2.06", "Notebookwagen 2. Stock/R 2.10", "Notebookwagen 3. Stock/Physik", "Internetcafe", "Infopoint/Sekretariatsvorraum", "Lehrerzimmer (Vorraum)", "Lehrerzimmer (Hauptraum)"];
-
- function getCategoryOfOption(option) {
- for (var _i = 0; _i < BASIC_OPTIONS.length; _i++) {
- var category = BASIC_OPTIONS[_i];
- // console.log(category);
- var _iteratorNormalCompletion = true;
- var _didIteratorError = false;
- var _iteratorError = undefined;
+ _classCallCheck(this, App);
- try {
- for (var _iterator = category.options[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
- var opt = _step.value;
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(App).call(this));
- // console.log(opt);
- if (opt.id === option) {
- return category.id;
- }
- }
- } catch (err) {
- _didIteratorError = true;
- _iteratorError = err;
- } finally {
- try {
- if (!_iteratorNormalCompletion && _iterator.return != null) {
- _iterator.return();
- }
- } finally {
- if (_didIteratorError) {
- throw _iteratorError;
- }
- }
- }
- }
- }
+ _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "_onCategoryChanges", function (e) {
+ var opt = e.target.value;
+ var category = getCategoryOfOption(opt);
+ var option = getOption(opt); // Get matching helper text
- function getOption(option) {
- for (var _i2 = 0; _i2 < BASIC_OPTIONS.length; _i2++) {
- var category = BASIC_OPTIONS[_i2];
- // console.log(category);
- var _iteratorNormalCompletion2 = true;
- var _didIteratorError2 = false;
- var _iteratorError2 = undefined;
+ var helpText = option.helpText || _this.state.helpText;
- try {
- for (var _iterator2 = category.options[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
- var opt = _step2.value;
+ if (category === "deviceIssues") {
+ helpText = "Wähle bitte das Gerät mit dem Problem aus! Bitte vergiss nicht, uns das Problem unten genauer zu beschreiben!";
+ } else if (category === "onlineIssues") {
+ helpText = "Bitte konkretisiere das Problem durch eine Auswahl und gib bitte unten genauere Informationen an.";
+ } else if (category === "otherIssues") {
+ helpText = "Da es sich scheinbar um ein seltenes oder noch nicht erfasstes Problem handelt, gib uns bitte besonders viele Informationen.";
+ } // Update state
- // console.log(opt);
- if (opt.id === option) {
- return opt;
- }
- }
- } catch (err) {
- _didIteratorError2 = true;
- _iteratorError2 = err;
- } finally {
- try {
- if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
- _iterator2.return();
- }
- } finally {
- if (_didIteratorError2) {
- throw _iteratorError2;
- }
- }
- }
- }
- }
- var Select =
- /*#__PURE__*/
- function (_Component) {
- _inherits(Select, _Component);
-
- function Select() {
- _classCallCheck(this, Select);
-
- return _possibleConstructorReturn(this, _getPrototypeOf(Select).apply(this, arguments));
- }
-
- _createClass(Select, [{
- key: "render",
- value: function render() {
- return _react.default.createElement("select", {
- onChange: this.props.onChange,
- defaultValue: "no",
- required: this.props.show
- }, _react.default.createElement("option", {
- value: "no",
- disabled: true
- }, "Nichts ausgew\xE4hlt"), this.props.values.map(function (val, i) {
- return _react.default.createElement("option", {
- value: val,
- key: i
- }, val);
- }), _react.default.createElement("option", {
- value: "extra"
- }, this.props.defaultValue));
- }
- }]);
-
- return Select;
- }(_react.Component);
-
- Select.propTypes = {
- onChange: _propTypes.default.func.isRequired,
- values: _propTypes.default.array.isRequired,
- defaultValue: _propTypes.default.string,
- show: _propTypes.default.bool.isRequired
- };
- Select.defaultProps = {
- defaultValue: "Sonstiges"
- };
-
- var Input =
- /*#__PURE__*/
- function (_Component2) {
- _inherits(Input, _Component2);
-
- function Input() {
- _classCallCheck(this, Input);
-
- return _possibleConstructorReturn(this, _getPrototypeOf(Input).apply(this, arguments));
- }
-
- _createClass(Input, [{
- key: "render",
- value: function render() {
- return _react.default.createElement("div", {
- className: (this.props.show ? "" : "hide ") + "input-field col s12 m12 l4"
- }, _react.default.createElement("i", {
- className: "material-icons prefix"
- }, this.props.icon), this.props.children, _react.default.createElement("label", null, this.props.label));
- }
- }]);
-
- return Input;
- }(_react.Component);
-
- Input.propTypes = {
- icon: _propTypes.default.string,
- show: _propTypes.default.bool,
- label: _propTypes.default.string.isRequired,
- children: _propTypes.default.object.isRequired
- };
- Input.defaultProps = {
- icon: "list",
- show: false
- };
-
- var App =
- /*#__PURE__*/
- function (_Component3) {
- _inherits(App, _Component3);
-
- function App() {
- var _this;
-
- _classCallCheck(this, App);
-
- _this = _possibleConstructorReturn(this, _getPrototypeOf(App).call(this));
-
- _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "_onCategoryChanges", function (e) {
- var opt = e.target.value;
- var category = getCategoryOfOption(opt);
- var option = getOption(opt); // Get matching helper text
-
- var helpText = option.helpText || _this.state.helpText;
-
- if (category === "deviceIssues") {
- helpText = "Wähle bitte das Gerät mit dem Problem aus! Bitte vergiss nicht, uns das Problem unten genauer zu beschreiben!";
- } else if (category === "onlineIssues") {
- helpText = "Bitte konkretisiere das Problem durch eine Auswahl und gib bitte unten genauere Informationen an.";
- } else if (category === "otherIssues") {
- helpText = "Da es sich scheinbar um ein seltenes oder noch nicht erfasstes Problem handelt, gib uns bitte besonders viele Informationen.";
- } // Update state
-
-
- _this.setState({
- selectedCategory: category,
- selectedOption: option,
- step: 1,
- helpText: helpText
- });
- });
+ _this.setState({
+ selectedCategory: category,
+ selectedOption: option,
+ step: 1,
+ helpText: helpText
+ });
+ });
- _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "_onSetB", function (e) {
- var val = e.target.value;
+ _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "_onSetB", function (e) {
+ var val = e.target.value;
- _this.setState({
- valueB: val,
- step: 2
- });
- });
+ _this.setState({
+ valueB: val,
+ step: 2
+ });
+ });
- _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "_onSetC", function (e) {
- var val = e.target.value;
+ _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "_onSetC", function (e) {
+ var val = e.target.value;
- _this.setState({
- valueC: val,
- step: 2
- });
- });
+ _this.setState({
+ valueC: val,
+ step: 2
+ });
+ });
- _this.state = {
- selectedCategory: "noCategory",
- selectedOption: null,
- helpText: "Wähle bitte eine Kategorie aus!",
- valueB: "",
- valueC: "",
- step: 0
- };
- return _this;
- }
+ _this.state = {
+ selectedCategory: "noCategory",
+ selectedOption: null,
+ helpText: "Wähle bitte eine Kategorie aus!",
+ valueB: "",
+ valueC: "",
+ step: 0
+ };
+ return _this;
+ }
- _createClass(App, [{
- key: "componentDidMount",
- value: function componentDidMount() {
- // Init materialize selects
- var elems = document.querySelectorAll('select');
+ _createClass(App, [{
+ key: "componentDidMount",
+ value: function componentDidMount() {
+ // Init materialize selects
+ var elems = document.querySelectorAll('select');
- _materialize.default.FormSelect.init(elems, {});
- }
- }, {
- key: "render",
- value: function render() {
- var LOCATIONS = this.props.rooms.concat(OTHER_LOCATIONS);
- var LOCATIONS_WITH_POSSIBLE_PRESENTATION_DEVICE = this.props.rooms;
- LOCATIONS.sort(); // console.log(this.state);
-
- var that = this;
- var sC = this.state.selectedCategory;
- var sO = this.state.selectedOption ? this.state.selectedOption.id : null;
- var step = this.state.step; // console.log(BASIC_OPTIONS[2].options);
-
- return _react.default.createElement("div", {
- className: "App"
- }, _react.default.createElement("div", {
- className: "row"
- }, _react.default.createElement("div", {
- className: "input-field col s12 m12 l4"
- }, _react.default.createElement("i", {
- className: "material-icons prefix"
- }, "list"), _react.default.createElement("select", {
- onChange: this._onCategoryChanges,
- defaultValue: "noCategory",
- className: "validate",
- required: true
- }, _react.default.createElement("option", {
- value: "noCategory",
- disabled: true
- }, "Keine Kategorie ausgew\xE4hlt"), BASIC_OPTIONS.map(function (category) {
- return _react.default.createElement("optgroup", {
- label: category.name,
- key: category.id
- }, category.options.map(function (option) {
- return _react.default.createElement("option", {
- value: option.id,
- key: option.id
- }, option.name);
- }));
- })), _react.default.createElement("label", null, "Kategorie")), _react.default.createElement(Input, {
- label: "Ort des Computer/Notebook",
- icon: "location_on",
- show: sC === "deviceIssues"
- }, _react.default.createElement(Select, {
- onChange: this._onSetB,
- values: LOCATIONS,
- defaultValue: "Anderer Ort",
- show: sC === "deviceIssues"
- })), _react.default.createElement(Input, {
- label: "Ort des Beamer/Fernseher",
- icon: "location_on",
- show: sO === "presentationDeviceIssue"
- }, _react.default.createElement(Select, {
- onChange: this._onSetB,
- values: LOCATIONS_WITH_POSSIBLE_PRESENTATION_DEVICE,
- defaultValue: "Anderer Raum",
- show: sO === "presentationDeviceIssue"
- })), _react.default.createElement(Input, {
- label: "Art des Problems",
- icon: "bug_report",
- show: sO === "subMonitorIssue"
- }, _react.default.createElement(Select, {
- onChange: this._onSetB,
- values: ["Schwarzer Bildschirm", "Tage wechseln nicht (Eingefroren)"],
- defaultValue: "Anderer Raum",
- show: sO === "subMonitorIssue"
- })), _react.default.createElement(Input, {
- label: "Art des Problems",
- icon: "bug_report",
- show: sO === "wlanIssue"
- }, _react.default.createElement(Select, {
- onChange: this._onSetB,
- values: ["Kein Empfang", "Zugangsdaten funktionieren nicht", "Geschwindigkeit zu langsam"],
- defaultValue: "Anderes Problem",
- show: sO === "wlanIssue"
- })), BASIC_OPTIONS[1].options.map(function (opt) {
- if (opt.options) {
- return _react.default.createElement(Input, {
- label: "Art des Problems",
- icon: "bug_report",
- show: sC === "onlineIssues" && sO === opt.id,
- key: opt.id
- }, _react.default.createElement(Select, {
- onChange: that._onSetB,
- values: opt.options,
- defaultValue: "Anderes Problem",
- show: sC === "onlineIssues" && sO === opt.id,
- key: opt.id
- }));
- } else {
- return _react.default.createElement("p", null);
- }
- }), _react.default.createElement(Input, {
- label: "Handelt es sich um einen Beamer oder einen Fernseher?",
- icon: "tv",
- show: sO === "presentationDeviceIssue" && step === 2
- }, _react.default.createElement(Select, {
- onChange: this._onSetC,
- values: ["Beamer", "Fernseher/Bildschirm"],
- defaultValue: "Sonstiges",
- show: sO === "presentationDeviceIssue" && step === 2
- })), _react.default.createElement(Input, {
- label: "Um welches WLAN-Netzwerk handelt es sich?",
- icon: "wifi",
- show: sO === "wlanIssue" && step === 2
- }, _react.default.createElement(Select, {
- onChange: this._onSetC,
- values: ["kath-schueler", "kath-lehrer", "kath-edu", "kath-gaeste"],
- defaultValue: "-",
- show: sO === "wlanIssue" && step === 2
- })), _react.default.createElement("div", {
- className: (sC === "deviceIssues" && step === 2 ? "" : "hide ") + "input-field col s12 m12 l4"
- }, _react.default.createElement("i", {
- className: "material-icons prefix"
- }, "device_unknown"), _react.default.createElement("input", {
- type: "text",
- id: "valc",
- onChange: this._onSetC,
- required: sC === "deviceIssues" && step === 2,
- className: "validate"
- }), _react.default.createElement("label", {
- htmlFor: "valc"
- }, "Um welches Ger\xE4t handelt es sich?")), _react.default.createElement("div", {
- className: "col s12"
- }, _react.default.createElement("p", null, _react.default.createElement("i", {
- className: "material-icons left"
- }, "info"), this.state.helpText))), _react.default.createElement("div", null, _react.default.createElement("input", {
- type: "hidden",
- name: "a",
- value: this.state.selectedOption ? this.state.selectedOption.name : ""
- }), _react.default.createElement("input", {
- type: "hidden",
- name: "b",
- value: this.state.valueB
- }), _react.default.createElement("input", {
- type: "hidden",
- name: "c",
- value: this.state.valueC
- })));
- }
- }]);
+ _materialize.default.FormSelect.init(elems, {});
+ }
+ }, {
+ key: "render",
+ value: function render() {
+ var LOCATIONS = this.props.rooms.concat(OTHER_LOCATIONS);
+ var LOCATIONS_WITH_POSSIBLE_PRESENTATION_DEVICE = this.props.rooms;
+ LOCATIONS.sort(); // console.log(this.state);
+
+ var that = this;
+ var sC = this.state.selectedCategory;
+ var sO = this.state.selectedOption ? this.state.selectedOption.id : null;
+ var step = this.state.step; // console.log(BASIC_OPTIONS[2].options);
+
+ return _react.default.createElement("div", {
+ className: "App"
+ }, _react.default.createElement("div", {
+ className: "row"
+ }, _react.default.createElement("div", {
+ className: "input-field col s12 m12 l4"
+ }, _react.default.createElement("i", {
+ className: "material-icons prefix"
+ }, "list"), _react.default.createElement("select", {
+ onChange: this._onCategoryChanges,
+ defaultValue: "noCategory",
+ className: "validate",
+ required: true
+ }, "-", _react.default.createElement("option", {
+ value: "noCategory",
+ disabled: true
+ }, "Keine Kategorie ausgew\xE4hlt"), BASIC_OPTIONS.map(function (category) {
+ return _react.default.createElement("optgroup", {
+ label: category.name,
+ key: category.id
+ }, category.options.map(function (option) {
+ return _react.default.createElement("option", {
+ value: option.id,
+ key: option.id
+ }, option.name);
+ }));
+ })), _react.default.createElement("label", null, "Kategorie")), _react.default.createElement(Input, {
+ label: "Ort des Computer/Notebook",
+ icon: "location_on",
+ show: sC === "deviceIssues"
+ }, _react.default.createElement(Select, {
+ onChange: this._onSetB,
+ values: LOCATIONS,
+ defaultValue: "Anderer Ort",
+ show: sC === "deviceIssues"
+ })), _react.default.createElement(Input, {
+ label: "Ort des Beamer/Fernseher",
+ icon: "location_on",
+ show: sO === "presentationDeviceIssue"
+ }, _react.default.createElement(Select, {
+ onChange: this._onSetB,
+ values: LOCATIONS_WITH_POSSIBLE_PRESENTATION_DEVICE,
+ defaultValue: "Anderer Raum",
+ show: sO === "presentationDeviceIssue"
+ })), _react.default.createElement(Input, {
+ label: "Art des Problems",
+ icon: "bug_report",
+ show: sO === "printerIssue"
+ }, _react.default.createElement(Select, {
+ onChange: this._onSetB,
+ values: ["Papierstau", "Toner leer", "Papier leer", "Drucker bekommt keine Daten"],
+ defaultValue: "Anderes Problem",
+ show: sO === "subMonitorIssue"
+ })), _react.default.createElement(Input, {
+ label: "Art des Problems",
+ icon: "bug_report",
+ show: sO === "subMonitorIssue"
+ }, _react.default.createElement(Select, {
+ onChange: this._onSetB,
+ values: ["Schwarzer Bildschirm", "Tage wechseln nicht (Eingefroren)"],
+ defaultValue: "Anderes Problem",
+ show: sO === "subMonitorIssue"
+ })), _react.default.createElement(Input, {
+ label: "Art des Problems",
+ icon: "bug_report",
+ show: sO === "wlanIssue"
+ }, _react.default.createElement(Select, {
+ onChange: this._onSetB,
+ values: ["Kein Empfang", "Zugangsdaten funktionieren nicht", "Geschwindigkeit zu langsam"],
+ defaultValue: "Anderes Problem",
+ show: sO === "wlanIssue"
+ })), BASIC_OPTIONS[1].options.map(function (opt) {
+ if (opt.options) {
+ return _react.default.createElement(Input, {
+ label: "Art des Problems",
+ icon: "bug_report",
+ show: sC === "onlineIssues" && sO === opt.id,
+ key: opt.id
+ }, _react.default.createElement(Select, {
+ onChange: that._onSetB,
+ values: opt.options,
+ defaultValue: "Anderes Problem",
+ show: sC === "onlineIssues" && sO === opt.id,
+ key: opt.id
+ }));
+ } else {
+ return _react.default.createElement("p", null);
+ }
+ }), _react.default.createElement(Input, {
+ label: "Handelt es sich um einen Beamer oder einen Fernseher?",
+ icon: "tv",
+ show: sO === "presentationDeviceIssue" && step === 2
+ }, _react.default.createElement(Select, {
+ onChange: this._onSetC,
+ values: ["Beamer", "Fernseher/Bildschirm"],
+ defaultValue: "Sonstiges",
+ show: sO === "presentationDeviceIssue" && step === 2
+ })), _react.default.createElement(Input, {
+ label: "Ort des Druckers",
+ icon: "location_on",
+ show: sO === "printerIssue" && step === 2
+ }, _react.default.createElement(Select, {
+ onChange: this._onSetC,
+ values: LOCATIONS,
+ defaultValue: "Anderer Raum",
+ show: sO === "presentationDeviceIssue"
+ })), _react.default.createElement(Input, {
+ label: "Um welches WLAN-Netzwerk handelt es sich?",
+ icon: "wifi",
+ show: sO === "wlanIssue" && step === 2
+ }, _react.default.createElement(Select, {
+ onChange: this._onSetC,
+ values: ["kath-schueler", "kath-lehrer", "kath-edu", "kath-gaeste"],
+ defaultValue: "-",
+ show: sO === "wlanIssue" && step === 2
+ })), _react.default.createElement("div", {
+ className: (sC === "deviceIssues" && step === 2 ? "" : "hide ") + "input-field col s12 m12 l4"
+ }, _react.default.createElement("i", {
+ className: "material-icons prefix"
+ }, "device_unknown"), _react.default.createElement("input", {
+ type: "text",
+ id: "valc",
+ onChange: this._onSetC,
+ required: sC === "deviceIssues" && step === 2,
+ className: "validate"
+ }), _react.default.createElement("label", {
+ htmlFor: "valc"
+ }, "Um welches Ger\xE4t handelt es sich?")), _react.default.createElement("div", {
+ className: "col s12"
+ }, _react.default.createElement("p", null, _react.default.createElement("i", {
+ className: "material-icons left"
+ }, "info"), this.state.helpText))), _react.default.createElement("div", null, _react.default.createElement("input", {
+ type: "hidden",
+ name: "a",
+ value: this.state.selectedOption ? this.state.selectedOption.name : ""
+ }), _react.default.createElement("input", {
+ type: "hidden",
+ name: "b",
+ value: this.state.valueB
+ }), _react.default.createElement("input", {
+ type: "hidden",
+ name: "c",
+ value: this.state.valueC
+ })));
+ }
+ }]);
- return App;
- }(_react.Component);
+ return App;
+ }(_react.Component);
- App.propTypes = {
- rooms: _propTypes.default.array.isRequired
- };
- var _default = App;
- exports.default = _default;
- ReactDOM.render(_react.default.createElement(App, window.props), // gets the props that are passed in the template
- window.react_mount // a reference to the #react div that we render to
- );
+ App.propTypes = {
+ rooms: _propTypes.default.array.isRequired
+ };
+ var _default = App;
+ exports.default = _default;
+ ReactDOM.render(_react.default.createElement(App, window.props), // gets the props that are passed in the template
+ window.react_mount // a reference to the #react div that we render to
+ );
- }, {"materialize-css/dist/js/materialize": 1, "prop-types": 7, "react": 11}]
+ }, {"materialize-css/dist/js/materialize": 1, "prop-types": 7, "react": 11}]
}, {}, [12]);
diff --git a/schoolapps/support/templates/support/mail/feedback.html b/schoolapps/support/templates/support/mail/feedback.html
index 9decc58b4fbea6c9319a10dbc177a06794846e0d..5ff4f9058ac3ccc426435858a0c874b8268c47eb 100755
--- a/schoolapps/support/templates/support/mail/feedback.html
+++ b/schoolapps/support/templates/support/mail/feedback.html
@@ -1,8 +1,6 @@
{% include "mail/header.html" %}
<main>
- <p>Hallo SchoolApps-Team,</p>
- <p>es gibt neues Feedback:</p>
<blockquote>
Bewertungen: {{ design }}/5 (Design), {{ performance }}/5 (Geschwindigkeit), {{ usability }}/5
(Benutzerfreundlichkeit)
@@ -15,7 +13,8 @@
Sonstiges: {{ more }}
- <p>Ãœbermittelt von {{ user }}</p>
+ <p>Ãœbermittelt von {{ user.get_full_name }} ({{ user.username }})</p>
</blockquote>
+ <em>Dieses Feedback wurde über SchoolApps übermittelt.</em>
</main>
\ No newline at end of file
diff --git a/schoolapps/support/templates/support/mail/feedback.txt b/schoolapps/support/templates/support/mail/feedback.txt
index c6de9bc45dfa2132cc99dee760450fb80f5d9e7c..bd54ea6d3f9446ec6d53d84fbcffdc9416580202 100755
--- a/schoolapps/support/templates/support/mail/feedback.txt
+++ b/schoolapps/support/templates/support/mail/feedback.txt
@@ -1,8 +1,3 @@
-Hallo SchoolApps-Team,
-
-es gibt neues Feedback:
-
-
Bewertungen: {{ design }}/5 (Design), {{ performance }}/5 (Geschwindigkeit), {{ usability }}/5 (Benutzerfreundlichkeit)
Bewertung (insgesamt): {{ overall }}/5
@@ -13,5 +8,7 @@ Ideen/Wünsche: {{ ideas }}
Sonstiges: {{ more }}
-Ãœbermittelt von {{ user }}
+Ãœbermittelt von {{ user.get_full_name }} ({{ user.username }})
+
+Dieses Feedback wurde über SchoolApps übermittelt.
\ No newline at end of file
diff --git a/schoolapps/support/templates/support/mail/rebus.html b/schoolapps/support/templates/support/mail/rebus.html
index 7172c1ce20693a8b1cd0199e92fb88ed43a58547..9a81df7ffa0302f5ab7b276b17c7181f0ed5d345 100755
--- a/schoolapps/support/templates/support/mail/rebus.html
+++ b/schoolapps/support/templates/support/mail/rebus.html
@@ -1,14 +1,12 @@
{% include "mail/header.html" %}
<main>
- <p>Hallo,</p>
- <p>es gibt eine neue REBUS-Meldung:</p>
<blockquote>
- <p>{{ a }} → {{ b }} → {{ c }}</p>
+ <p>{{ arrow_list }}</p>
<p>{{ short_desc }}</p>
<p>{{ long_desc }}</p>
- <p>Ãœbermittelt von {{ user }}</p>
+ <p>Ãœbermittelt von {{ user.get_full_name }} ({{ user.username }})</p>
</blockquote>
- <i>Dein SchoolApps-Team</i>
+ <em>Der Fehlerbericht wurde über REBUS in SchoolApps übermittelt.</em>
</main>
\ No newline at end of file
diff --git a/schoolapps/support/templates/support/mail/rebus.txt b/schoolapps/support/templates/support/mail/rebus.txt
index 05fcac129223a8cc29a72298bb693dd8766bf888..3c408764006a3f19f779bc688a8380c01d86bade 100755
--- a/schoolapps/support/templates/support/mail/rebus.txt
+++ b/schoolapps/support/templates/support/mail/rebus.txt
@@ -1,15 +1,10 @@
-Hallo,
-
-es gibt eine neue REBUS-Meldung:
-
-
-{{ a }} → {{ b }} → {{ c }}
+{{ arrow_list }}
{{ short_desc }}
{{ long_desc }}
-Ãœbermittelt von {{ user }}
+Ãœbermittelt von {{ user.get_full_name }} ({{ user.username }})
-Dein SchoolApps-Team
+Der Fehlerbericht wurde über REBUS in SchoolApps übermittelt.
\ No newline at end of file
diff --git a/schoolapps/support/views.py b/schoolapps/support/views.py
index 09954704334ae89c429fa2234c1d9cd10f9983cd..ca8a060485e5b01d107d26884c4c06b660a43d65 100644
--- a/schoolapps/support/views.py
+++ b/schoolapps/support/views.py
@@ -1,3 +1,4 @@
+from django.contrib.auth.decorators import login_required
from django.shortcuts import render
from mailer import send_mail_with_template
@@ -8,6 +9,11 @@ from .forms import FeedbackForm
from dashboard.models import Activity
+def add_arrows(array: list):
+ return " → ".join([item for item in array if item != ""])
+
+
+@login_required
def rebus(request):
if request.method == 'POST':
form = REBUSForm(request.POST)
@@ -20,22 +26,22 @@ def rebus(request):
long_description = form.cleaned_data['long_description']
# Register activity
- desc_act = "{} → {} → {} | {}".format(a, b, c, short_description)
+ desc_act = "{} | {}".format(add_arrows([a, b, c]), short_description)
act = Activity(title="Du hast uns ein Problem gemeldet.", description=desc_act, app="REBUS",
user=request.user)
act.save()
# Send mail
context = {
- "a": a,
- "b": b,
- "c": c,
+ "arrow_list": add_arrows([a, b, c]),
"short_desc": short_description,
"long_desc": long_description,
- "user": request.user.username
+ "user": request.user
}
- send_mail_with_template("Neue REBUS-Meldung", [mail_settings.mail_rebus], "support/mail/rebus.txt",
- "support/mail/rebus.html", context)
+ send_mail_with_template("[REBUS] {}".format(short_description), [mail_settings.mail_rebus],
+ "support/mail/rebus.txt",
+ "support/mail/rebus.html", context,
+ "{} <{}>".format(request.user.get_full_name(), request.user.email))
return render(request, 'support/rebus_submitted.html')
else:
@@ -46,6 +52,7 @@ def rebus(request):
return render(request, 'support/rebus.html', {'form': form, "props": {"rooms": rooms}})
+@login_required
def feedback(request):
if request.method == 'POST':
form = FeedbackForm(request.POST)
@@ -75,12 +82,13 @@ def feedback(request):
"more": more,
"apps": apps,
"ideas": ideas,
- "user": request.user.username
+ "user": request.user
}
- send_mail_with_template("Neues Feedback von {}".format(request.user.username),
+ send_mail_with_template("Feedback von {}".format(request.user.username),
[mail_settings.mail_feedback],
"support/mail/feedback.txt",
- "support/mail/feedback.html", context)
+ "support/mail/feedback.html", context,
+ "{} <{}>".format(request.user.get_full_name(), request.user.email))
return render(request, 'support/feedback_submitted.html')
else:
diff --git a/schoolapps/templates/common/404.html b/schoolapps/templates/common/404.html
index d000eaea84399eab554e2e5169e0b72287886cf3..a20f264e20b2cef11dabf9d3c3c10e4547cef9e5 100755
--- a/schoolapps/templates/common/404.html
+++ b/schoolapps/templates/common/404.html
@@ -1,14 +1,135 @@
-{% include 'partials/header.html' %}
+{#<!DOCTYPE html>#}
+{#<html lang="de">#}
+{#<head>#}
+{# <meta charset="utf-8">#}
+{# <meta http-equiv="X-UA-Compatible" content="IE=edge">#}
+{# <meta name="viewport" content="width=device-width,initial-scale=1">#}
+{# <meta name="description" content="Selbst programmierte Anwendungen für den Schullaltag am Katharineum zu Lübeck">#}
+{# <title>SchoolApps – Katharineum zu Lübeck</title>#}
+{##}
+{# <!-- Android -->#}
+{# <meta name="theme-color" content="#da1f3d">#}
+{# <meta name="mobile-web-app-capable" content="yes">#}
+{##}
+{# <!-- iOS -->#}
+{# <meta name="apple-mobile-web-app-title" content="SchoolApps">#}
+{# <meta name="apple-mobile-web-app-capable" content="yes">#}
+{# <meta name="apple-mobile-web-app-status-bar-style" content="default">#}
+{##}
+{# <!-- Windows -->#}
+{# <meta name="msapplication-navbutton-color" content="#da1f3d">#}
+{# <meta name="msapplication-TileColor" content="#da1f3d">#}
+{# <meta name="msapplication-TileImage" content="ms-icon-144x144.png">#}
+{# <meta name="msapplication-config" content="browserconfig.xml">#}
+{##}
+{# <!-- Pinned Sites -->#}
+{# <meta name="application-name" content="SchoolApps">#}
+{# <meta name="msapplication-tooltip" content="SchoolApps">#}
+{# <meta name="msapplication-starturl" content="/">#}
+{##}
+{# <!-- Tap highlighting -->#}
+{# <meta name="msapplication-tap-highlight" content="no">#}
+{##}
+{# <!-- UC Mobile Browser -->#}
+{# <meta name="full-screen" content="yes">#}
+{# <meta name="browsermode" content="application">#}
+{##}
+{##}
+{# <!-- Main Link Tags -->#}
+{# <link href="/static/icons/favicon_16.png" rel="icon" type="image/png" sizes="16x16">#}
+{# <link href="/static/icons/favicon_32.png" rel="icon" type="image/png" sizes="32x32">#}
+{# <link href="/static/icons/favicon_48.pngg" rel="icon" type="image/png" sizes="48x48">#}
+{##}
+{# <!-- iOS -->#}
+{# <!-- non-retina iPad iOS 7 -->#}
+{# <link rel="apple-touch-icon" href="/static/icons/apple_76.png" sizes="76x76">#}
+{# <!-- retina iPhone vor iOS 7 -->#}
+{# <link rel="apple-touch-icon" href="/static/icons/apple_114.png" sizes="114x114">#}
+{# <!-- retina iPad iOS 7 -->#}
+{# <link rel="apple-touch-icon" href="/static/icons/apple_152.png" sizes="152x152">#}
+{# <!-- retina iPad iOS 7 für iPhone 6 Plus -->#}
+{# <link rel="apple-touch-icon" href="/static/icons/apple_180.png" sizes="180x180">#}
+{##}
+{##}
+{# <!-- Pinned Tab -->#}
+{##}
+{##}
+{# <!-- Android -->#}
+{# <link href="/static/icons/android_192.png" rel="icon" sizes="192x192">#}
+{##}
+{# <!-- Others -->#}
+{##}
+{##}
+{##}
+{# <!-- Favicon -->#}
+{# <link rel="shortcut icon" type="image/x-icon" href="/static/common/favicon.ico">#}
+{# <link rel="manifest" href="/static/common/manifest.json">#}
+{##}
+{# <!--------->#}
+{# <!-- CSS -->#}
+{# <!--------->#}
+{# <link href="/static/css/materialdesignicons-webfont/material-icons.css" rel="stylesheet">#}
+{# <link rel="stylesheet" type="text/css" media="screen"#}
+{# href="/static/css/materialize.min.css">#}
+{# <link rel="stylesheet" type="text/css" href="/static/common/style.css">#}
+{# <script src="/static/js/jquery/jquery-3.3.1.slim.min.js"></script>#}
+{##}
+{##}
+{# <!-- location (for "active" in sidenav -->#}
+{# <meta name="active-loaction" content="404">#}
+{##}
+{##}
+{#</head>#}
+{#<body>#}
+{##}
+{#<header>#}
+{# <!-- Menu button (sidenav) -->#}
+{# <div class="container">#}
+{# <a href="#" data-target="slide-out" class="top-nav sidenav-trigger hide-on-large-only">#}
+{# <i class="material-icons">menu</i>#}
+{# </a>#}
+{# </div>#}
+{##}
+{# <!-- Nav bar (logged in as, logout) -->#}
+{# <nav class="primary-color">#}
+{# <a class="brand-logo" href="/">SchoolApps</a>#}
+{# </nav>#}
+{##}
+{# <div id="print-header" class="row">#}
+{# <div class="col s6 logo">#}
+{# <img src="/static/common/logo.png">#}
+{# </div>#}
+{# <div class="col s6 right-align">#}
+{# <a href="/"><strong>SchoolApps</strong></a><br>#}
+{# Katharineum zu Lübeck#}
+{# </div>#}
+{# </div>#}
+{##}
+{# <!-- Main nav (sidenav) -->#}
+{# <ul id="slide-out" class="sidenav sidenav-fixed">#}
+{# <li class="logo">#}
+{# <a id="logo-container" href="/" class="brand-logo">#}
+{# <img src="/static/common/logo.png" alt="Logo des Katharineums">#}
+{# </a>#}
+{# </li>#}
+{# </ul>#}
+{#</header>#}
+{% include "partials/header.html" %}
<main>
<h3>Leider existiert diese Seite nicht. (Fehler 404)</h3>
<p class="flow-text">
- Beim Aufrufen dieser Seite ist ein Fehler aufgetreten. Vermutlich existiert sie nicht. Wenn Du der Meinung
- bist, dass diese Seiten eigentlich existieren müsste, wende Dich bitte an den <a
- href="mailto:support@katharineum.de">Support</a>.
+ Beim Aufrufen dieser Seite ist ein Fehler aufgetreten. Wahrscheinlich existiert die gewünschte Seite unter der Adresse "<code id="url"></code>" nicht.
+
+ Solltest du der Meinung sein, dass diese Seite eigentlich existieren müsste, wende dich bitte an die
+ <a href="mailto:support@katharineum.de">Computer-AG</a>.
</p>
</main>
+<script>
+ document.getElementById("url").innerHTML = window.location.pathname;
+</script>
+
{% include 'partials/footer.html' %}
diff --git a/schoolapps/templates/partials/footer.html b/schoolapps/templates/partials/footer.html
index cb29fd62a4928d5948b32254a06d81deee8eca12..6c91c1b6327c89ce6e3014b52cdecbe331fdcacb 100755
--- a/schoolapps/templates/partials/footer.html
+++ b/schoolapps/templates/partials/footer.html
@@ -2,33 +2,51 @@
<footer class="page-footer primary-color">
- {# <div class="container">#}
- {# <div class="row no-margin">#}
- {# <div class="col l6 s12">#}
- {# <h5 class="white-text">SchoolApps</h5>#}
- {# <p class="white-text">#}
- {# Version 1.0-beta "Aebli"<br>#}
- {# Licensed under <a class="blue-text text-lighten-4" href="http://www.gnu.org/licenses/gpl-3.0-standalone.html">GNU GPL 3.0</a>#}
- {# </p>#}
- {# </div>#}
- {# <div class="col l5 offset-l1 s12">#}
- {# <h5 class="white-text">Weitere Webdienste</h5>#}
- {# <ul class="no-margin">#}
- {# <a class="blue-text text-lighten-4 btn-flat no-pad-left" href="https://katharineum-zu-luebeck.de"><i class="material-icons footer-icon left">home</i> Homepage</a>#}
- {# <a class="blue-text text-lighten-4 btn-flat" href="https://forum.katharineum.de"><i class="material-icons footer-icon left">cloud</i> Forum</a>#}
- {# <a class="blue-text text-lighten-4 btn-flat no-pad-right" href="https://webmail.katharineum.de"><i class="material-icons footer-icon left">email</i> Webmail</a>#}
- {# </ul>#}
- {# </div>#}
- {# </div>#}
- {# </div>#}
+ <div class="container">
+ <div class="row no-margin footer-row-large">
+ <div class="col l6 s12 no-pad-left height-inherit">
+ <p class="white-text valign-bot no-margin">
+ Version 1.1-dev "Aebli" ·
+ Licensed under <a class="blue-text text-lighten-4"
+ href="http://www.gnu.org/licenses/gpl-3.0-standalone.html">GNU GPL 3.0</a>
+ </p>
+ </div>
+ <div class="col xl15 l6 offset-xl01 s12 no-pad-right">
+ <ul class="no-margin right">
+ <a class="blue-text text-lighten-4 btn-flat no-pad-left" href="https://katharineum-zu-luebeck.de"><i
+ class="material-icons footer-icon left">home</i> Homepage</a>
+ <a class="blue-text text-lighten-4 btn-flat" href="https://forum.katharineum.de"><i
+ class="material-icons footer-icon left">account_balance</i> Forum</a>
+ <a class="blue-text text-lighten-4 btn-flat" href="https://nimbus.katharineum.de"><i
+ class="material-icons footer-icon left">cloud</i> Nimbus</a>
+ <a class="blue-text text-lighten-4 btn-flat no-pad-right" href="https://webmail.katharineum.de"><i
+ class="material-icons footer-icon left">email</i> Webmail</a>
+ </ul>
+ </div>
+ </div>
+ <div class="row no-margin footer-row-small">
+ <span class="white-text no-margin make-it-higher">
+ Version 1.1-dev "Aebli" ·
+ Licensed under <a class="blue-text text-lighten-4"
+ href="http://www.gnu.org/licenses/gpl-3.0-standalone.html">GNU GPL 3.0</a>
+ </span>
+ <ul class="no-margin footer-ul">
+ <a class="blue-text text-lighten-4 btn-flat no-pad-left" href="https://katharineum-zu-luebeck.de"><i
+ class="material-icons footer-icon left">home</i> Homepage</a>
+ <a class="blue-text text-lighten-4 btn-flat" href="https://forum.katharineum.de"><i
+ class="material-icons footer-icon left">account_balance</i> Forum</a>
+ <a class="blue-text text-lighten-4 btn-flat" href="https://nimbus.katharineum.de"><i
+ class="material-icons footer-icon left">cloud</i> Nimbus</a>
+ <a class="blue-text text-lighten-4 btn-flat no-pad-right" href="https://webmail.katharineum.de"><i
+ class="material-icons footer-icon left">email</i> Webmail</a>
+ </ul>
+ </div>
+ </div>
<div class="footer-copyright">
<div class="container">
- <span class="left">
- SchoolApps · Version 1.0.1-dev "Aebli" <br>
- © 2018–{% now "Y" %} Computer-AG, Katharineum zu Lübeck ·
- Licensed under <a href="http://www.gnu.org/licenses/gpl-3.0-standalone.html">GNU GPL 3.0</a>
- </span>
+ <span class="left">© 2018–{% now "Y" %} Computer-AG, Katharineum zu Lübeck</span>
<span class="right">
+ <span id="doit"></span>
<a class="blue-text text-lighten-4" href="https://katharineum-zu-luebeck.de/impressum/">Impressum</a>
·
@@ -39,7 +57,7 @@
</footer>
<!---------------->
-<!-- JavaScript (jquery v. 3.3.1.slim)-->
+<!-- JavaScript (jquery v. 3.4.1.slim)-->
<!---------------->
<script src="{% static 'common/manup.min.js' %}"></script>
<script src="{% static 'js/materialize.min.js' %}"></script>
diff --git a/schoolapps/templates/partials/header.html b/schoolapps/templates/partials/header.html
index 37344e4ae68d0125b24f665ac359532bac7d6826..cce0b017c469d8c817155d9646bac27aadd6e9bb 100755
--- a/schoolapps/templates/partials/header.html
+++ b/schoolapps/templates/partials/header.html
@@ -42,7 +42,7 @@
<!-- Main Link Tags -->
<link href="{% static "icons/favicon_16.png" %}" rel="icon" type="image/png" sizes="16x16">
<link href="{% static "icons/favicon_32.png" %}" rel="icon" type="image/png" sizes="32x32">
- <link href="{% static "icons/favicon_48.png" %}g" rel="icon" type="image/png" sizes="48x48">
+ <link href="{% static "icons/favicon_48.png" %}" rel="icon" type="image/png" sizes="48x48">
<!-- iOS -->
<!-- non-retina iPad iOS 7 -->
@@ -101,7 +101,7 @@
<!-- Nav bar (logged in as, logout) -->
<nav class="primary-color">
- <a class="brand-logo" href="#">SchoolApps</a>
+ <a class="brand-logo" href="/">SchoolApps</a>
<div class="nav-wrapper">
<ul id="nav-mobile" class="right hide-on-med-and-down">
@@ -120,7 +120,7 @@
<img src="{% static 'common/logo.png' %}">
</div>
<div class="col s6 right-align">
- <strong>SchoolApps</strong><br>
+ <a href="/"><strong>SchoolApps</strong></a><br>
Katharineum zu Lübeck
</div>
</div>
@@ -134,7 +134,7 @@
</li>
{% if user.is_authenticated %}
- <li id="dashboard">
+ <li class="url-dashboard">
<a href="{% url 'dashboard' %}">
<i class="material-icons">home</i> Dashboard
</a>
@@ -154,28 +154,28 @@
<div class="collapsible-body">
<ul>
{% if perms.aub.apply_for_aub %}
- <li id="aub_index">
+ <li class="url-aub_index url-aub_details url-ab_edit url-aub_apply_for urlaub_applied_for">
<a href="{% url 'aub_index' %}"><i class="material-icons">business_center</i>
Unterrichtsbefreiungen
</a>
</li>
{% endif %}
{% if perms.aub.check1_aub %}
- <li id="aub_check1">
+ <li class="url-aub_check1">
<a href="{% url 'aub_check1' %}"><i class="material-icons">done</i> Anträge
genehmigen 1
</a>
</li>
{% endif %}
{% if perms.aub.check2_aub %}
- <li id="aub_check2">
+ <li class="url-aub_check2">
<a href="{% url 'aub_check2' %}"><i class="material-icons">done_all</i> Anträge
genehmigen 2
</a>
</li>
{% endif %}
{% if perms.aub.view_archive %}
- <li id="aub_archive">
+ <li class="url-aub_archive">
<a href="{% url 'aub_archive' %}"><i class="material-icons">archive</i>
Archiv
</a>
@@ -197,7 +197,7 @@
</a>
<div class="collapsible-body">
<ul>
- <li id="timetable_my_plan">
+ <li class="url-timetable_my_plan">
<a href="{% url 'timetable_my_plan' %}" style="padding-right: 10px;">
<i class="material-icons">person</i> Mein Plan
<span class="badge new primary-color sidenav-badge">SMART PLAN</span>
@@ -208,25 +208,25 @@
{# <i class="material-icons">grid_on</i> Alle Pläne#}
{# </a>#}
{# </li>#}
- <li id="timetable_quicklaunch">
+ <li class="url-timetable_quicklaunch url-timetable_smart_plan url-timetable_regular_plan url-timetable_smart_plan_week">
<a href="{% url 'timetable_quicklaunch' %}">
<i class="material-icons">grid_on</i> Alle Pläne
</a>
</li>
- <li id="timetable_substitutions">
+ <li class="url-timetable_substitutions_date url-timetable_substitutions">
<a href="{% url 'timetable_substitutions' %}">
<i class="material-icons">update</i> Vertretungsplan
</a>
</li>
{% if perms.timetable.view_hint %}
- <li id="timetable_hints">
+ <li class="url-timetable_hints url-timetable_add_hint url-timetable_edit_hint url-timetable_delete_hint">
<a href="{% url 'timetable_hints' %}">
<i class="material-icons">announcement</i> Hinweismanagement
</a>
</li>
{% endif %}
{% if perms.debug.can_view_debug_log %}
- <li id="debug_logs">
+ <li class="url-debug_logs url-debug">
<a href="{% url 'debug_logs' %}">
<i class="material-icons">error</i> Debuggingtool
</a>
@@ -249,7 +249,7 @@
{% if perms.menu.add_menu %}
- <li id="menu_index">
+ <li class="url-menu_index url-menu_upload url-menu_index_msg">
<a href="{% url 'menu_index' %}">
<i class="material-icons">restaurant_menu</i> Speiseplan hochladen
</a>
@@ -264,17 +264,17 @@
<a class="collapsible-header waves-effect waves-primary"><i class="material-icons">help</i> Support</a>
<div class="collapsible-body">
<ul>
- <li id="rebus">
+ <li class="url-rebus">
<a href="{% url 'rebus' %}">
<i class="material-icons">bug_report</i> Fehler melden
</a>
</li>
- <li id="feedback">
+ <li class="url-feedback">
<a href="{% url 'feedback' %}">
<i class="material-icons">feedback</i> Feedback
</a>
</li>
- <li id="faq">
+ <li class="url-faq">
<a href="{% url 'faq' %}">
<i class="material-icons">question_answer</i>FAQ
</a>
@@ -285,7 +285,7 @@
{% endif %}
{% if not user.is_authenticated %}
- <li id="faq">
+ <li class="url-faq">
<a href="{% url 'faq' %}">
<i class="material-icons">question_answer</i>FAQ
</a>
@@ -331,7 +331,7 @@
</li>
{% else %}
- <li id="login">
+ <li class="url-login">
<a href="{% url 'login' %}">
<i class="material-icons">lock_open</i> Anmelden
</a>
@@ -339,20 +339,20 @@
{% endif %}
</ul>
</header>
-<header class="alert success">
- <p>
- <i class="material-icons left">info</i>
- Du befindest dich in der ersten veröffentlichten Version von SchoolApps. Daher kann es immer mal wieder noch zu
- bislang unvorhergesehenen
- Problemen kommen. Es würde uns sehr helfen, wenn du uns dann über
- <a href="mailto:support@katharineum.de">support@katharineum.de</a>
- schreibst oder die in SchoolApps integrierten
- <a href="{% url 'rebus' %}">Fehlermelde-</a>
- und
- <a href="{% url 'feedback' %}">Feedbackfunktionen</a>
- nutzt.
- </p>
-</header>
+{#<header class="alert success">#}
+{# <p>#}
+{# <i class="material-icons left">info</i>#}
+{# Du befindest dich in der ersten veröffentlichten Version von SchoolApps. Daher kann es immer mal wieder noch zu#}
+{# bislang unvorhergesehenen#}
+{# Problemen kommen. Es würde uns sehr helfen, wenn du uns dann über#}
+{# <a href="mailto:support@katharineum.de">support@katharineum.de</a>#}
+{# schreibst oder die in SchoolApps integrierten#}
+{# <a href="{% url 'rebus' %}">Fehlermelde-</a>#}
+{# und#}
+{# <a href="{% url 'feedback' %}">Feedbackfunktionen</a>#}
+{# nutzt.#}
+{# </p>#}
+{#</header>#}
{% if user.is_authenticated %}
<div class="fixed-action-btn">
diff --git a/schoolapps/templatetags/templatetags/copy_filter.py b/schoolapps/templatetags/templatetags/copy_filter.py
new file mode 100644
index 0000000000000000000000000000000000000000..9ee6181b430174b1f8dec5eff3276531f7e7e44b
--- /dev/null
+++ b/schoolapps/templatetags/templatetags/copy_filter.py
@@ -0,0 +1,8 @@
+import copy as copylib
+
+from django import template
+
+register = template.Library()
+
+register.filter("copy", copylib.copy)
+register.filter("deepcopy", copylib.deepcopy)
diff --git a/schoolapps/templatetags/templatetags/tex.py b/schoolapps/templatetags/templatetags/tex.py
new file mode 100644
index 0000000000000000000000000000000000000000..333c3d31d819eb4c3b41ef6513d3b2b9df3ff30e
--- /dev/null
+++ b/schoolapps/templatetags/templatetags/tex.py
@@ -0,0 +1,52 @@
+# -*- coding: utf-8 -*-
+"""
+Django filters, needed when creating LaTeX files with the django template language
+
+Written by Rocco Schulz (http://is-gr8.com/), modified by SchoolApps-Team
+"""
+from django.template.defaultfilters import stringfilter, register
+from django.template.loader import render_to_string
+
+
+@register.filter
+@stringfilter
+def brackets(value):
+ """
+ surrounds the value with { }
+ You have to use this filter whenever you would need something like
+ {{{ field }}} in a template.
+ """
+ return "{%s}" % value
+
+
+REPLACEMENTS = {
+ "§": "\\textsection{}",
+ "$": "\\textdollar{}",
+ "LaTeX": "\\LaTeX \\ ",
+ " TeX": " \\TeX \\ ",
+ "€": "\\euro",
+ ">": "$>$",
+ "<": "$<$"
+}
+
+ESCAPES = ("&", "{", "}", "%")
+
+
+@register.filter
+@stringfilter
+def texify(value):
+ """
+ escapes/replaces special character with appropriate latex commands
+ """
+ tex_value = []
+
+ # escape special symbols
+ for char in value:
+ tex_value.append("%s" % ("\\%s" % char if char in ESCAPES else char))
+ tex_value = "".join(tex_value)
+
+ # replace symbols / words with latex commands
+ for key, value in REPLACEMENTS.items():
+ tex_value = tex_value.replace(key, value)
+
+ return "%s" % tex_value
diff --git a/schoolapps/templatetags/templatetags/url_name.py b/schoolapps/templatetags/templatetags/url_name.py
index eac8907b9e9241d2b7c28c185ead8bd4ce2d6cd2..8e25cfa0d42e69a05957f45784d7284be3727fc1 100644
--- a/schoolapps/templatetags/templatetags/url_name.py
+++ b/schoolapps/templatetags/templatetags/url_name.py
@@ -3,8 +3,10 @@ from django import template
register = template.Library()
-def get_url_name(request): # Only one argument.
+
+def get_url_name(request): # Only one argument.
"""Gets url_name"""
return resolve(request.path_info).url_name
-register.filter("url_name", get_url_name)
\ No newline at end of file
+
+register.filter("url_name", get_url_name)
diff --git a/schoolapps/timetable/migrations/0010_auto_20190818_0910.py b/schoolapps/timetable/migrations/0010_auto_20190818_0910.py
new file mode 100644
index 0000000000000000000000000000000000000000..4b387263b8ab0466decbc59b48f215f23a886a11
--- /dev/null
+++ b/schoolapps/timetable/migrations/0010_auto_20190818_0910.py
@@ -0,0 +1,18 @@
+# Generated by Django 2.2.1 on 2019-08-18 07:10
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+ dependencies = [
+ ('timetable', '0009_hint_classes_formatted'),
+ ]
+
+ operations = [
+ migrations.AlterField(
+ model_name='hintclass',
+ name='class_id',
+ field=models.IntegerField(),
+ ),
+ ]
diff --git a/schoolapps/timetable/pdf.py b/schoolapps/timetable/pdf.py
index 08f7dc3d0b010c23ee3b02c2d58c4182eebb96f1..b1060a5c3fba0d63d85535f7c1f5b57cdbbc5b30 100644
--- a/schoolapps/timetable/pdf.py
+++ b/schoolapps/timetable/pdf.py
@@ -1,12 +1,12 @@
import os
import subprocess
+import inspect # delete this line
from django.template.loader import render_to_string
from schoolapps.settings import BASE_DIR
from debug.models import register_log_with_filename
-
LOGO_FILENAME = os.path.join(BASE_DIR, "static", "common", "logo.png")
@@ -21,16 +21,26 @@ def generate_pdf(tex, filename):
# Execute pdflatex to generate the PDF
bash_command = "pdflatex -halt-on-error -output-directory {} {}.tex".format(os.path.join(BASE_DIR, "latex"),
os.path.join(BASE_DIR, "latex",
- filename))
- process = subprocess.Popen(bash_command.split(), stdout=subprocess.PIPE)
- output = process.communicate()[0]
- del output
+ filename))
+ run_args = list(bash_command.split())
+
+ # Execute two times to get number of last page
+ subprocess.run(run_args, stdout=None)
+ process = subprocess.run(run_args, stdout=None)
# Register log file in debugging tool
register_log_with_filename("latex_{}".format(filename), "latex", "{}.log".format(filename), process.returncode)
+def generate_class_tex_header():
+ """Generate LaTeX for a PDF by a substitution table"""
+
+ context = {
+ "LOGO_FILENAME": LOGO_FILENAME,
+ }
+ return render_to_string("timetable/latex/header.tex", context)
+
-def generate_class_tex(subs, date, header_info, hints=None):
+def generate_class_tex_body(subs, date, header_info, hints=None):
"""Generate LaTeX for a PDF by a substitution table"""
context = {
@@ -40,4 +50,4 @@ def generate_class_tex(subs, date, header_info, hints=None):
"LOGO_FILENAME": LOGO_FILENAME,
"hints": hints
}
- return render_to_string("timetable/latex/substitutions.tex", context)
+ return render_to_string("timetable/latex/substitutions.tex", context)
\ No newline at end of file
diff --git a/schoolapps/timetable/templates/timetable/hintsinplan.html b/schoolapps/timetable/templates/timetable/hintsinplan.html
index a6c4c4461d3ea4ef90544a1c9a74a64afcf84340..0653f6e487fde800d4cbdd32ba3777ea9e460e9c 100644
--- a/schoolapps/timetable/templates/timetable/hintsinplan.html
+++ b/schoolapps/timetable/templates/timetable/hintsinplan.html
@@ -39,9 +39,9 @@
{% endif %}
{{ hints_b|length }}
{% if hints %}
- weitere(n)
+ weitere{{ hints_b|pluralize:"n," }}
{% endif %}
- Hinweis(e).
+ Hinweis{{ hints_b|pluralize:"e" }}.
<i class="material-icons right collapsible-trigger"></i>
</div>
</div>
@@ -50,12 +50,10 @@
{% if not hint.teachers %}
<div>
<strong>
- {{ hint.classes.all|join:", " }},
+ {{ hint.classes_formatted }},
</strong>
- {{ hint.from_date|date:"D, d.m." }},
- {% if hint.from_date != hint.to_date %}
- bis {{ hint.to_date|date:"D, d.m." }}
- {% endif %}:
+ {{ hint.from_date|date:"D, d.m." }}{% if hint.from_date != hint.to_date %}, bis
+ {{ hint.to_date|date:"D, d.m." }}{% endif %}:
{{ hint.text|safe_markdown }}
</div>
{% endif %}
diff --git a/schoolapps/timetable/templates/timetable/hintsinsub.html b/schoolapps/timetable/templates/timetable/hintsinsub.html
index 32a022549dd4853c94f175e680b013f7fc502bd7..7dac17927d9d3159dd1f268ea3851f3363a1f053 100644
--- a/schoolapps/timetable/templates/timetable/hintsinsub.html
+++ b/schoolapps/timetable/templates/timetable/hintsinsub.html
@@ -4,7 +4,8 @@
<li>
<div class="collapsible-header " style="font-size: 16px;">
<div class="col s12">
- <i class="material-icons left">announcement</i>Es gibt {{ hints|length }} Hinweis(e) für diesen Tag.
+ <i class="material-icons left">announcement</i>Es gibt {{ hints|length }}
+ Hinweis{{ hints|pluralize:"e" }} für diesen Tag.
<i class="material-icons right collapsible-trigger"></i>
</div>
</div>
@@ -12,7 +13,7 @@
{% for hint in hints %}
<div>
<strong>
- {{ hint.classes.all|join:", " }}{% if hint.teachers and hint.classes.all %},{% endif %}
+ {{ hint.classes_formatted }}{% if hint.teachers and hint.classes.all %},{% endif %}
</strong>
{% if hint.teachers %}
<span class="badge new green no-float no-margin">Lehrkräfte</span>
diff --git a/schoolapps/timetable/templates/timetable/latex/header.tex b/schoolapps/timetable/templates/timetable/latex/header.tex
new file mode 100644
index 0000000000000000000000000000000000000000..1f80f9705ebe19e66fa906ece98adeafd577b666
--- /dev/null
+++ b/schoolapps/timetable/templates/timetable/latex/header.tex
@@ -0,0 +1,63 @@
+\documentclass[11pt]{article}
+\usepackage[ngerman]{babel}
+\usepackage[sfdefault]{cabin}
+\usepackage[utf8]{inputenc}
+\usepackage[a4paper,left=1cm,right=1cm,top=2cm,bottom=2.8cm,bindingoffset=0mm]{geometry}
+
+% Packages
+\usepackage{fancyhdr}
+\usepackage{lastpage}
+\usepackage{graphicx}
+\usepackage{longtable}
+\usepackage{booktabs}
+\usepackage{multirow}
+\usepackage{color, colortbl}
+\usepackage[colorlinks, linkcolor = black, citecolor = black, filecolor = black, urlcolor = black]{hyperref}
+
+\usepackage{ulem, xpatch}
+\xpatchcmd{\sout}
+{\bgroup}
+{\bgroup\def\ULthickness{1.5pt}}
+{}{}
+
+% Badge box
+\usepackage{tcolorbox}
+\newtcbox{\badge}{nobeforeafter,colframe=green,colback=green,boxrule=0.5pt,arc=4pt,
+boxsep=0pt,left=4pt,right=4pt,top=4pt,bottom=4pt,tcbox raise base,
+grow to left by=0pt,
+grow to right by=-3pt,
+enlarge top by=3pt,
+enlarge bottom by=3pt,coltext=white}
+
+% Define colors
+\definecolor{ grey }{RGB}{208, 208, 208}
+\definecolor{ darkgrey }{rgb}{0.6,0.6,0.6}
+\definecolor{ white }{rgb}{1,1,1}
+\definecolor{ green }{RGB}{76,175,80}
+\definecolor{green}{RGB}{76,175,80}
+\definecolor{ blue }{RGB}{41,7,249}
+\definecolor{ black }{RGB}{0,0,0}
+\definecolor{ purple }{RGB}{156, 39, 176}
+
+% Define header
+\pagestyle{fancy}
+
+% Left header: logo
+\lhead{\includegraphics[width=5cm]{% templatetag openbrace %}{{LOGO_FILENAME}}{% templatetag closebrace %}}
+
+% Define footer
+\lfoot{Katharineum zu Lübeck}
+\cfoot{\thepage}%\ von \pageref{LastPage}}
+\rfoot{\small Umsetzung: © 2018--2019 by Computer-AG}
+\rhead{\textbf{
+Vertretungen }\\
+Stand: {% now "j. F Y H:i" %}\\
+}
+
+% Define own commands
+%% tightlist from pandoc is missing in default.latex
+%% see https://tex.stackexchange.com/questions/257418/error-tightlist-converting-md-file-into-pdf-using-pandoc
+\providecommand{\tightlist}{%
+ \setlength{\itemsep}{0pt}\setlength{\parskip}{0pt}}
+
+\begin{document}
diff --git a/schoolapps/timetable/templates/timetable/latex/hints.tex b/schoolapps/timetable/templates/timetable/latex/hints.tex
index 7fc99548ea406d1aa500dbdad485b32cbe2a4323..dcf77041f49e612f5a708bfafbf7cbe1c8fae801 100644
--- a/schoolapps/timetable/templates/timetable/latex/hints.tex
+++ b/schoolapps/timetable/templates/timetable/latex/hints.tex
@@ -1,6 +1,6 @@
{% load martortags %}
{% if hints %}
-\subsection*{Hinweise}
+\subsection*{\hspace{0.7em}Hinweise}
\vspace{-0.7em}
\begin{itemize}
\setlength\itemsep{0.1em}
@@ -12,5 +12,4 @@
{{ hint.text_as_latex|safe }}
{% endfor %}
\end{itemize}
-\vspace{-1em}
{% endif %}
\ No newline at end of file
diff --git a/schoolapps/timetable/templates/timetable/latex/room.tex b/schoolapps/timetable/templates/timetable/latex/room.tex
index 71429ce5f4ed006147d872fb5968bbb04d3e8359..d9e638217dd324819ace004b28a7e4dd6df34e80 100644
--- a/schoolapps/timetable/templates/timetable/latex/room.tex
+++ b/schoolapps/timetable/templates/timetable/latex/room.tex
@@ -1,8 +1,8 @@
{% if not sub.is_event %}{% if sub.sub.type == 3 %}
{{ sub.sub.corridor.name }}
{% elif sub.sub.type == 1 or sub.sub.type == 2 %}
-{% elif sub.sub.roow_new and sub.sub.room_old %}
-{% templatetag openbrace %}{{ sub.sub.room_old.shortcode }}}
+{% elif sub.sub.room_new and sub.sub.room_old %}
+\sout{% templatetag openbrace %}{{ sub.sub.room_old.shortcode }}}
$\rightarrow$
{{ sub.sub.room_new.shortcode }}
{% elif sub.sub.room_new and not sub.sub.room_old %}
diff --git a/schoolapps/timetable/templates/timetable/latex/substitutions.tex b/schoolapps/timetable/templates/timetable/latex/substitutions.tex
index b18d23d82a5cdf8b738b4e70b44236a1019a1725..aaa879c0c2de31526a94a36c2dfcdfe8342f9c7f 100644
--- a/schoolapps/timetable/templates/timetable/latex/substitutions.tex
+++ b/schoolapps/timetable/templates/timetable/latex/substitutions.tex
@@ -1,134 +1,51 @@
{% load common %}
+{% load tex %}
-\documentclass[11pt]{article}
-\usepackage[ngerman]{babel}
-\usepackage[sfdefault]{cabin}
-\usepackage[utf8]{inputenc}
-\usepackage[a4paper,left=1cm,right=1cm,top=2cm,bottom=2cm,bindingoffset=0mm]{geometry}
+\large
+\subsubsection*{}
-% Packages
-\usepackage{fancyhdr}
-\usepackage{graphicx}
-\usepackage{longtable}
-\usepackage{booktabs}
-\usepackage{multirow}
-\usepackage{color, colortbl}
-\usepackage[colorlinks, linkcolor = black, citecolor = black, filecolor = black, urlcolor = black]{hyperref}
+\section*{\Huge Vertretungen {{ date|date:"l, j. F Y"}}}
-\usepackage{ulem, xpatch}
-\xpatchcmd{\sout}
-{\bgroup}
-{\bgroup\def\ULthickness{1.5pt}}
-{}{}
+{% include "timetable/latex/hints.tex" %}
-% Badge box
-\usepackage{tcolorbox}
-\newtcbox{\badge}{nobeforeafter,colframe=green,colback=green,boxrule=0.5pt,arc=4pt,
-boxsep=0pt,left=4pt,right=4pt,top=4pt,bottom=4pt,tcbox raise base,
-grow to left by=0pt,
-grow to right by=-3pt,
-enlarge top by=3pt,
-enlarge bottom by=3pt,coltext=white}
+{% if header_info.is_box_needed %}
+\begin{tabular}{@{\hspace{-1em}}p{0.22\linewidth}p{0.73\linewidth}}
+{% for row in header_info.rows %}
+ \textbf{ {{ row.0 }} } & {{ row.1 }} \\
+{% endfor %}
+\end{tabular}
+{% endif %}
-% Define colors
-\definecolor{grey}{RGB}{208, 208, 208}
-\definecolor{darkgrey}{rgb}{0.6,0.6,0.6}
-\definecolor{white}{rgb}{1,1,1}
-\definecolor{ green }{RGB}{76,175,80}
-\definecolor{green}{RGB}{76,175,80}
-\definecolor{ black }{RGB}{0,0,0}
-\definecolor{purple}{RGB}{156, 39, 176}
+% Init table
+{% set color_background = 1 %}
+{% set last_classes = "" %}
-% Define header
-\pagestyle{fancy}
-
-% Left header: logo
-\lhead{\includegraphics[width=5cm]{% templatetag openbrace %}{{LOGO_FILENAME}}{% templatetag closebrace %}}
-
-% Define footer
-\lfoot{Katharineum zu Lübeck}
-\rfoot{\small Umsetzung: © 2018--2019 by Computer-AG}
-\rhead{\textbf{
-Vertretungen {{ date|date:"j. F Y, \\K\\W W"}}}\\
-Stand: {% now "j. F Y H:i" %}\\
-}
-
-\begin{document}
- \large
- \subsubsection*{}
-
- \section*{\Huge Vertretungen {{ date|date:"l, j. F Y"}}}
-
- {% include "timetable/latex/hints.tex" %}
-
- {% if header_info.is_box_needed %}
- \begin{tabular}{p{0.22\linewidth}p{0.73\linewidth}}
- {% for row in header_info.rows %}
- \textbf{ {{ row.0 }} } & {{ row.1 }} \\
- {% endfor %}
- \end{tabular}
- {% endif %}
-
- % Init table
- {% set color_background = 1 %}
- {% set last_classes = "" %}
-
- \def\arraystretch{1.5}
- \begin{longtable}{p{20mm}p{8mm}p{32mm}p{25mm}p{30mm}p{45mm}}
- \textbf{Klassen} &
- \textbf{Std.} &
- \textbf{Lehrer} &
- \textbf{Fach} &
- \textbf{Raum} &
- \textbf{Hinweis}\\
- \hline
- \endhead
- {% for sub in subs %}
-
- {# ------------------------------ #}
+\def\arraystretch{1.1}
+\begin{longtable}{p{20mm}p{10mm}p{30mm}p{25mm}p{30mm}p{45mm}}
+ \textbf{Klassen} & \textbf{Std.} & \textbf{Lehrer} & \textbf{Fach} & \textbf{Raum} & \textbf{Hinweis}\\\hline
+ \endhead
+ {% for sub in subs %}
{# Color groups of classes in grey/white #}
{% if last_classes != sub.classes %}
-
- {% if color_background %}
- {% set color_background = 0 %}
- {% else %}
- {% set color_background = 1 %}
- {% endif %}
-
+ {% if color_background %}{% set color_background = 0 %}
+ {% else %}{% set color_background = 1 %}
+ {% endif %}
{% endif %}
-
{% set last_classes = sub.classes %}
-
-
{# Background color #}
- {% if color_background %}
- \rowcolor{grey}
- {% endif %}
-
- {# ------------------------------ #}
-
+ {% if color_background %}\rowcolor{ grey }{% endif %}
{% with c=sub.color %}
- {# Display classes #}
- \color{ {{c}}}
- \textbf{ {{ sub.classes }} } &
-
- {# Display lesson number #}
- \color{ {{c}}}
- {{ sub.lesson }} &
-
- \color{ {{c}}} {% include "timetable/latex/teacher.tex" %} &
-
- \color{ {{c}}} {% include "timetable/latex/subject.tex" %} &
-
- \color{ {{c}}} {% include "timetable/latex/room.tex" %} &
-
- {# Display badge (for cancellations) #} {# Display notice and new line #}
- {% if sub.badge %}
- \normalsize\badge{ {{ sub.badge }} }
- {% endif %} \color{ {{c}}} \large\textit{ {{sub.text|default:""}} } \\
-
- {% endwith %}
+ {# Display classes #}
+ \color{ {{c}} }\textbf{ {{ sub.classes }} } &
+ {# Display lesson number #}
+ \color{ {{c}} } {{ sub.lesson }} &
+ \color{ {{c}} } {% include "timetable/latex/teacher.tex" %} &
+ \color{ {{c}} } {% include "timetable/latex/subject.tex" %} &
+ \color{ {{c}} } {% include "timetable/latex/room.tex" %} &
+ {# Display badge (for cancellations) #} {# Display notice and new line #}
+ {% if sub.badge %} \footnotesize\badge{ {{ sub.badge }} } {% endif %}
+ \color{ {{c}} } \large\textit{ {{sub.text|default:""|safe|texify|safe}} } \\
+ {% endwith %}
{% endfor %}
- \end{longtable}
+\end{longtable}
-\end{document}
\ No newline at end of file
diff --git a/schoolapps/timetable/templates/timetable/lesson.html b/schoolapps/timetable/templates/timetable/lesson.html
index 377c0cddccd2a1bca7faabb9be7d2e0f6d2adf0f..41ba8ea146776666bbeefece918d4c59c8dba085 100644
--- a/schoolapps/timetable/templates/timetable/lesson.html
+++ b/schoolapps/timetable/templates/timetable/lesson.html
@@ -4,19 +4,25 @@
{# Every element of the lesson #}
{% for element_container in col.elements %}
<div style="
- {# Display background color only if no badge exists and it is not the old room #}
+
+ {# Display background color only if no badge exists and it is not the old room and there are no holidays #}
{% if not element_container.substitution.table.badge %}
{% if not element_container.is_old or type != 1 %}
- background-color: {{ element_container.element.subject.hex_color }};
+ {% if not element_container.is_hol %}
+ background-color: {{ element_container.element.subject.hex_color }};
+ {% endif %}
{% endif %}
{% endif %}"
{# Add CSS class for sub when it's a sub #}
class="{% if element_container.substitution %}{% if element_container.substitution.table.is_event %}lesson-with-event{% else %}lesson-with-sub{% endif %}{% endif %}">
<p>
- {% if element_container.substitution %}
- {# SUBSTITUTION #}
+ {% if element_container.is_hol %}
+ {# <p><strong>{ element_container.element.holiday_reason }}</strong></p>span class="badge new blue darken-2">Schulfrei</span>#}
+
+ {% elif element_container.substitution %}
+ {# SUBSTITUTION #}
{% if type == 1 and element_container.is_old %}
{# When it's the old room, let it empty #}
diff --git a/schoolapps/timetable/templates/timetable/myplan.html b/schoolapps/timetable/templates/timetable/myplan.html
index c2ae550c914935b62ddd77623a86cbeec67adee0..49385ff63350268bb81d24b31f0671580747e803 100644
--- a/schoolapps/timetable/templates/timetable/myplan.html
+++ b/schoolapps/timetable/templates/timetable/myplan.html
@@ -34,6 +34,9 @@
<div class="card-content">
<span class="card-title">
{% include "timetable/datepicker.html" %}
+ {% if holiday %}
+ <span class="badge new blue center-align holiday-badge">{{ holiday.0 }}</span>
+ {% endif %}
</span>
</div>
</div>
diff --git a/schoolapps/timetable/templates/timetable/plan.html b/schoolapps/timetable/templates/timetable/plan.html
index 46c7f6655097cae0818c1f4f3277aca4ec93ebaf..9874ea7b4aa8e2484a6a8c9b505af70a16d5562b 100755
--- a/schoolapps/timetable/templates/timetable/plan.html
+++ b/schoolapps/timetable/templates/timetable/plan.html
@@ -1,4 +1,5 @@
{% include 'partials/header.html' %}
+{% load copy_filter %}
<script type="text/javascript">
{% if smart %}
var week = {{ selected_week }};
@@ -118,7 +119,7 @@
</div>
{% include "timetable/hintsinplan.html" %}
-
+
{# show full timetable on tablets, laptops and pcs #}
<div class="timetable-plan hide-on-small-and-down">
@@ -128,25 +129,31 @@
</div>
{# Show short weekdays on tablets #}
- {% for short_week_day in short_week_days %}
+ {% for day in short_week_days|deepcopy %}
<div class="col s2 hide-on-large-only">
<div class="card timetable-title-card">
<div class="card-content">
<span class="card-title">
- {{ short_week_day }}
+ {{ day.0 }}
</span>
+ {% if day.1 %}
+ <span class="badge new blue center-align holiday-badge">{{ day.1.0 }}</span>
+ {% endif %}
</div>
</div>
</div>
{% endfor %}
{# Show long weekdays elsewere #}
- {% for long_week_day in long_week_days %}
+ {% for day in long_week_days|deepcopy %}
<div class="col s2 hide-on-med-only">
<div class="card timetable-title-card">
<div class="card-content">
<span class="card-title">
- {{ long_week_day.0 }}
+ {{ day.0.0 }}
</span>
+ {% if day.1 %}
+ <span class="badge new blue center-align holiday-badge">{{ day.1.0 }}</span>
+ {% endif %}
</div>
</div>
</div>
@@ -154,7 +161,7 @@
</div>
{# Lessons #}
- {% for row, time in plan %}
+ {% for row, time in plan|deepcopy %}
<div class="row">
<div class="col s2">
<div class="card timetable-title-card">
@@ -187,15 +194,19 @@
{# show 5 seperate ones on mobiles #}
<div class="timetable-plan hide-on-med-and-up">
- {% for long_week_day in long_week_days %}
+ {% for day in long_week_days|deepcopy %}
<div class="card timetable-mobile-title-card">
<div class="card-content">
<span class="card-title">
- {{ long_week_day.0 }}
+ {{ day.0.0 }}
</span>
+ {% if day.1 %}
+ <span class="badge new blue center-align holiday-badge">{{ day.1.0 }}</span>
+ {% endif %}
+
</div>
</div>
- {% for row, time in plan %}
+ {% for row, time in plan|deepcopy %}
<div class="row">
<div class="col s4">
<div class="card timetable-title-card">
@@ -216,8 +227,8 @@
</div>
</div>
- {% for col in row %}
- {% if forloop.counter0 == long_week_day.1 %}
+ {% for col in row|deepcopy %}
+ {% if forloop.counter0 == day.0.1 %}
<div class="col s8">
{# A lesson #}
{% include "timetable/lesson.html" %}
diff --git a/schoolapps/timetable/templates/timetable/subs/room.html b/schoolapps/timetable/templates/timetable/subs/room.html
index 8dd1822a27470e4d47de1b60987b0164d4926e70..70c1afb0fe9d4b7d5c28e74e0f4bbcc500aea0b5 100644
--- a/schoolapps/timetable/templates/timetable/subs/room.html
+++ b/schoolapps/timetable/templates/timetable/subs/room.html
@@ -4,7 +4,7 @@
{{ sub.sub.corridor.name }}
{% elif sub.sub.type == 1 or sub.sub.type == 2 %}
{# Canceled lesson: no room #}
- {% elif sub.sub.roow_new and sub.sub.room_old %}
+ {% elif sub.sub.room_new and sub.sub.room_old %}
{# New and old room available #}
<span class="tooltipped" data-position="bottom"
data-tooltip="{{ sub.sub.room_old.name }} → {{ sub.sub.room_new.name }}">
diff --git a/schoolapps/timetable/templates/timetable/substitution.html b/schoolapps/timetable/templates/timetable/substitution.html
index af7ba6965b3ab1570859895b88a2926b09b2e2c3..ca5983743f6bd98297899fa2bba601e1b14e0a6f 100755
--- a/schoolapps/timetable/templates/timetable/substitution.html
+++ b/schoolapps/timetable/templates/timetable/substitution.html
@@ -7,10 +7,10 @@
<main>
<div class="row no-margin">
- <div class="col s12 m6">
+ <div class="col s10 m6">
<h4>Vertretungen</h4>
</div>
- <div class="col s12 m6 right align-right">
+ <div class="col s2 m6 right align-right print-icon">
<a class="waves-effect waves-teal btn-flat btn-flat-medium right"
href="
{% if debug %}
@@ -32,7 +32,7 @@
{% for row in header_info.rows %}
<div class="row no-margin">
<div class="col s3">
- <strong>{{ row.0 }}</strong>
+ <strong class="truncate">{{ row.0 }}</strong>
</div>
<div class="col s9">
{{ row.1 }}
@@ -50,9 +50,9 @@
</div>
</div>
- <h5>{{ date|date:"l, j. F Y" }}</h5>
+ <h5 class="hide-on-small-and-down">{{ date|date:"l, j. F Y" }}</h5>
- <table class="substitutions striped">
+ <table class="substitutions striped responsive-table">
<thead>
<tr>
<th><i class="material-icons">people</i></th>
@@ -98,11 +98,9 @@
<em>{{ sub.text|default:"" }}</em>
</td>
<td class="hide-on-small-and-down">
-
{% if sub.badge %}
<span class="badge new green darken-2">{{ sub.badge }}</span>
{% endif %}
-
</td>
</tr>
{% endfor %}
diff --git a/schoolapps/timetable/urls.py b/schoolapps/timetable/urls.py
index e807a489f04da32e78cdc4cb3018b48a14301ef4..8018e9a9d7387a8a5d4ad7f696cd8605e3a77c71 100755
--- a/schoolapps/timetable/urls.py
+++ b/schoolapps/timetable/urls.py
@@ -22,8 +22,8 @@ try:
path('substitutions/', views.substitutions, name='timetable_substitutions'),
path('substitutions/<int:year>/<int:month>/<int:day>/', views.substitutions,
name='timetable_substitutions_date'),
- path('class.pdf', views.sub_pdf, name="timetable_substitutions_pdf"),
- path('<str:plan_date>-class.pdf', views.sub_pdf, name="timetable_substitutions_pdf_date")
+ path('aktuell.pdf', views.sub_pdf, name="timetable_substitutions_pdf"),
+ path('<str:plan_date>-aktuell.pdf', views.sub_pdf, name="timetable_substitutions_pdf_date")
]
except (Terms.DoesNotExist, Schoolyear.DoesNotExist):
@@ -45,5 +45,5 @@ except (Terms.DoesNotExist, Schoolyear.DoesNotExist):
path('substitutions/', fallback_view.fallback, name='timetable_substitutions'),
path('substitutions/<int:year>/<int:month>/<int:day>/', fallback_view.fallback,
name='timetable_substitutions_date'),
- path('class.pdf', fallback_view.fallback, name="timetable_substitutions_pdf")
+ path('aktuell.pdf', fallback_view.fallback, name="timetable_substitutions_pdf")
]
diff --git a/schoolapps/timetable/views.py b/schoolapps/timetable/views.py
index 57868377a2ee19de12fac6dcc571c4b868cf78dc..90671523025ea097d11148418d7cd17575c1357f 100755
--- a/schoolapps/timetable/views.py
+++ b/schoolapps/timetable/views.py
@@ -1,6 +1,8 @@
import datetime
import os
+import time
import traceback
+from typing import List
from PyPDF2 import PdfFileMerger
from django.contrib.auth.decorators import login_required, permission_required
@@ -14,10 +16,10 @@ from timetable.filters import HintFilter
from timetable.forms import HintForm
from timetable.hints import get_all_hints_by_time_period, get_all_hints_by_class_and_time_period, \
get_all_hints_for_teachers_by_time_period, get_all_hints_not_for_teachers_by_time_period
-from timetable.pdf import generate_class_tex, generate_pdf
+from timetable.pdf import generate_class_tex_header, generate_class_tex_body, generate_pdf
from untisconnect.plan import get_plan, TYPE_TEACHER, TYPE_CLASS, TYPE_ROOM, parse_lesson_times
-from untisconnect.sub import get_substitutions_by_date, generate_sub_table, get_header_information
+from untisconnect.sub import get_substitutions_by_date, generate_sub_table, get_header_information, SubRow
from untisconnect.api import *
from untisconnect.events import get_all_events_by_date
from userinformation import UserInformation
@@ -125,8 +127,7 @@ def quicklaunch(request):
@login_required
@permission_required("timetable.show_plan")
-def plan(request, plan_type, plan_id, regular="", year=timezone.datetime.now().year,
- calendar_week=timezone.datetime.now().isocalendar()[1]):
+def plan(request, plan_type, plan_id, regular="", year=None, calendar_week=None):
"""
[DJANGO VIEW]
Show a timetable (class, teacher, room, smart/regular)
@@ -138,6 +139,10 @@ def plan(request, plan_type, plan_id, regular="", year=timezone.datetime.now().y
:param calendar_week: calendar week in year (only for smart plan)
:return:
"""
+ if year is None or calendar_week is None:
+ date = get_next_weekday_with_time(timezone.datetime.now(), timezone.datetime.now().time())
+ year = date.year
+ calendar_week = date.isocalendar()[1]
# Regular or smart plan?
if regular == "regular":
@@ -180,7 +185,7 @@ def plan(request, plan_type, plan_id, regular="", year=timezone.datetime.now().y
raise Http404('Plan not found.')
# Get plan
- plan = get_plan(_type, plan_id, smart=smart, monday_of_week=monday_of_week)
+ plan, holidays = get_plan(_type, plan_id, smart=smart, monday_of_week=monday_of_week)
context = {
"smart": smart,
@@ -193,8 +198,9 @@ def plan(request, plan_type, plan_id, regular="", year=timezone.datetime.now().y
"weeks": get_calendar_weeks(year=year),
"selected_week": calendar_week,
"selected_year": year,
- "short_week_days": SHORT_WEEK_DAYS,
- "long_week_days": LONG_WEEK_DAYS,
+ "short_week_days": zip(SHORT_WEEK_DAYS, holidays) if smart else zip(SHORT_WEEK_DAYS),
+ "long_week_days": zip(LONG_WEEK_DAYS, holidays) if smart else zip(LONG_WEEK_DAYS),
+ "holidays": holidays,
"hints": hints,
"hints_b": hints_b,
"hints_b_mode": "week",
@@ -254,7 +260,11 @@ def my_plan(request, year=None, month=None, day=None):
return redirect("timetable_admin_all")
# Get plan
- plan = get_plan(_type, plan_id, smart=True, monday_of_week=monday_of_week)
+ plan, holidays = get_plan(_type, plan_id, smart=True, monday_of_week=monday_of_week)
+ # print(parse_lesson_times())
+
+ holiday_for_the_day = holidays[date.isoweekday() - 1]
+ # print(holiday_for_the_day)
context = {
"type": _type,
@@ -267,6 +277,7 @@ def my_plan(request, year=None, month=None, day=None):
"date": date,
"date_js": int(date.timestamp()) * 1000,
"display_date_only": True,
+ "holiday": holiday_for_the_day,
"hints": hints,
"hints_b": hints_b,
"hints_b_mode": "day",
@@ -293,6 +304,55 @@ def get_next_weekday_with_time(date, time):
# SUBSTITUTIONS #
#################
+# TODO: Move to own helper file later
+def equal(sub_row_1: SubRow, sub_row_2: SubRow) -> bool:
+ """
+ Checks the equality of two sub rows
+
+ :param sub_row_1: SubRow 1
+ :param sub_row_2: SubRow 2
+ :return: Equality
+ """
+ return sub_row_1.classes == sub_row_2.classes and sub_row_1.sub and sub_row_2.sub and \
+ sub_row_1.sub.teacher_old == sub_row_2.sub.teacher_old and \
+ sub_row_1.sub.teacher_new == sub_row_2.sub.teacher_new and \
+ sub_row_1.sub.subject_old == sub_row_2.sub.subject_old and \
+ sub_row_1.sub.subject_new == sub_row_2.sub.subject_new and \
+ sub_row_1.sub.room_old == sub_row_2.sub.room_old and \
+ sub_row_1.sub.room_new == sub_row_2.sub.room_new and \
+ sub_row_1.sub.text == sub_row_2.sub.text
+
+
+def merge_sub_rows(sub_table: List[SubRow]) -> List[SubRow]:
+ """
+ Merge equal sub rows with different lesson numbers to one
+
+ :param sub_table:
+ :return:
+ """
+ new_sub_table = []
+ i = 0
+ while i < len(sub_table) - 1:
+ j = 1
+
+ while equal(sub_table[i], sub_table[i + j]):
+ j += 1
+ if i + j > len(sub_table) - 1:
+ break
+ if j > 1:
+ new_sub_row = sub_table[i]
+ new_sub_row.lesson = sub_table[i].lesson + '-' + sub_table[i + j - 1].lesson
+ new_sub_table.append(new_sub_row)
+ else:
+ new_sub_table.append(sub_table[i])
+ # get last item
+ if i == len(sub_table) - 2:
+ new_sub_table.append(sub_table[i + 1])
+ break
+ i += j
+ return new_sub_table
+
+
def sub_pdf(request, plan_date=None):
"""Show substitutions as PDF for the next weekday (specially for monitors)"""
@@ -309,6 +369,7 @@ def sub_pdf(request, plan_date=None):
first_day = get_next_weekday_with_time(today, today.time())
second_day = get_next_weekday(first_day + datetime.timedelta(days=1))
+ tex = generate_class_tex_header()
# Get subs and generate table
for i, date in enumerate([first_day, second_day]):
# Get subs and generate table
@@ -316,6 +377,7 @@ def sub_pdf(request, plan_date=None):
subs = get_substitutions_by_date(date)
sub_table = generate_sub_table(subs, events)
+ sub_table = merge_sub_rows(sub_table)
# Get header information and hints
header_info = get_header_information(subs, date, events)
@@ -324,32 +386,33 @@ def sub_pdf(request, plan_date=None):
# latex = convert_markdown_2_latex(hints[0].text)
# print(latex)
# Generate LaTeX
- tex = generate_class_tex(sub_table, date, header_info, hints)
-
- # Generate PDF
- generate_pdf(tex, "class{}".format(i))
-
- # Merge PDFs
- try:
- merger = PdfFileMerger()
- class0 = open(os.path.join(BASE_DIR, "latex", "class0.pdf"), "rb")
- class1 = open(os.path.join(BASE_DIR, "latex", "class1.pdf"), "rb")
- merger.append(fileobj=class0)
- merger.append(fileobj=class1)
-
- # Write merged PDF to class.pdf
- output = open(os.path.join(BASE_DIR, "latex", "class.pdf"), "wb")
- merger.write(output)
- output.close()
-
- # Register successful merge in debugging tool
- register_return_0("merge_class", "pypdf2")
- except Exception:
- # Register exception in debugging tool
- register_traceback("merge_class", "pypdf2")
+ tex += generate_class_tex_body(sub_table, date, header_info, hints)
+
+ tex += "\end{document}"
+ # Generate PDF
+ generate_pdf(tex, "aktuell")
+
+ # # Merge PDFs
+ # try:
+ # merger = PdfFileMerger()
+ # class0 = open(os.path.join(BASE_DIR, "latex", "aktuell0.pdf"), "rb")
+ # class1 = open(os.path.join(BASE_DIR, "latex", "aktuell1.pdf"), "rb")
+ # merger.append(fileobj=class0)
+ # merger.append(fileobj=class1)
+ #
+ # # Write merged PDF to aktuell.pdf
+ # output = open(os.path.join(BASE_DIR, "latex", "aktuell.pdf"), "wb")
+ # merger.write(output)
+ # output.close()
+ #
+ # # Register successful merge in debugging tool
+ # register_return_0("merge_class", "pypdf2")
+ # except Exception:
+ # # Register exception in debugging tool
+ # register_traceback("merge_class", "pypdf2")
# Read and response PDF
- file = open(os.path.join(BASE_DIR, "latex", "class.pdf"), "rb")
+ file = open(os.path.join(BASE_DIR, "latex", "aktuell.pdf"), "rb")
return FileResponse(file, content_type="application/pdf")
@@ -376,6 +439,9 @@ def substitutions(request, year=None, month=None, day=None):
sub_table = generate_sub_table(subs, events)
+ # Merge Subs
+ sub_table = merge_sub_rows(sub_table)
+
# Get header information and hints
header_info = get_header_information(subs, date, events)
hints = list(get_all_hints_by_time_period(date, date))
diff --git a/schoolapps/untisconnect/api.py b/schoolapps/untisconnect/api.py
index 45a36033a8c87be5e5f883dca35ba29be6515f09..f99a4eca6ce83f836241a861a61e6246587613ac 100755
--- a/schoolapps/untisconnect/api.py
+++ b/schoolapps/untisconnect/api.py
@@ -8,6 +8,8 @@ TYPE_TEACHER = 0
TYPE_ROOM = 1
TYPE_CLASS = 2
+from datetime import date
+
def run_all(obj, filter_term=True):
return run_default_filter(run_using(obj).all(), filter_term=filter_term)
@@ -73,6 +75,13 @@ class Teacher(object):
else:
return "Unbekannt"
+ def __eq__(self, other):
+ if not isinstance(other, Teacher):
+ # don't attempt to compare against unrelated types
+ return NotImplemented
+
+ return self.id == other.id
+
def create(self, db_obj):
self.filled = True
self.id = db_obj.teacher_id
@@ -83,6 +92,7 @@ class Teacher(object):
def get_all_teachers():
teachers = row_by_row(models.Teacher, Teacher)
+ teachers.sort(key=lambda a: a.shortcode)
return teachers
@@ -115,6 +125,13 @@ class Class(object):
else:
return "Unbekannt"
+ def __eq__(self, other):
+ if not isinstance(other, Class):
+ # don't attempt to compare against unrelated types
+ return NotImplemented
+
+ return self.id == other.id
+
def create(self, db_obj):
self.filled = True
self.id = db_obj.class_id
@@ -129,6 +146,7 @@ class Class(object):
def get_all_classes():
classes = row_by_row(models.Class, Class)
+ classes.sort(key=lambda a: a.name)
return classes
@@ -154,6 +172,8 @@ def format_classes(classes):
"""
classes_as_dict = {}
+ classes = sorted(classes, key=lambda class_: class_.name)
+
for _class in classes:
step = _class.name[:-1]
part = _class.name[-1:]
@@ -184,6 +204,13 @@ class Room(object):
else:
return "Unbekannt"
+ def __eq__(self, other):
+ if not isinstance(other, Room):
+ # don't attempt to compare against unrelated types
+ return NotImplemented
+
+ return self.id == other.id
+
def create(self, db_obj):
self.filled = True
self.id = db_obj.room_id
@@ -192,8 +219,9 @@ class Room(object):
def get_all_rooms():
- db_rooms = row_by_row(models.Room, Room)
- return db_rooms
+ rooms = row_by_row(models.Room, Room)
+ rooms.sort(key=lambda a: a.shortcode)
+ return rooms
def get_room_by_id(id):
@@ -216,6 +244,13 @@ class Corridor(object):
else:
return "Unbekannt"
+ def __eq__(self, other):
+ if not isinstance(other, Corridor):
+ # don't attempt to compare against unrelated types
+ return NotImplemented
+
+ return self.id == other.id
+
def create(self, db_obj):
self.filled = True
self.id = db_obj.corridor_id
@@ -224,6 +259,7 @@ class Corridor(object):
def get_all_corridors():
corridors = row_by_row(models.Corridor, Corridor, filter_term=False)
+ corridors.sort(key=lambda a: a.name)
return corridors
@@ -245,6 +281,19 @@ class Subject(object):
self.color = None
self.hex_color = None
+ def __str__(self):
+ if self.filled:
+ return self.shortcode or "Unbekannt"
+ else:
+ return "Unbekannt"
+
+ def __eq__(self, other):
+ if not isinstance(other, Teacher):
+ # don't attempt to compare against unrelated types
+ return NotImplemented
+
+ return self.id == other.id
+
def create(self, db_obj):
self.filled = True
self.id = db_obj.subject_id
@@ -267,8 +316,10 @@ class Subject(object):
def get_all_subjects():
- db_rooms = row_by_row(models.Subjects, Subject, filter_term=False)
- return db_rooms
+ subjects = row_by_row(models.Subjects, Subject, filter_term=False)
+ subjects.sort(key=lambda a: a.shortcode)
+
+ return subjects
def get_subject_by_id(id):
@@ -290,8 +341,8 @@ class Absence(object):
def create(self, db_obj):
self.filled = True
- print(db_obj.ida)
- print(db_obj.typea)
+ # print(db_obj.ida)
+ # print(db_obj.typea)
if db_obj.typea == 101:
self.type = TYPE_TEACHER
elif db_obj.typea == 100:
@@ -300,7 +351,7 @@ class Absence(object):
self.type = TYPE_ROOM
if self.type == TYPE_TEACHER:
- print("IDA", db_obj.ida)
+ # print("IDA", db_obj.ida)
self.teacher = get_teacher_by_id(db_obj.ida)
else:
self.room = get_room_by_id(db_obj.ida)
@@ -380,3 +431,33 @@ def get_all_events_by_date(date):
##########
def get_raw_lessons():
return run_all(models.Lesson.objects)
+
+
+###########
+# HOLIDAY #
+###########
+class Holiday(object):
+ def __init__(self):
+ self.filled = False
+ self.name = None
+ self.datefrom = None
+ self.dateto = None
+
+ def __str__(self):
+ if self.filled:
+ return self.name or "Unbekannt"
+ else:
+ return "Unbekannt"
+
+ def create(self, db_obj):
+ self.filled = True
+ self.name = db_obj.name
+ self.datefrom = db_obj.datefrom
+ self.dateto = db_obj.dateto
+
+
+def get_today_holidays(date):
+ # db_holidays = row_by_row(models.Holiday, Holiday)
+ d_i = int(date_to_untis_date(date))
+ db_rows = run_all(models.Holiday.objects.filter(dateto__gte=d_i, datefrom__lte=d_i), filter_term=False)
+ return row_by_row_helper(db_rows, Holiday)
diff --git a/schoolapps/untisconnect/events.py b/schoolapps/untisconnect/events.py
index 8b9166376373c411d0d24aef163fd7cc94924948..66f76c6c1b0605363e3d4f0e0ee7adc7b6e5d3e8 100644
--- a/schoolapps/untisconnect/events.py
+++ b/schoolapps/untisconnect/events.py
@@ -53,7 +53,7 @@ class Event(object):
self.rooms.append(obj)
if element[4] != "0" and element[4] != "":
- print(element[4])
+ # print(element[4])
try:
absence_id = int(element[4])
absence = get_absence_by_id(absence_id)
diff --git a/schoolapps/untisconnect/plan.py b/schoolapps/untisconnect/plan.py
index 48a2c123faf29d266850f12b7e9bc139e1bea9a1..6e2e68eb994caba864b7b9c6c629c95d4950cfe0 100644
--- a/schoolapps/untisconnect/plan.py
+++ b/schoolapps/untisconnect/plan.py
@@ -6,6 +6,7 @@ from schoolapps import settings
from schoolapps.settings import LESSONS
from untisconnect.api import format_classes, TYPE_CLASS, TYPE_TEACHER, TYPE_ROOM
from untisconnect.events import get_all_events_by_date
+from untisconnect.api import format_classes, get_today_holidays
from untisconnect.parse import parse
from untisconnect.sub import get_substitutions_by_date_as_dict, TYPE_CANCELLATION, generate_event_table
@@ -66,6 +67,8 @@ def get_plan(type, id, smart=False, monday_of_week=None):
lessons = parse()
times_parsed = parse_lesson_times()
+ hols_for_weekday = []
+
if smart:
week_days = [monday_of_week + datetime.timedelta(days=i) for i in range(5)]
subs_for_weekday = []
@@ -73,6 +76,11 @@ def get_plan(type, id, smart=False, monday_of_week=None):
subs = get_substitutions_by_date_as_dict(week_day)
subs_for_weekday.append(subs)
+ hols = get_today_holidays(week_day)
+ hols_for_weekday.append(hols)
+ # print(subs)
+ # print(len(subs))
+
# Init plan array
plan = []
already_added_subs_as_ids = []
@@ -131,9 +139,10 @@ def get_plan(type, id, smart=False, monday_of_week=None):
if subs_for_weekday[time.day - 1].get(lesson.id, None) is not None:
for sub in subs_for_weekday[time.day - 1][lesson.id]:
# ... check whether the sub has the right old teacher and the right lesson number
- if sub["sub"].teacher_old.id == element.teacher.id and \
- sub["sub"].lesson == time.hour and sub["table"].is_event is False:
- matching_sub = sub
+ if sub["sub"].teacher_old is not None and element.teacher is not None:
+ if sub["sub"].teacher_old.id == element.teacher.id and \
+ sub["sub"].lesson == time.hour and sub["table"].is_event is False:
+ matching_sub = sub
# If the lesson matches, add it to the list of already added subs
if matching_sub:
@@ -155,6 +164,12 @@ def get_plan(type, id, smart=False, monday_of_week=None):
if matching_sub["sub"].type == TYPE_CANCELLATION:
element_container.is_old = True
+ # Check for holidays
+ if smart and hols_for_weekday[time.day - 1]:
+ element_container.is_hol = True
+ element_container.element.holiday_reason = hols_for_weekday[time.day - 1][0].name
+
+
if type != TYPE_ROOM or i == room_index:
# Add this container object to the LessonContainer object in the plan array
plan[time.hour - 1][0][time.day - 1].append(element_container)
@@ -219,4 +234,4 @@ def get_plan(type, id, smart=False, monday_of_week=None):
for j in range(event.event.from_lesson - 1, event.event.to_lesson):
plan[j][0][i].append(element_container)
- return plan
+ return plan, hols_for_weekday
diff --git a/schoolapps/untisconnect/sub.py b/schoolapps/untisconnect/sub.py
index fecb3ccf5480827452890884b9aa3b5fa1f9b845..017fed6d7a60007d08af7bee26c45f9745b976d4 100644
--- a/schoolapps/untisconnect/sub.py
+++ b/schoolapps/untisconnect/sub.py
@@ -1,4 +1,5 @@
from django.utils import timezone
+from django.db.models import Q
from untisconnect import models
from untisconnect.api import run_default_filter, row_by_row_helper, format_classes, get_all_absences_by_date, \
@@ -306,6 +307,7 @@ def get_header_information(subs, date, events=[]):
# Teacher is only missing a part of day
elements.append(
"{} ({}.-{}.)".format(absence.teacher.shortcode, absence.from_lesson, absence.to_lesson))
+ elements.sort()
joined = ", ".join(elements)
info.rows.append(("Abwesende Lehrkräfte", joined))
@@ -316,7 +318,10 @@ def get_header_information(subs, date, events=[]):
def get_substitutions_by_date(date):
subs_raw = run_default_filter(
run_using(models.Substitution.objects.filter(date=date_to_untis_date(date), deleted=0).exclude(
- flags__contains="N").order_by("classids", "lesson")),
+ Q(flags__contains="N") |
+ Q(flags__contains="b") |
+ Q(flags__contains="F") |
+ Q(flags__exact="g")).order_by("classids", "lesson")),
filter_term=False)
subs = row_by_row_helper(subs_raw, Substitution)
@@ -331,6 +336,10 @@ def get_substitutions_by_date_as_dict(date):
for i, sub_raw in enumerate(subs_raw):
if sub_raw.lesson_id not in subs.keys():
subs[sub_raw.lesson_id] = []
- subs[sub_raw.lesson_id].append({"sub": sub_raw, "table": sub_table[i]})
+ sub_row = None
+ for sub_item in sub_table:
+ if sub_item.sub.id == sub_raw.id:
+ sub_row = sub_item
+ subs[sub_raw.lesson_id].append({"sub": sub_raw, "table": sub_row})
return subs