-
-
-
-
-
-
-
Seja bem vindo meu jovem!
- Here's our small slogan.
-
-
-
-
-
Left Aligned Caption
- Here's our small slogan.
-
-
-
-
-
Right Aligned Caption
- Here's our small slogan.
-
-
-
-
-
This is our big Tagline!
- Here's our small slogan.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Em física, a equivalência massa-energia é o conceito de que qualquer massa possui uma energia
- associada e vice-versa. Na relatividade especial, essa relação é expressa pela fórmula de equivalência
- massa-energia.
- Nesta fórmula, da autoria de Albert Einstein, c, o valor da velocidade da luz no vácuo,
- realiza a conversão de quilogramas para joules (já que as grandezas de massa e energia são diferentes).
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- A densidade (também massa volúmica ou massa volumétrica) de um corpo define-se como o quociente
- entre a massa e o volume desse corpo. Desta forma pode-se dizer que a densidade mede o grau de
- concentração de massa em determinado volume.
- O símbolo para a densidade é ρ (a letra grega ró) e a unidade SI é quilograma por metro cúbico (kg/m³).
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Na geometria, um círculo ou disco é o conjunto dos pontos internos de uma circunferência.
- Por vezes, também se chama círculo o conjunto de pontos cuja distância ao centro é menor ou
- igual a um dado valor (ao qual chamamos raio).
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/suaFormula/js/materialize.js b/suaFormula/js/materialize.js
deleted file mode 100644
index 1e18382..0000000
--- a/suaFormula/js/materialize.js
+++ /dev/null
@@ -1,12374 +0,0 @@
-/*!
- * Materialize v1.0.0 (http://materializecss.com)
- * Copyright 2014-2017 Materialize
- * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
- */
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-/*! cash-dom 1.3.5, https://github.com/kenwheeler/cash @license MIT */
-(function (factory) {
- window.cash = factory();
-})(function () {
- var doc = document,
- win = window,
- ArrayProto = Array.prototype,
- slice = ArrayProto.slice,
- filter = ArrayProto.filter,
- push = ArrayProto.push;
-
- var noop = function () {},
- isFunction = function (item) {
- // @see https://crbug.com/568448
- return typeof item === typeof noop && item.call;
- },
- isString = function (item) {
- return typeof item === typeof "";
- };
-
- var idMatch = /^#[\w-]*$/,
- classMatch = /^\.[\w-]*$/,
- htmlMatch = /<.+>/,
- singlet = /^\w+$/;
-
- function find(selector, context) {
- context = context || doc;
- var elems = classMatch.test(selector) ? context.getElementsByClassName(selector.slice(1)) : singlet.test(selector) ? context.getElementsByTagName(selector) : context.querySelectorAll(selector);
- return elems;
- }
-
- var frag;
- function parseHTML(str) {
- if (!frag) {
- frag = doc.implementation.createHTMLDocument(null);
- var base = frag.createElement("base");
- base.href = doc.location.href;
- frag.head.appendChild(base);
- }
-
- frag.body.innerHTML = str;
-
- return frag.body.childNodes;
- }
-
- function onReady(fn) {
- if (doc.readyState !== "loading") {
- fn();
- } else {
- doc.addEventListener("DOMContentLoaded", fn);
- }
- }
-
- function Init(selector, context) {
- if (!selector) {
- return this;
- }
-
- // If already a cash collection, don't do any further processing
- if (selector.cash && selector !== win) {
- return selector;
- }
-
- var elems = selector,
- i = 0,
- length;
-
- if (isString(selector)) {
- elems = idMatch.test(selector) ?
- // If an ID use the faster getElementById check
- doc.getElementById(selector.slice(1)) : htmlMatch.test(selector) ?
- // If HTML, parse it into real elements
- parseHTML(selector) :
- // else use `find`
- find(selector, context);
-
- // If function, use as shortcut for DOM ready
- } else if (isFunction(selector)) {
- onReady(selector);return this;
- }
-
- if (!elems) {
- return this;
- }
-
- // If a single DOM element is passed in or received via ID, return the single element
- if (elems.nodeType || elems === win) {
- this[0] = elems;
- this.length = 1;
- } else {
- // Treat like an array and loop through each item.
- length = this.length = elems.length;
- for (; i < length; i++) {
- this[i] = elems[i];
- }
- }
-
- return this;
- }
-
- function cash(selector, context) {
- return new Init(selector, context);
- }
-
- var fn = cash.fn = cash.prototype = Init.prototype = { // jshint ignore:line
- cash: true,
- length: 0,
- push: push,
- splice: ArrayProto.splice,
- map: ArrayProto.map,
- init: Init
- };
-
- Object.defineProperty(fn, "constructor", { value: cash });
-
- cash.parseHTML = parseHTML;
- cash.noop = noop;
- cash.isFunction = isFunction;
- cash.isString = isString;
-
- cash.extend = fn.extend = function (target) {
- target = target || {};
-
- var args = slice.call(arguments),
- length = args.length,
- i = 1;
-
- if (args.length === 1) {
- target = this;
- i = 0;
- }
-
- for (; i < length; i++) {
- if (!args[i]) {
- continue;
- }
- for (var key in args[i]) {
- if (args[i].hasOwnProperty(key)) {
- target[key] = args[i][key];
- }
- }
- }
-
- return target;
- };
-
- function each(collection, callback) {
- var l = collection.length,
- i = 0;
-
- for (; i < l; i++) {
- if (callback.call(collection[i], collection[i], i, collection) === false) {
- break;
- }
- }
- }
-
- function matches(el, selector) {
- var m = el && (el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector);
- return !!m && m.call(el, selector);
- }
-
- function getCompareFunction(selector) {
- return (
- /* Use browser's `matches` function if string */
- isString(selector) ? matches :
- /* Match a cash element */
- selector.cash ? function (el) {
- return selector.is(el);
- } :
- /* Direct comparison */
- function (el, selector) {
- return el === selector;
- }
- );
- }
-
- function unique(collection) {
- return cash(slice.call(collection).filter(function (item, index, self) {
- return self.indexOf(item) === index;
- }));
- }
-
- cash.extend({
- merge: function (first, second) {
- var len = +second.length,
- i = first.length,
- j = 0;
-
- for (; j < len; i++, j++) {
- first[i] = second[j];
- }
-
- first.length = i;
- return first;
- },
-
- each: each,
- matches: matches,
- unique: unique,
- isArray: Array.isArray,
- isNumeric: function (n) {
- return !isNaN(parseFloat(n)) && isFinite(n);
- }
-
- });
-
- var uid = cash.uid = "_cash" + Date.now();
-
- function getDataCache(node) {
- return node[uid] = node[uid] || {};
- }
-
- function setData(node, key, value) {
- return getDataCache(node)[key] = value;
- }
-
- function getData(node, key) {
- var c = getDataCache(node);
- if (c[key] === undefined) {
- c[key] = node.dataset ? node.dataset[key] : cash(node).attr("data-" + key);
- }
- return c[key];
- }
-
- function removeData(node, key) {
- var c = getDataCache(node);
- if (c) {
- delete c[key];
- } else if (node.dataset) {
- delete node.dataset[key];
- } else {
- cash(node).removeAttr("data-" + name);
- }
- }
-
- fn.extend({
- data: function (name, value) {
- if (isString(name)) {
- return value === undefined ? getData(this[0], name) : this.each(function (v) {
- return setData(v, name, value);
- });
- }
-
- for (var key in name) {
- this.data(key, name[key]);
- }
-
- return this;
- },
-
- removeData: function (key) {
- return this.each(function (v) {
- return removeData(v, key);
- });
- }
-
- });
-
- var notWhiteMatch = /\S+/g;
-
- function getClasses(c) {
- return isString(c) && c.match(notWhiteMatch);
- }
-
- function hasClass(v, c) {
- return v.classList ? v.classList.contains(c) : new RegExp("(^| )" + c + "( |$)", "gi").test(v.className);
- }
-
- function addClass(v, c, spacedName) {
- if (v.classList) {
- v.classList.add(c);
- } else if (spacedName.indexOf(" " + c + " ")) {
- v.className += " " + c;
- }
- }
-
- function removeClass(v, c) {
- if (v.classList) {
- v.classList.remove(c);
- } else {
- v.className = v.className.replace(c, "");
- }
- }
-
- fn.extend({
- addClass: function (c) {
- var classes = getClasses(c);
-
- return classes ? this.each(function (v) {
- var spacedName = " " + v.className + " ";
- each(classes, function (c) {
- addClass(v, c, spacedName);
- });
- }) : this;
- },
-
- attr: function (name, value) {
- if (!name) {
- return undefined;
- }
-
- if (isString(name)) {
- if (value === undefined) {
- return this[0] ? this[0].getAttribute ? this[0].getAttribute(name) : this[0][name] : undefined;
- }
-
- return this.each(function (v) {
- if (v.setAttribute) {
- v.setAttribute(name, value);
- } else {
- v[name] = value;
- }
- });
- }
-
- for (var key in name) {
- this.attr(key, name[key]);
- }
-
- return this;
- },
-
- hasClass: function (c) {
- var check = false,
- classes = getClasses(c);
- if (classes && classes.length) {
- this.each(function (v) {
- check = hasClass(v, classes[0]);
- return !check;
- });
- }
- return check;
- },
-
- prop: function (name, value) {
- if (isString(name)) {
- return value === undefined ? this[0][name] : this.each(function (v) {
- v[name] = value;
- });
- }
-
- for (var key in name) {
- this.prop(key, name[key]);
- }
-
- return this;
- },
-
- removeAttr: function (name) {
- return this.each(function (v) {
- if (v.removeAttribute) {
- v.removeAttribute(name);
- } else {
- delete v[name];
- }
- });
- },
-
- removeClass: function (c) {
- if (!arguments.length) {
- return this.attr("class", "");
- }
- var classes = getClasses(c);
- return classes ? this.each(function (v) {
- each(classes, function (c) {
- removeClass(v, c);
- });
- }) : this;
- },
-
- removeProp: function (name) {
- return this.each(function (v) {
- delete v[name];
- });
- },
-
- toggleClass: function (c, state) {
- if (state !== undefined) {
- return this[state ? "addClass" : "removeClass"](c);
- }
- var classes = getClasses(c);
- return classes ? this.each(function (v) {
- var spacedName = " " + v.className + " ";
- each(classes, function (c) {
- if (hasClass(v, c)) {
- removeClass(v, c);
- } else {
- addClass(v, c, spacedName);
- }
- });
- }) : this;
- } });
-
- fn.extend({
- add: function (selector, context) {
- return unique(cash.merge(this, cash(selector, context)));
- },
-
- each: function (callback) {
- each(this, callback);
- return this;
- },
-
- eq: function (index) {
- return cash(this.get(index));
- },
-
- filter: function (selector) {
- if (!selector) {
- return this;
- }
-
- var comparator = isFunction(selector) ? selector : getCompareFunction(selector);
-
- return cash(filter.call(this, function (e) {
- return comparator(e, selector);
- }));
- },
-
- first: function () {
- return this.eq(0);
- },
-
- get: function (index) {
- if (index === undefined) {
- return slice.call(this);
- }
- return index < 0 ? this[index + this.length] : this[index];
- },
-
- index: function (elem) {
- var child = elem ? cash(elem)[0] : this[0],
- collection = elem ? this : cash(child).parent().children();
- return slice.call(collection).indexOf(child);
- },
-
- last: function () {
- return this.eq(-1);
- }
-
- });
-
- var camelCase = function () {
- var camelRegex = /(?:^\w|[A-Z]|\b\w)/g,
- whiteSpace = /[\s-_]+/g;
- return function (str) {
- return str.replace(camelRegex, function (letter, index) {
- return letter[index === 0 ? "toLowerCase" : "toUpperCase"]();
- }).replace(whiteSpace, "");
- };
- }();
-
- var getPrefixedProp = function () {
- var cache = {},
- doc = document,
- div = doc.createElement("div"),
- style = div.style;
-
- return function (prop) {
- prop = camelCase(prop);
- if (cache[prop]) {
- return cache[prop];
- }
-
- var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
- prefixes = ["webkit", "moz", "ms", "o"],
- props = (prop + " " + prefixes.join(ucProp + " ") + ucProp).split(" ");
-
- each(props, function (p) {
- if (p in style) {
- cache[p] = prop = cache[prop] = p;
- return false;
- }
- });
-
- return cache[prop];
- };
- }();
-
- cash.prefixedProp = getPrefixedProp;
- cash.camelCase = camelCase;
-
- fn.extend({
- css: function (prop, value) {
- if (isString(prop)) {
- prop = getPrefixedProp(prop);
- return arguments.length > 1 ? this.each(function (v) {
- return v.style[prop] = value;
- }) : win.getComputedStyle(this[0])[prop];
- }
-
- for (var key in prop) {
- this.css(key, prop[key]);
- }
-
- return this;
- }
-
- });
-
- function compute(el, prop) {
- return parseInt(win.getComputedStyle(el[0], null)[prop], 10) || 0;
- }
-
- each(["Width", "Height"], function (v) {
- var lower = v.toLowerCase();
-
- fn[lower] = function () {
- return this[0].getBoundingClientRect()[lower];
- };
-
- fn["inner" + v] = function () {
- return this[0]["client" + v];
- };
-
- fn["outer" + v] = function (margins) {
- return this[0]["offset" + v] + (margins ? compute(this, "margin" + (v === "Width" ? "Left" : "Top")) + compute(this, "margin" + (v === "Width" ? "Right" : "Bottom")) : 0);
- };
- });
-
- function registerEvent(node, eventName, callback) {
- var eventCache = getData(node, "_cashEvents") || setData(node, "_cashEvents", {});
- eventCache[eventName] = eventCache[eventName] || [];
- eventCache[eventName].push(callback);
- node.addEventListener(eventName, callback);
- }
-
- function removeEvent(node, eventName, callback) {
- var events = getData(node, "_cashEvents"),
- eventCache = events && events[eventName],
- index;
-
- if (!eventCache) {
- return;
- }
-
- if (callback) {
- node.removeEventListener(eventName, callback);
- index = eventCache.indexOf(callback);
- if (index >= 0) {
- eventCache.splice(index, 1);
- }
- } else {
- each(eventCache, function (event) {
- node.removeEventListener(eventName, event);
- });
- eventCache = [];
- }
- }
-
- fn.extend({
- off: function (eventName, callback) {
- return this.each(function (v) {
- return removeEvent(v, eventName, callback);
- });
- },
-
- on: function (eventName, delegate, callback, runOnce) {
- // jshint ignore:line
- var originalCallback;
- if (!isString(eventName)) {
- for (var key in eventName) {
- this.on(key, delegate, eventName[key]);
- }
- return this;
- }
-
- if (isFunction(delegate)) {
- callback = delegate;
- delegate = null;
- }
-
- if (eventName === "ready") {
- onReady(callback);
- return this;
- }
-
- if (delegate) {
- originalCallback = callback;
- callback = function (e) {
- var t = e.target;
- while (!matches(t, delegate)) {
- if (t === this || t === null) {
- return t = false;
- }
-
- t = t.parentNode;
- }
-
- if (t) {
- originalCallback.call(t, e);
- }
- };
- }
-
- return this.each(function (v) {
- var finalCallback = callback;
- if (runOnce) {
- finalCallback = function () {
- callback.apply(this, arguments);
- removeEvent(v, eventName, finalCallback);
- };
- }
- registerEvent(v, eventName, finalCallback);
- });
- },
-
- one: function (eventName, delegate, callback) {
- return this.on(eventName, delegate, callback, true);
- },
-
- ready: onReady,
-
- /**
- * Modified
- * Triggers browser event
- * @param String eventName
- * @param Object data - Add properties to event object
- */
- trigger: function (eventName, data) {
- if (document.createEvent) {
- var evt = document.createEvent('HTMLEvents');
- evt.initEvent(eventName, true, false);
- evt = this.extend(evt, data);
- return this.each(function (v) {
- return v.dispatchEvent(evt);
- });
- }
- }
-
- });
-
- function encode(name, value) {
- return "&" + encodeURIComponent(name) + "=" + encodeURIComponent(value).replace(/%20/g, "+");
- }
-
- function getSelectMultiple_(el) {
- var values = [];
- each(el.options, function (o) {
- if (o.selected) {
- values.push(o.value);
- }
- });
- return values.length ? values : null;
- }
-
- function getSelectSingle_(el) {
- var selectedIndex = el.selectedIndex;
- return selectedIndex >= 0 ? el.options[selectedIndex].value : null;
- }
-
- function getValue(el) {
- var type = el.type;
- if (!type) {
- return null;
- }
- switch (type.toLowerCase()) {
- case "select-one":
- return getSelectSingle_(el);
- case "select-multiple":
- return getSelectMultiple_(el);
- case "radio":
- return el.checked ? el.value : null;
- case "checkbox":
- return el.checked ? el.value : null;
- default:
- return el.value ? el.value : null;
- }
- }
-
- fn.extend({
- serialize: function () {
- var query = "";
-
- each(this[0].elements || this, function (el) {
- if (el.disabled || el.tagName === "FIELDSET") {
- return;
- }
- var name = el.name;
- switch (el.type.toLowerCase()) {
- case "file":
- case "reset":
- case "submit":
- case "button":
- break;
- case "select-multiple":
- var values = getValue(el);
- if (values !== null) {
- each(values, function (value) {
- query += encode(name, value);
- });
- }
- break;
- default:
- var value = getValue(el);
- if (value !== null) {
- query += encode(name, value);
- }
- }
- });
-
- return query.substr(1);
- },
-
- val: function (value) {
- if (value === undefined) {
- return getValue(this[0]);
- }
-
- return this.each(function (v) {
- return v.value = value;
- });
- }
-
- });
-
- function insertElement(el, child, prepend) {
- if (prepend) {
- var first = el.childNodes[0];
- el.insertBefore(child, first);
- } else {
- el.appendChild(child);
- }
- }
-
- function insertContent(parent, child, prepend) {
- var str = isString(child);
-
- if (!str && child.length) {
- each(child, function (v) {
- return insertContent(parent, v, prepend);
- });
- return;
- }
-
- each(parent, str ? function (v) {
- return v.insertAdjacentHTML(prepend ? "afterbegin" : "beforeend", child);
- } : function (v, i) {
- return insertElement(v, i === 0 ? child : child.cloneNode(true), prepend);
- });
- }
-
- fn.extend({
- after: function (selector) {
- cash(selector).insertAfter(this);
- return this;
- },
-
- append: function (content) {
- insertContent(this, content);
- return this;
- },
-
- appendTo: function (parent) {
- insertContent(cash(parent), this);
- return this;
- },
-
- before: function (selector) {
- cash(selector).insertBefore(this);
- return this;
- },
-
- clone: function () {
- return cash(this.map(function (v) {
- return v.cloneNode(true);
- }));
- },
-
- empty: function () {
- this.html("");
- return this;
- },
-
- html: function (content) {
- if (content === undefined) {
- return this[0].innerHTML;
- }
- var source = content.nodeType ? content[0].outerHTML : content;
- return this.each(function (v) {
- return v.innerHTML = source;
- });
- },
-
- insertAfter: function (selector) {
- var _this = this;
-
- cash(selector).each(function (el, i) {
- var parent = el.parentNode,
- sibling = el.nextSibling;
- _this.each(function (v) {
- parent.insertBefore(i === 0 ? v : v.cloneNode(true), sibling);
- });
- });
-
- return this;
- },
-
- insertBefore: function (selector) {
- var _this2 = this;
- cash(selector).each(function (el, i) {
- var parent = el.parentNode;
- _this2.each(function (v) {
- parent.insertBefore(i === 0 ? v : v.cloneNode(true), el);
- });
- });
- return this;
- },
-
- prepend: function (content) {
- insertContent(this, content, true);
- return this;
- },
-
- prependTo: function (parent) {
- insertContent(cash(parent), this, true);
- return this;
- },
-
- remove: function () {
- return this.each(function (v) {
- if (!!v.parentNode) {
- return v.parentNode.removeChild(v);
- }
- });
- },
-
- text: function (content) {
- if (content === undefined) {
- return this[0].textContent;
- }
- return this.each(function (v) {
- return v.textContent = content;
- });
- }
-
- });
-
- var docEl = doc.documentElement;
-
- fn.extend({
- position: function () {
- var el = this[0];
- return {
- left: el.offsetLeft,
- top: el.offsetTop
- };
- },
-
- offset: function () {
- var rect = this[0].getBoundingClientRect();
- return {
- top: rect.top + win.pageYOffset - docEl.clientTop,
- left: rect.left + win.pageXOffset - docEl.clientLeft
- };
- },
-
- offsetParent: function () {
- return cash(this[0].offsetParent);
- }
-
- });
-
- fn.extend({
- children: function (selector) {
- var elems = [];
- this.each(function (el) {
- push.apply(elems, el.children);
- });
- elems = unique(elems);
-
- return !selector ? elems : elems.filter(function (v) {
- return matches(v, selector);
- });
- },
-
- closest: function (selector) {
- if (!selector || this.length < 1) {
- return cash();
- }
- if (this.is(selector)) {
- return this.filter(selector);
- }
- return this.parent().closest(selector);
- },
-
- is: function (selector) {
- if (!selector) {
- return false;
- }
-
- var match = false,
- comparator = getCompareFunction(selector);
-
- this.each(function (el) {
- match = comparator(el, selector);
- return !match;
- });
-
- return match;
- },
-
- find: function (selector) {
- if (!selector || selector.nodeType) {
- return cash(selector && this.has(selector).length ? selector : null);
- }
-
- var elems = [];
- this.each(function (el) {
- push.apply(elems, find(selector, el));
- });
-
- return unique(elems);
- },
-
- has: function (selector) {
- var comparator = isString(selector) ? function (el) {
- return find(selector, el).length !== 0;
- } : function (el) {
- return el.contains(selector);
- };
-
- return this.filter(comparator);
- },
-
- next: function () {
- return cash(this[0].nextElementSibling);
- },
-
- not: function (selector) {
- if (!selector) {
- return this;
- }
-
- var comparator = getCompareFunction(selector);
-
- return this.filter(function (el) {
- return !comparator(el, selector);
- });
- },
-
- parent: function () {
- var result = [];
-
- this.each(function (item) {
- if (item && item.parentNode) {
- result.push(item.parentNode);
- }
- });
-
- return unique(result);
- },
-
- parents: function (selector) {
- var last,
- result = [];
-
- this.each(function (item) {
- last = item;
-
- while (last && last.parentNode && last !== doc.body.parentNode) {
- last = last.parentNode;
-
- if (!selector || selector && matches(last, selector)) {
- result.push(last);
- }
- }
- });
-
- return unique(result);
- },
-
- prev: function () {
- return cash(this[0].previousElementSibling);
- },
-
- siblings: function (selector) {
- var collection = this.parent().children(selector),
- el = this[0];
-
- return collection.filter(function (i) {
- return i !== el;
- });
- }
-
- });
-
- return cash;
-});
-;
-var Component = function () {
- /**
- * Generic constructor for all components
- * @constructor
- * @param {Element} el
- * @param {Object} options
- */
- function Component(classDef, el, options) {
- _classCallCheck(this, Component);
-
- // Display error if el is valid HTML Element
- if (!(el instanceof Element)) {
- console.error(Error(el + ' is not an HTML Element'));
- }
-
- // If exists, destroy and reinitialize in child
- var ins = classDef.getInstance(el);
- if (!!ins) {
- ins.destroy();
- }
-
- this.el = el;
- this.$el = cash(el);
- }
-
- /**
- * Initializes components
- * @param {class} classDef
- * @param {Element | NodeList | jQuery} els
- * @param {Object} options
- */
-
-
- _createClass(Component, null, [{
- key: "init",
- value: function init(classDef, els, options) {
- var instances = null;
- if (els instanceof Element) {
- instances = new classDef(els, options);
- } else if (!!els && (els.jquery || els.cash || els instanceof NodeList)) {
- var instancesArr = [];
- for (var i = 0; i < els.length; i++) {
- instancesArr.push(new classDef(els[i], options));
- }
- instances = instancesArr;
- }
-
- return instances;
- }
- }]);
-
- return Component;
-}();
-
-; // Required for Meteor package, the use of window prevents export by Meteor
-(function (window) {
- if (window.Package) {
- M = {};
- } else {
- window.M = {};
- }
-
- // Check for jQuery
- M.jQueryLoaded = !!window.jQuery;
-})(window);
-
-// AMD
-if (typeof define === 'function' && define.amd) {
- define('M', [], function () {
- return M;
- });
-
- // Common JS
-} else if (typeof exports !== 'undefined' && !exports.nodeType) {
- if (typeof module !== 'undefined' && !module.nodeType && module.exports) {
- exports = module.exports = M;
- }
- exports.default = M;
-}
-
-M.version = '1.0.0';
-
-M.keys = {
- TAB: 9,
- ENTER: 13,
- ESC: 27,
- ARROW_UP: 38,
- ARROW_DOWN: 40
-};
-
-/**
- * TabPress Keydown handler
- */
-M.tabPressed = false;
-M.keyDown = false;
-var docHandleKeydown = function (e) {
- M.keyDown = true;
- if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
- M.tabPressed = true;
- }
-};
-var docHandleKeyup = function (e) {
- M.keyDown = false;
- if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
- M.tabPressed = false;
- }
-};
-var docHandleFocus = function (e) {
- if (M.keyDown) {
- document.body.classList.add('keyboard-focused');
- }
-};
-var docHandleBlur = function (e) {
- document.body.classList.remove('keyboard-focused');
-};
-document.addEventListener('keydown', docHandleKeydown, true);
-document.addEventListener('keyup', docHandleKeyup, true);
-document.addEventListener('focus', docHandleFocus, true);
-document.addEventListener('blur', docHandleBlur, true);
-
-/**
- * Initialize jQuery wrapper for plugin
- * @param {Class} plugin javascript class
- * @param {string} pluginName jQuery plugin name
- * @param {string} classRef Class reference name
- */
-M.initializeJqueryWrapper = function (plugin, pluginName, classRef) {
- jQuery.fn[pluginName] = function (methodOrOptions) {
- // Call plugin method if valid method name is passed in
- if (plugin.prototype[methodOrOptions]) {
- var params = Array.prototype.slice.call(arguments, 1);
-
- // Getter methods
- if (methodOrOptions.slice(0, 3) === 'get') {
- var instance = this.first()[0][classRef];
- return instance[methodOrOptions].apply(instance, params);
- }
-
- // Void methods
- return this.each(function () {
- var instance = this[classRef];
- instance[methodOrOptions].apply(instance, params);
- });
-
- // Initialize plugin if options or no argument is passed in
- } else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
- plugin.init(this, arguments[0]);
- return this;
- }
-
- // Return error if an unrecognized method name is passed in
- jQuery.error("Method " + methodOrOptions + " does not exist on jQuery." + pluginName);
- };
-};
-
-/**
- * Automatically initialize components
- * @param {Element} context DOM Element to search within for components
- */
-M.AutoInit = function (context) {
- // Use document.body if no context is given
- var root = !!context ? context : document.body;
-
- var registry = {
- Autocomplete: root.querySelectorAll('.autocomplete:not(.no-autoinit)'),
- Carousel: root.querySelectorAll('.carousel:not(.no-autoinit)'),
- Chips: root.querySelectorAll('.chips:not(.no-autoinit)'),
- Collapsible: root.querySelectorAll('.collapsible:not(.no-autoinit)'),
- Datepicker: root.querySelectorAll('.datepicker:not(.no-autoinit)'),
- Dropdown: root.querySelectorAll('.dropdown-trigger:not(.no-autoinit)'),
- Materialbox: root.querySelectorAll('.materialboxed:not(.no-autoinit)'),
- Modal: root.querySelectorAll('.modal:not(.no-autoinit)'),
- Parallax: root.querySelectorAll('.parallax:not(.no-autoinit)'),
- Pushpin: root.querySelectorAll('.pushpin:not(.no-autoinit)'),
- ScrollSpy: root.querySelectorAll('.scrollspy:not(.no-autoinit)'),
- FormSelect: root.querySelectorAll('select:not(.no-autoinit)'),
- Sidenav: root.querySelectorAll('.sidenav:not(.no-autoinit)'),
- Tabs: root.querySelectorAll('.tabs:not(.no-autoinit)'),
- TapTarget: root.querySelectorAll('.tap-target:not(.no-autoinit)'),
- Timepicker: root.querySelectorAll('.timepicker:not(.no-autoinit)'),
- Tooltip: root.querySelectorAll('.tooltipped:not(.no-autoinit)'),
- FloatingActionButton: root.querySelectorAll('.fixed-action-btn:not(.no-autoinit)')
- };
-
- for (var pluginName in registry) {
- var plugin = M[pluginName];
- plugin.init(registry[pluginName]);
- }
-};
-
-/**
- * Generate approximated selector string for a jQuery object
- * @param {jQuery} obj jQuery object to be parsed
- * @returns {string}
- */
-M.objectSelectorString = function (obj) {
- var tagStr = obj.prop('tagName') || '';
- var idStr = obj.attr('id') || '';
- var classStr = obj.attr('class') || '';
- return (tagStr + idStr + classStr).replace(/\s/g, '');
-};
-
-// Unique Random ID
-M.guid = function () {
- function s4() {
- return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
- }
- return function () {
- return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
- };
-}();
-
-/**
- * Escapes hash from special characters
- * @param {string} hash String returned from this.hash
- * @returns {string}
- */
-M.escapeHash = function (hash) {
- return hash.replace(/(:|\.|\[|\]|,|=|\/)/g, '\\$1');
-};
-
-M.elementOrParentIsFixed = function (element) {
- var $element = $(element);
- var $checkElements = $element.add($element.parents());
- var isFixed = false;
- $checkElements.each(function () {
- if ($(this).css('position') === 'fixed') {
- isFixed = true;
- return false;
- }
- });
- return isFixed;
-};
-
-/**
- * @typedef {Object} Edges
- * @property {Boolean} top If the top edge was exceeded
- * @property {Boolean} right If the right edge was exceeded
- * @property {Boolean} bottom If the bottom edge was exceeded
- * @property {Boolean} left If the left edge was exceeded
- */
-
-/**
- * @typedef {Object} Bounding
- * @property {Number} left left offset coordinate
- * @property {Number} top top offset coordinate
- * @property {Number} width
- * @property {Number} height
- */
-
-/**
- * Escapes hash from special characters
- * @param {Element} container Container element that acts as the boundary
- * @param {Bounding} bounding element bounding that is being checked
- * @param {Number} offset offset from edge that counts as exceeding
- * @returns {Edges}
- */
-M.checkWithinContainer = function (container, bounding, offset) {
- var edges = {
- top: false,
- right: false,
- bottom: false,
- left: false
- };
-
- var containerRect = container.getBoundingClientRect();
- // If body element is smaller than viewport, use viewport height instead.
- var containerBottom = container === document.body ? Math.max(containerRect.bottom, window.innerHeight) : containerRect.bottom;
-
- var scrollLeft = container.scrollLeft;
- var scrollTop = container.scrollTop;
-
- var scrolledX = bounding.left - scrollLeft;
- var scrolledY = bounding.top - scrollTop;
-
- // Check for container and viewport for each edge
- if (scrolledX < containerRect.left + offset || scrolledX < offset) {
- edges.left = true;
- }
-
- if (scrolledX + bounding.width > containerRect.right - offset || scrolledX + bounding.width > window.innerWidth - offset) {
- edges.right = true;
- }
-
- if (scrolledY < containerRect.top + offset || scrolledY < offset) {
- edges.top = true;
- }
-
- if (scrolledY + bounding.height > containerBottom - offset || scrolledY + bounding.height > window.innerHeight - offset) {
- edges.bottom = true;
- }
-
- return edges;
-};
-
-M.checkPossibleAlignments = function (el, container, bounding, offset) {
- var canAlign = {
- top: true,
- right: true,
- bottom: true,
- left: true,
- spaceOnTop: null,
- spaceOnRight: null,
- spaceOnBottom: null,
- spaceOnLeft: null
- };
-
- var containerAllowsOverflow = getComputedStyle(container).overflow === 'visible';
- var containerRect = container.getBoundingClientRect();
- var containerHeight = Math.min(containerRect.height, window.innerHeight);
- var containerWidth = Math.min(containerRect.width, window.innerWidth);
- var elOffsetRect = el.getBoundingClientRect();
-
- var scrollLeft = container.scrollLeft;
- var scrollTop = container.scrollTop;
-
- var scrolledX = bounding.left - scrollLeft;
- var scrolledYTopEdge = bounding.top - scrollTop;
- var scrolledYBottomEdge = bounding.top + elOffsetRect.height - scrollTop;
-
- // Check for container and viewport for left
- canAlign.spaceOnRight = !containerAllowsOverflow ? containerWidth - (scrolledX + bounding.width) : window.innerWidth - (elOffsetRect.left + bounding.width);
- if (canAlign.spaceOnRight < 0) {
- canAlign.left = false;
- }
-
- // Check for container and viewport for Right
- canAlign.spaceOnLeft = !containerAllowsOverflow ? scrolledX - bounding.width + elOffsetRect.width : elOffsetRect.right - bounding.width;
- if (canAlign.spaceOnLeft < 0) {
- canAlign.right = false;
- }
-
- // Check for container and viewport for Top
- canAlign.spaceOnBottom = !containerAllowsOverflow ? containerHeight - (scrolledYTopEdge + bounding.height + offset) : window.innerHeight - (elOffsetRect.top + bounding.height + offset);
- if (canAlign.spaceOnBottom < 0) {
- canAlign.top = false;
- }
-
- // Check for container and viewport for Bottom
- canAlign.spaceOnTop = !containerAllowsOverflow ? scrolledYBottomEdge - (bounding.height - offset) : elOffsetRect.bottom - (bounding.height + offset);
- if (canAlign.spaceOnTop < 0) {
- canAlign.bottom = false;
- }
-
- return canAlign;
-};
-
-M.getOverflowParent = function (element) {
- if (element == null) {
- return null;
- }
-
- if (element === document.body || getComputedStyle(element).overflow !== 'visible') {
- return element;
- }
-
- return M.getOverflowParent(element.parentElement);
-};
-
-/**
- * Gets id of component from a trigger
- * @param {Element} trigger trigger
- * @returns {string}
- */
-M.getIdFromTrigger = function (trigger) {
- var id = trigger.getAttribute('data-target');
- if (!id) {
- id = trigger.getAttribute('href');
- if (id) {
- id = id.slice(1);
- } else {
- id = '';
- }
- }
- return id;
-};
-
-/**
- * Multi browser support for document scroll top
- * @returns {Number}
- */
-M.getDocumentScrollTop = function () {
- return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
-};
-
-/**
- * Multi browser support for document scroll left
- * @returns {Number}
- */
-M.getDocumentScrollLeft = function () {
- return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
-};
-
-/**
- * @typedef {Object} Edges
- * @property {Boolean} top If the top edge was exceeded
- * @property {Boolean} right If the right edge was exceeded
- * @property {Boolean} bottom If the bottom edge was exceeded
- * @property {Boolean} left If the left edge was exceeded
- */
-
-/**
- * @typedef {Object} Bounding
- * @property {Number} left left offset coordinate
- * @property {Number} top top offset coordinate
- * @property {Number} width
- * @property {Number} height
- */
-
-/**
- * Get time in ms
- * @license https://raw.github.com/jashkenas/underscore/master/LICENSE
- * @type {function}
- * @return {number}
- */
-var getTime = Date.now || function () {
- return new Date().getTime();
-};
-
-/**
- * Returns a function, that, when invoked, will only be triggered at most once
- * during a given window of time. Normally, the throttled function will run
- * as much as it can, without ever going more than once per `wait` duration;
- * but if you'd like to disable the execution on the leading edge, pass
- * `{leading: false}`. To disable execution on the trailing edge, ditto.
- * @license https://raw.github.com/jashkenas/underscore/master/LICENSE
- * @param {function} func
- * @param {number} wait
- * @param {Object=} options
- * @returns {Function}
- */
-M.throttle = function (func, wait, options) {
- var context = void 0,
- args = void 0,
- result = void 0;
- var timeout = null;
- var previous = 0;
- options || (options = {});
- var later = function () {
- previous = options.leading === false ? 0 : getTime();
- timeout = null;
- result = func.apply(context, args);
- context = args = null;
- };
- return function () {
- var now = getTime();
- if (!previous && options.leading === false) previous = now;
- var remaining = wait - (now - previous);
- context = this;
- args = arguments;
- if (remaining <= 0) {
- clearTimeout(timeout);
- timeout = null;
- previous = now;
- result = func.apply(context, args);
- context = args = null;
- } else if (!timeout && options.trailing !== false) {
- timeout = setTimeout(later, remaining);
- }
- return result;
- };
-};
-; /*
- v2.2.0
- 2017 Julian Garnier
- Released under the MIT license
- */
-var $jscomp = { scope: {} };$jscomp.defineProperty = "function" == typeof Object.defineProperties ? Object.defineProperty : function (e, r, p) {
- if (p.get || p.set) throw new TypeError("ES3 does not support getters and setters.");e != Array.prototype && e != Object.prototype && (e[r] = p.value);
-};$jscomp.getGlobal = function (e) {
- return "undefined" != typeof window && window === e ? e : "undefined" != typeof global && null != global ? global : e;
-};$jscomp.global = $jscomp.getGlobal(this);$jscomp.SYMBOL_PREFIX = "jscomp_symbol_";
-$jscomp.initSymbol = function () {
- $jscomp.initSymbol = function () {};$jscomp.global.Symbol || ($jscomp.global.Symbol = $jscomp.Symbol);
-};$jscomp.symbolCounter_ = 0;$jscomp.Symbol = function (e) {
- return $jscomp.SYMBOL_PREFIX + (e || "") + $jscomp.symbolCounter_++;
-};
-$jscomp.initSymbolIterator = function () {
- $jscomp.initSymbol();var e = $jscomp.global.Symbol.iterator;e || (e = $jscomp.global.Symbol.iterator = $jscomp.global.Symbol("iterator"));"function" != typeof Array.prototype[e] && $jscomp.defineProperty(Array.prototype, e, { configurable: !0, writable: !0, value: function () {
- return $jscomp.arrayIterator(this);
- } });$jscomp.initSymbolIterator = function () {};
-};$jscomp.arrayIterator = function (e) {
- var r = 0;return $jscomp.iteratorPrototype(function () {
- return r < e.length ? { done: !1, value: e[r++] } : { done: !0 };
- });
-};
-$jscomp.iteratorPrototype = function (e) {
- $jscomp.initSymbolIterator();e = { next: e };e[$jscomp.global.Symbol.iterator] = function () {
- return this;
- };return e;
-};$jscomp.array = $jscomp.array || {};$jscomp.iteratorFromArray = function (e, r) {
- $jscomp.initSymbolIterator();e instanceof String && (e += "");var p = 0,
- m = { next: function () {
- if (p < e.length) {
- var u = p++;return { value: r(u, e[u]), done: !1 };
- }m.next = function () {
- return { done: !0, value: void 0 };
- };return m.next();
- } };m[Symbol.iterator] = function () {
- return m;
- };return m;
-};
-$jscomp.polyfill = function (e, r, p, m) {
- if (r) {
- p = $jscomp.global;e = e.split(".");for (m = 0; m < e.length - 1; m++) {
- var u = e[m];u in p || (p[u] = {});p = p[u];
- }e = e[e.length - 1];m = p[e];r = r(m);r != m && null != r && $jscomp.defineProperty(p, e, { configurable: !0, writable: !0, value: r });
- }
-};$jscomp.polyfill("Array.prototype.keys", function (e) {
- return e ? e : function () {
- return $jscomp.iteratorFromArray(this, function (e) {
- return e;
- });
- };
-}, "es6-impl", "es3");var $jscomp$this = this;
-(function (r) {
- M.anime = r();
-})(function () {
- function e(a) {
- if (!h.col(a)) try {
- return document.querySelectorAll(a);
- } catch (c) {}
- }function r(a, c) {
- for (var d = a.length, b = 2 <= arguments.length ? arguments[1] : void 0, f = [], n = 0; n < d; n++) {
- if (n in a) {
- var k = a[n];c.call(b, k, n, a) && f.push(k);
- }
- }return f;
- }function p(a) {
- return a.reduce(function (a, d) {
- return a.concat(h.arr(d) ? p(d) : d);
- }, []);
- }function m(a) {
- if (h.arr(a)) return a;
- h.str(a) && (a = e(a) || a);return a instanceof NodeList || a instanceof HTMLCollection ? [].slice.call(a) : [a];
- }function u(a, c) {
- return a.some(function (a) {
- return a === c;
- });
- }function C(a) {
- var c = {},
- d;for (d in a) {
- c[d] = a[d];
- }return c;
- }function D(a, c) {
- var d = C(a),
- b;for (b in a) {
- d[b] = c.hasOwnProperty(b) ? c[b] : a[b];
- }return d;
- }function z(a, c) {
- var d = C(a),
- b;for (b in c) {
- d[b] = h.und(a[b]) ? c[b] : a[b];
- }return d;
- }function T(a) {
- a = a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (a, c, d, k) {
- return c + c + d + d + k + k;
- });var c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);
- a = parseInt(c[1], 16);var d = parseInt(c[2], 16),
- c = parseInt(c[3], 16);return "rgba(" + a + "," + d + "," + c + ",1)";
- }function U(a) {
- function c(a, c, b) {
- 0 > b && (b += 1);1 < b && --b;return b < 1 / 6 ? a + 6 * (c - a) * b : .5 > b ? c : b < 2 / 3 ? a + (c - a) * (2 / 3 - b) * 6 : a;
- }var d = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(a) || /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(a);a = parseInt(d[1]) / 360;var b = parseInt(d[2]) / 100,
- f = parseInt(d[3]) / 100,
- d = d[4] || 1;if (0 == b) f = b = a = f;else {
- var n = .5 > f ? f * (1 + b) : f + b - f * b,
- k = 2 * f - n,
- f = c(k, n, a + 1 / 3),
- b = c(k, n, a);a = c(k, n, a - 1 / 3);
- }return "rgba(" + 255 * f + "," + 255 * b + "," + 255 * a + "," + d + ")";
- }function y(a) {
- if (a = /([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(a)) return a[2];
- }function V(a) {
- if (-1 < a.indexOf("translate") || "perspective" === a) return "px";if (-1 < a.indexOf("rotate") || -1 < a.indexOf("skew")) return "deg";
- }function I(a, c) {
- return h.fnc(a) ? a(c.target, c.id, c.total) : a;
- }function E(a, c) {
- if (c in a.style) return getComputedStyle(a).getPropertyValue(c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()) || "0";
- }function J(a, c) {
- if (h.dom(a) && u(W, c)) return "transform";if (h.dom(a) && (a.getAttribute(c) || h.svg(a) && a[c])) return "attribute";if (h.dom(a) && "transform" !== c && E(a, c)) return "css";if (null != a[c]) return "object";
- }function X(a, c) {
- var d = V(c),
- d = -1 < c.indexOf("scale") ? 1 : 0 + d;a = a.style.transform;if (!a) return d;for (var b = [], f = [], n = [], k = /(\w+)\((.+?)\)/g; b = k.exec(a);) {
- f.push(b[1]), n.push(b[2]);
- }a = r(n, function (a, b) {
- return f[b] === c;
- });return a.length ? a[0] : d;
- }function K(a, c) {
- switch (J(a, c)) {case "transform":
- return X(a, c);case "css":
- return E(a, c);case "attribute":
- return a.getAttribute(c);}return a[c] || 0;
- }function L(a, c) {
- var d = /^(\*=|\+=|-=)/.exec(a);if (!d) return a;var b = y(a) || 0;c = parseFloat(c);a = parseFloat(a.replace(d[0], ""));switch (d[0][0]) {case "+":
- return c + a + b;case "-":
- return c - a + b;case "*":
- return c * a + b;}
- }function F(a, c) {
- return Math.sqrt(Math.pow(c.x - a.x, 2) + Math.pow(c.y - a.y, 2));
- }function M(a) {
- a = a.points;for (var c = 0, d, b = 0; b < a.numberOfItems; b++) {
- var f = a.getItem(b);0 < b && (c += F(d, f));d = f;
- }return c;
- }function N(a) {
- if (a.getTotalLength) return a.getTotalLength();switch (a.tagName.toLowerCase()) {case "circle":
- return 2 * Math.PI * a.getAttribute("r");case "rect":
- return 2 * a.getAttribute("width") + 2 * a.getAttribute("height");case "line":
- return F({ x: a.getAttribute("x1"), y: a.getAttribute("y1") }, { x: a.getAttribute("x2"), y: a.getAttribute("y2") });case "polyline":
- return M(a);case "polygon":
- var c = a.points;return M(a) + F(c.getItem(c.numberOfItems - 1), c.getItem(0));}
- }function Y(a, c) {
- function d(b) {
- b = void 0 === b ? 0 : b;return a.el.getPointAtLength(1 <= c + b ? c + b : 0);
- }var b = d(),
- f = d(-1),
- n = d(1);switch (a.property) {case "x":
- return b.x;case "y":
- return b.y;
- case "angle":
- return 180 * Math.atan2(n.y - f.y, n.x - f.x) / Math.PI;}
- }function O(a, c) {
- var d = /-?\d*\.?\d+/g,
- b;b = h.pth(a) ? a.totalLength : a;if (h.col(b)) {
- if (h.rgb(b)) {
- var f = /rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(b);b = f ? "rgba(" + f[1] + ",1)" : b;
- } else b = h.hex(b) ? T(b) : h.hsl(b) ? U(b) : void 0;
- } else f = (f = y(b)) ? b.substr(0, b.length - f.length) : b, b = c && !/\s/g.test(b) ? f + c : f;b += "";return { original: b, numbers: b.match(d) ? b.match(d).map(Number) : [0], strings: h.str(a) || c ? b.split(d) : [] };
- }function P(a) {
- a = a ? p(h.arr(a) ? a.map(m) : m(a)) : [];return r(a, function (a, d, b) {
- return b.indexOf(a) === d;
- });
- }function Z(a) {
- var c = P(a);return c.map(function (a, b) {
- return { target: a, id: b, total: c.length };
- });
- }function aa(a, c) {
- var d = C(c);if (h.arr(a)) {
- var b = a.length;2 !== b || h.obj(a[0]) ? h.fnc(c.duration) || (d.duration = c.duration / b) : a = { value: a };
- }return m(a).map(function (a, b) {
- b = b ? 0 : c.delay;a = h.obj(a) && !h.pth(a) ? a : { value: a };h.und(a.delay) && (a.delay = b);return a;
- }).map(function (a) {
- return z(a, d);
- });
- }function ba(a, c) {
- var d = {},
- b;for (b in a) {
- var f = I(a[b], c);h.arr(f) && (f = f.map(function (a) {
- return I(a, c);
- }), 1 === f.length && (f = f[0]));d[b] = f;
- }d.duration = parseFloat(d.duration);d.delay = parseFloat(d.delay);return d;
- }function ca(a) {
- return h.arr(a) ? A.apply(this, a) : Q[a];
- }function da(a, c) {
- var d;return a.tweens.map(function (b) {
- b = ba(b, c);var f = b.value,
- e = K(c.target, a.name),
- k = d ? d.to.original : e,
- k = h.arr(f) ? f[0] : k,
- w = L(h.arr(f) ? f[1] : f, k),
- e = y(w) || y(k) || y(e);b.from = O(k, e);b.to = O(w, e);b.start = d ? d.end : a.offset;b.end = b.start + b.delay + b.duration;b.easing = ca(b.easing);b.elasticity = (1E3 - Math.min(Math.max(b.elasticity, 1), 999)) / 1E3;b.isPath = h.pth(f);b.isColor = h.col(b.from.original);b.isColor && (b.round = 1);return d = b;
- });
- }function ea(a, c) {
- return r(p(a.map(function (a) {
- return c.map(function (b) {
- var c = J(a.target, b.name);if (c) {
- var d = da(b, a);b = { type: c, property: b.name, animatable: a, tweens: d, duration: d[d.length - 1].end, delay: d[0].delay };
- } else b = void 0;return b;
- });
- })), function (a) {
- return !h.und(a);
- });
- }function R(a, c, d, b) {
- var f = "delay" === a;return c.length ? (f ? Math.min : Math.max).apply(Math, c.map(function (b) {
- return b[a];
- })) : f ? b.delay : d.offset + b.delay + b.duration;
- }function fa(a) {
- var c = D(ga, a),
- d = D(S, a),
- b = Z(a.targets),
- f = [],
- e = z(c, d),
- k;for (k in a) {
- e.hasOwnProperty(k) || "targets" === k || f.push({ name: k, offset: e.offset, tweens: aa(a[k], d) });
- }a = ea(b, f);return z(c, { children: [], animatables: b, animations: a, duration: R("duration", a, c, d), delay: R("delay", a, c, d) });
- }function q(a) {
- function c() {
- return window.Promise && new Promise(function (a) {
- return p = a;
- });
- }function d(a) {
- return g.reversed ? g.duration - a : a;
- }function b(a) {
- for (var b = 0, c = {}, d = g.animations, f = d.length; b < f;) {
- var e = d[b],
- k = e.animatable,
- h = e.tweens,
- n = h.length - 1,
- l = h[n];n && (l = r(h, function (b) {
- return a < b.end;
- })[0] || l);for (var h = Math.min(Math.max(a - l.start - l.delay, 0), l.duration) / l.duration, w = isNaN(h) ? 1 : l.easing(h, l.elasticity), h = l.to.strings, p = l.round, n = [], m = void 0, m = l.to.numbers.length, t = 0; t < m; t++) {
- var x = void 0,
- x = l.to.numbers[t],
- q = l.from.numbers[t],
- x = l.isPath ? Y(l.value, w * x) : q + w * (x - q);p && (l.isColor && 2 < t || (x = Math.round(x * p) / p));n.push(x);
- }if (l = h.length) for (m = h[0], w = 0; w < l; w++) {
- p = h[w + 1], t = n[w], isNaN(t) || (m = p ? m + (t + p) : m + (t + " "));
- } else m = n[0];ha[e.type](k.target, e.property, m, c, k.id);e.currentValue = m;b++;
- }if (b = Object.keys(c).length) for (d = 0; d < b; d++) {
- H || (H = E(document.body, "transform") ? "transform" : "-webkit-transform"), g.animatables[d].target.style[H] = c[d].join(" ");
- }g.currentTime = a;g.progress = a / g.duration * 100;
- }function f(a) {
- if (g[a]) g[a](g);
- }function e() {
- g.remaining && !0 !== g.remaining && g.remaining--;
- }function k(a) {
- var k = g.duration,
- n = g.offset,
- w = n + g.delay,
- r = g.currentTime,
- x = g.reversed,
- q = d(a);if (g.children.length) {
- var u = g.children,
- v = u.length;
- if (q >= g.currentTime) for (var G = 0; G < v; G++) {
- u[G].seek(q);
- } else for (; v--;) {
- u[v].seek(q);
- }
- }if (q >= w || !k) g.began || (g.began = !0, f("begin")), f("run");if (q > n && q < k) b(q);else if (q <= n && 0 !== r && (b(0), x && e()), q >= k && r !== k || !k) b(k), x || e();f("update");a >= k && (g.remaining ? (t = h, "alternate" === g.direction && (g.reversed = !g.reversed)) : (g.pause(), g.completed || (g.completed = !0, f("complete"), "Promise" in window && (p(), m = c()))), l = 0);
- }a = void 0 === a ? {} : a;var h,
- t,
- l = 0,
- p = null,
- m = c(),
- g = fa(a);g.reset = function () {
- var a = g.direction,
- c = g.loop;g.currentTime = 0;g.progress = 0;g.paused = !0;g.began = !1;g.completed = !1;g.reversed = "reverse" === a;g.remaining = "alternate" === a && 1 === c ? 2 : c;b(0);for (a = g.children.length; a--;) {
- g.children[a].reset();
- }
- };g.tick = function (a) {
- h = a;t || (t = h);k((l + h - t) * q.speed);
- };g.seek = function (a) {
- k(d(a));
- };g.pause = function () {
- var a = v.indexOf(g);-1 < a && v.splice(a, 1);g.paused = !0;
- };g.play = function () {
- g.paused && (g.paused = !1, t = 0, l = d(g.currentTime), v.push(g), B || ia());
- };g.reverse = function () {
- g.reversed = !g.reversed;t = 0;l = d(g.currentTime);
- };g.restart = function () {
- g.pause();
- g.reset();g.play();
- };g.finished = m;g.reset();g.autoplay && g.play();return g;
- }var ga = { update: void 0, begin: void 0, run: void 0, complete: void 0, loop: 1, direction: "normal", autoplay: !0, offset: 0 },
- S = { duration: 1E3, delay: 0, easing: "easeOutElastic", elasticity: 500, round: 0 },
- W = "translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),
- H,
- h = { arr: function (a) {
- return Array.isArray(a);
- }, obj: function (a) {
- return -1 < Object.prototype.toString.call(a).indexOf("Object");
- },
- pth: function (a) {
- return h.obj(a) && a.hasOwnProperty("totalLength");
- }, svg: function (a) {
- return a instanceof SVGElement;
- }, dom: function (a) {
- return a.nodeType || h.svg(a);
- }, str: function (a) {
- return "string" === typeof a;
- }, fnc: function (a) {
- return "function" === typeof a;
- }, und: function (a) {
- return "undefined" === typeof a;
- }, hex: function (a) {
- return (/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a)
- );
- }, rgb: function (a) {
- return (/^rgb/.test(a)
- );
- }, hsl: function (a) {
- return (/^hsl/.test(a)
- );
- }, col: function (a) {
- return h.hex(a) || h.rgb(a) || h.hsl(a);
- } },
- A = function () {
- function a(a, d, b) {
- return (((1 - 3 * b + 3 * d) * a + (3 * b - 6 * d)) * a + 3 * d) * a;
- }return function (c, d, b, f) {
- if (0 <= c && 1 >= c && 0 <= b && 1 >= b) {
- var e = new Float32Array(11);if (c !== d || b !== f) for (var k = 0; 11 > k; ++k) {
- e[k] = a(.1 * k, c, b);
- }return function (k) {
- if (c === d && b === f) return k;if (0 === k) return 0;if (1 === k) return 1;for (var h = 0, l = 1; 10 !== l && e[l] <= k; ++l) {
- h += .1;
- }--l;var l = h + (k - e[l]) / (e[l + 1] - e[l]) * .1,
- n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (.001 <= n) {
- for (h = 0; 4 > h; ++h) {
- n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (0 === n) break;var m = a(l, c, b) - k,
- l = l - m / n;
- }k = l;
- } else if (0 === n) k = l;else {
- var l = h,
- h = h + .1,
- g = 0;do {
- m = l + (h - l) / 2, n = a(m, c, b) - k, 0 < n ? h = m : l = m;
- } while (1e-7 < Math.abs(n) && 10 > ++g);k = m;
- }return a(k, d, f);
- };
- }
- };
- }(),
- Q = function () {
- function a(a, b) {
- return 0 === a || 1 === a ? a : -Math.pow(2, 10 * (a - 1)) * Math.sin(2 * (a - 1 - b / (2 * Math.PI) * Math.asin(1)) * Math.PI / b);
- }var c = "Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),
- d = { In: [[.55, .085, .68, .53], [.55, .055, .675, .19], [.895, .03, .685, .22], [.755, .05, .855, .06], [.47, 0, .745, .715], [.95, .05, .795, .035], [.6, .04, .98, .335], [.6, -.28, .735, .045], a], Out: [[.25, .46, .45, .94], [.215, .61, .355, 1], [.165, .84, .44, 1], [.23, 1, .32, 1], [.39, .575, .565, 1], [.19, 1, .22, 1], [.075, .82, .165, 1], [.175, .885, .32, 1.275], function (b, c) {
- return 1 - a(1 - b, c);
- }], InOut: [[.455, .03, .515, .955], [.645, .045, .355, 1], [.77, 0, .175, 1], [.86, 0, .07, 1], [.445, .05, .55, .95], [1, 0, 0, 1], [.785, .135, .15, .86], [.68, -.55, .265, 1.55], function (b, c) {
- return .5 > b ? a(2 * b, c) / 2 : 1 - a(-2 * b + 2, c) / 2;
- }] },
- b = { linear: A(.25, .25, .75, .75) },
- f = {},
- e;for (e in d) {
- f.type = e, d[f.type].forEach(function (a) {
- return function (d, f) {
- b["ease" + a.type + c[f]] = h.fnc(d) ? d : A.apply($jscomp$this, d);
- };
- }(f)), f = { type: f.type };
- }return b;
- }(),
- ha = { css: function (a, c, d) {
- return a.style[c] = d;
- }, attribute: function (a, c, d) {
- return a.setAttribute(c, d);
- }, object: function (a, c, d) {
- return a[c] = d;
- }, transform: function (a, c, d, b, f) {
- b[f] || (b[f] = []);b[f].push(c + "(" + d + ")");
- } },
- v = [],
- B = 0,
- ia = function () {
- function a() {
- B = requestAnimationFrame(c);
- }function c(c) {
- var b = v.length;if (b) {
- for (var d = 0; d < b;) {
- v[d] && v[d].tick(c), d++;
- }a();
- } else cancelAnimationFrame(B), B = 0;
- }return a;
- }();q.version = "2.2.0";q.speed = 1;q.running = v;q.remove = function (a) {
- a = P(a);for (var c = v.length; c--;) {
- for (var d = v[c], b = d.animations, f = b.length; f--;) {
- u(a, b[f].animatable.target) && (b.splice(f, 1), b.length || d.pause());
- }
- }
- };q.getValue = K;q.path = function (a, c) {
- var d = h.str(a) ? e(a)[0] : a,
- b = c || 100;return function (a) {
- return { el: d, property: a, totalLength: N(d) * (b / 100) };
- };
- };q.setDashoffset = function (a) {
- var c = N(a);a.setAttribute("stroke-dasharray", c);return c;
- };q.bezier = A;q.easings = Q;q.timeline = function (a) {
- var c = q(a);c.pause();c.duration = 0;c.add = function (d) {
- c.children.forEach(function (a) {
- a.began = !0;a.completed = !0;
- });m(d).forEach(function (b) {
- var d = z(b, D(S, a || {}));d.targets = d.targets || a.targets;b = c.duration;var e = d.offset;d.autoplay = !1;d.direction = c.direction;d.offset = h.und(e) ? b : L(e, b);c.began = !0;c.completed = !0;c.seek(d.offset);d = q(d);d.began = !0;d.completed = !0;d.duration > b && (c.duration = d.duration);c.children.push(d);
- });c.seek(0);c.reset();c.autoplay && c.restart();return c;
- };return c;
- };q.random = function (a, c) {
- return Math.floor(Math.random() * (c - a + 1)) + a;
- };return q;
-});
-;(function ($, anim) {
- 'use strict';
-
- var _defaults = {
- accordion: true,
- onOpenStart: undefined,
- onOpenEnd: undefined,
- onCloseStart: undefined,
- onCloseEnd: undefined,
- inDuration: 300,
- outDuration: 300
- };
-
- /**
- * @class
- *
- */
-
- var Collapsible = function (_Component) {
- _inherits(Collapsible, _Component);
-
- /**
- * Construct Collapsible instance
- * @constructor
- * @param {Element} el
- * @param {Object} options
- */
- function Collapsible(el, options) {
- _classCallCheck(this, Collapsible);
-
- var _this3 = _possibleConstructorReturn(this, (Collapsible.__proto__ || Object.getPrototypeOf(Collapsible)).call(this, Collapsible, el, options));
-
- _this3.el.M_Collapsible = _this3;
-
- /**
- * Options for the collapsible
- * @member Collapsible#options
- * @prop {Boolean} [accordion=false] - Type of the collapsible
- * @prop {Function} onOpenStart - Callback function called before collapsible is opened
- * @prop {Function} onOpenEnd - Callback function called after collapsible is opened
- * @prop {Function} onCloseStart - Callback function called before collapsible is closed
- * @prop {Function} onCloseEnd - Callback function called after collapsible is closed
- * @prop {Number} inDuration - Transition in duration in milliseconds.
- * @prop {Number} outDuration - Transition duration in milliseconds.
- */
- _this3.options = $.extend({}, Collapsible.defaults, options);
-
- // Setup tab indices
- _this3.$headers = _this3.$el.children('li').children('.collapsible-header');
- _this3.$headers.attr('tabindex', 0);
-
- _this3._setupEventHandlers();
-
- // Open first active
- var $activeBodies = _this3.$el.children('li.active').children('.collapsible-body');
- if (_this3.options.accordion) {
- // Handle Accordion
- $activeBodies.first().css('display', 'block');
- } else {
- // Handle Expandables
- $activeBodies.css('display', 'block');
- }
- return _this3;
- }
-
- _createClass(Collapsible, [{
- key: "destroy",
-
-
- /**
- * Teardown component
- */
- value: function destroy() {
- this._removeEventHandlers();
- this.el.M_Collapsible = undefined;
- }
-
- /**
- * Setup Event Handlers
- */
-
- }, {
- key: "_setupEventHandlers",
- value: function _setupEventHandlers() {
- var _this4 = this;
-
- this._handleCollapsibleClickBound = this._handleCollapsibleClick.bind(this);
- this._handleCollapsibleKeydownBound = this._handleCollapsibleKeydown.bind(this);
- this.el.addEventListener('click', this._handleCollapsibleClickBound);
- this.$headers.each(function (header) {
- header.addEventListener('keydown', _this4._handleCollapsibleKeydownBound);
- });
- }
-
- /**
- * Remove Event Handlers
- */
-
- }, {
- key: "_removeEventHandlers",
- value: function _removeEventHandlers() {
- var _this5 = this;
-
- this.el.removeEventListener('click', this._handleCollapsibleClickBound);
- this.$headers.each(function (header) {
- header.removeEventListener('keydown', _this5._handleCollapsibleKeydownBound);
- });
- }
-
- /**
- * Handle Collapsible Click
- * @param {Event} e
- */
-
- }, {
- key: "_handleCollapsibleClick",
- value: function _handleCollapsibleClick(e) {
- var $header = $(e.target).closest('.collapsible-header');
- if (e.target && $header.length) {
- var $collapsible = $header.closest('.collapsible');
- if ($collapsible[0] === this.el) {
- var $collapsibleLi = $header.closest('li');
- var $collapsibleLis = $collapsible.children('li');
- var isActive = $collapsibleLi[0].classList.contains('active');
- var index = $collapsibleLis.index($collapsibleLi);
-
- if (isActive) {
- this.close(index);
- } else {
- this.open(index);
- }
- }
- }
- }
-
- /**
- * Handle Collapsible Keydown
- * @param {Event} e
- */
-
- }, {
- key: "_handleCollapsibleKeydown",
- value: function _handleCollapsibleKeydown(e) {
- if (e.keyCode === 13) {
- this._handleCollapsibleClickBound(e);
- }
- }
-
- /**
- * Animate in collapsible slide
- * @param {Number} index - 0th index of slide
- */
-
- }, {
- key: "_animateIn",
- value: function _animateIn(index) {
- var _this6 = this;
-
- var $collapsibleLi = this.$el.children('li').eq(index);
- if ($collapsibleLi.length) {
- var $body = $collapsibleLi.children('.collapsible-body');
-
- anim.remove($body[0]);
- $body.css({
- display: 'block',
- overflow: 'hidden',
- height: 0,
- paddingTop: '',
- paddingBottom: ''
- });
-
- var pTop = $body.css('padding-top');
- var pBottom = $body.css('padding-bottom');
- var finalHeight = $body[0].scrollHeight;
- $body.css({
- paddingTop: 0,
- paddingBottom: 0
- });
-
- anim({
- targets: $body[0],
- height: finalHeight,
- paddingTop: pTop,
- paddingBottom: pBottom,
- duration: this.options.inDuration,
- easing: 'easeInOutCubic',
- complete: function (anim) {
- $body.css({
- overflow: '',
- paddingTop: '',
- paddingBottom: '',
- height: ''
- });
-
- // onOpenEnd callback
- if (typeof _this6.options.onOpenEnd === 'function') {
- _this6.options.onOpenEnd.call(_this6, $collapsibleLi[0]);
- }
- }
- });
- }
- }
-
- /**
- * Animate out collapsible slide
- * @param {Number} index - 0th index of slide to open
- */
-
- }, {
- key: "_animateOut",
- value: function _animateOut(index) {
- var _this7 = this;
-
- var $collapsibleLi = this.$el.children('li').eq(index);
- if ($collapsibleLi.length) {
- var $body = $collapsibleLi.children('.collapsible-body');
- anim.remove($body[0]);
- $body.css('overflow', 'hidden');
- anim({
- targets: $body[0],
- height: 0,
- paddingTop: 0,
- paddingBottom: 0,
- duration: this.options.outDuration,
- easing: 'easeInOutCubic',
- complete: function () {
- $body.css({
- height: '',
- overflow: '',
- padding: '',
- display: ''
- });
-
- // onCloseEnd callback
- if (typeof _this7.options.onCloseEnd === 'function') {
- _this7.options.onCloseEnd.call(_this7, $collapsibleLi[0]);
- }
- }
- });
- }
- }
-
- /**
- * Open Collapsible
- * @param {Number} index - 0th index of slide
- */
-
- }, {
- key: "open",
- value: function open(index) {
- var _this8 = this;
-
- var $collapsibleLi = this.$el.children('li').eq(index);
- if ($collapsibleLi.length && !$collapsibleLi[0].classList.contains('active')) {
- // onOpenStart callback
- if (typeof this.options.onOpenStart === 'function') {
- this.options.onOpenStart.call(this, $collapsibleLi[0]);
- }
-
- // Handle accordion behavior
- if (this.options.accordion) {
- var $collapsibleLis = this.$el.children('li');
- var $activeLis = this.$el.children('li.active');
- $activeLis.each(function (el) {
- var index = $collapsibleLis.index($(el));
- _this8.close(index);
- });
- }
-
- // Animate in
- $collapsibleLi[0].classList.add('active');
- this._animateIn(index);
- }
- }
-
- /**
- * Close Collapsible
- * @param {Number} index - 0th index of slide
- */
-
- }, {
- key: "close",
- value: function close(index) {
- var $collapsibleLi = this.$el.children('li').eq(index);
- if ($collapsibleLi.length && $collapsibleLi[0].classList.contains('active')) {
- // onCloseStart callback
- if (typeof this.options.onCloseStart === 'function') {
- this.options.onCloseStart.call(this, $collapsibleLi[0]);
- }
-
- // Animate out
- $collapsibleLi[0].classList.remove('active');
- this._animateOut(index);
- }
- }
- }], [{
- key: "init",
- value: function init(els, options) {
- return _get(Collapsible.__proto__ || Object.getPrototypeOf(Collapsible), "init", this).call(this, this, els, options);
- }
-
- /**
- * Get Instance
- */
-
- }, {
- key: "getInstance",
- value: function getInstance(el) {
- var domElem = !!el.jquery ? el[0] : el;
- return domElem.M_Collapsible;
- }
- }, {
- key: "defaults",
- get: function () {
- return _defaults;
- }
- }]);
-
- return Collapsible;
- }(Component);
-
- M.Collapsible = Collapsible;
-
- if (M.jQueryLoaded) {
- M.initializeJqueryWrapper(Collapsible, 'collapsible', 'M_Collapsible');
- }
-})(cash, M.anime);
-;(function ($, anim) {
- 'use strict';
-
- var _defaults = {
- alignment: 'left',
- autoFocus: true,
- constrainWidth: true,
- container: null,
- coverTrigger: true,
- closeOnClick: true,
- hover: false,
- inDuration: 150,
- outDuration: 250,
- onOpenStart: null,
- onOpenEnd: null,
- onCloseStart: null,
- onCloseEnd: null,
- onItemClick: null
- };
-
- /**
- * @class
- */
-
- var Dropdown = function (_Component2) {
- _inherits(Dropdown, _Component2);
-
- function Dropdown(el, options) {
- _classCallCheck(this, Dropdown);
-
- var _this9 = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, Dropdown, el, options));
-
- _this9.el.M_Dropdown = _this9;
- Dropdown._dropdowns.push(_this9);
-
- _this9.id = M.getIdFromTrigger(el);
- _this9.dropdownEl = document.getElementById(_this9.id);
- _this9.$dropdownEl = $(_this9.dropdownEl);
-
- /**
- * Options for the dropdown
- * @member Dropdown#options
- * @prop {String} [alignment='left'] - Edge which the dropdown is aligned to
- * @prop {Boolean} [autoFocus=true] - Automatically focus dropdown el for keyboard
- * @prop {Boolean} [constrainWidth=true] - Constrain width to width of the button
- * @prop {Element} container - Container element to attach dropdown to (optional)
- * @prop {Boolean} [coverTrigger=true] - Place dropdown over trigger
- * @prop {Boolean} [closeOnClick=true] - Close on click of dropdown item
- * @prop {Boolean} [hover=false] - Open dropdown on hover
- * @prop {Number} [inDuration=150] - Duration of open animation in ms
- * @prop {Number} [outDuration=250] - Duration of close animation in ms
- * @prop {Function} onOpenStart - Function called when dropdown starts opening
- * @prop {Function} onOpenEnd - Function called when dropdown finishes opening
- * @prop {Function} onCloseStart - Function called when dropdown starts closing
- * @prop {Function} onCloseEnd - Function called when dropdown finishes closing
- */
- _this9.options = $.extend({}, Dropdown.defaults, options);
-
- /**
- * Describes open/close state of dropdown
- * @type {Boolean}
- */
- _this9.isOpen = false;
-
- /**
- * Describes if dropdown content is scrollable
- * @type {Boolean}
- */
- _this9.isScrollable = false;
-
- /**
- * Describes if touch moving on dropdown content
- * @type {Boolean}
- */
- _this9.isTouchMoving = false;
-
- _this9.focusedIndex = -1;
- _this9.filterQuery = [];
-
- // Move dropdown-content after dropdown-trigger
- if (!!_this9.options.container) {
- $(_this9.options.container).append(_this9.dropdownEl);
- } else {
- _this9.$el.after(_this9.dropdownEl);
- }
-
- _this9._makeDropdownFocusable();
- _this9._resetFilterQueryBound = _this9._resetFilterQuery.bind(_this9);
- _this9._handleDocumentClickBound = _this9._handleDocumentClick.bind(_this9);
- _this9._handleDocumentTouchmoveBound = _this9._handleDocumentTouchmove.bind(_this9);
- _this9._handleDropdownClickBound = _this9._handleDropdownClick.bind(_this9);
- _this9._handleDropdownKeydownBound = _this9._handleDropdownKeydown.bind(_this9);
- _this9._handleTriggerKeydownBound = _this9._handleTriggerKeydown.bind(_this9);
- _this9._setupEventHandlers();
- return _this9;
- }
-
- _createClass(Dropdown, [{
- key: "destroy",
-
-
- /**
- * Teardown component
- */
- value: function destroy() {
- this._resetDropdownStyles();
- this._removeEventHandlers();
- Dropdown._dropdowns.splice(Dropdown._dropdowns.indexOf(this), 1);
- this.el.M_Dropdown = undefined;
- }
-
- /**
- * Setup Event Handlers
- */
-
- }, {
- key: "_setupEventHandlers",
- value: function _setupEventHandlers() {
- // Trigger keydown handler
- this.el.addEventListener('keydown', this._handleTriggerKeydownBound);
-
- // Item click handler
- this.dropdownEl.addEventListener('click', this._handleDropdownClickBound);
-
- // Hover event handlers
- if (this.options.hover) {
- this._handleMouseEnterBound = this._handleMouseEnter.bind(this);
- this.el.addEventListener('mouseenter', this._handleMouseEnterBound);
- this._handleMouseLeaveBound = this._handleMouseLeave.bind(this);
- this.el.addEventListener('mouseleave', this._handleMouseLeaveBound);
- this.dropdownEl.addEventListener('mouseleave', this._handleMouseLeaveBound);
-
- // Click event handlers
- } else {
- this._handleClickBound = this._handleClick.bind(this);
- this.el.addEventListener('click', this._handleClickBound);
- }
- }
-
- /**
- * Remove Event Handlers
- */
-
- }, {
- key: "_removeEventHandlers",
- value: function _removeEventHandlers() {
- this.el.removeEventListener('keydown', this._handleTriggerKeydownBound);
- this.dropdownEl.removeEventListener('click', this._handleDropdownClickBound);
-
- if (this.options.hover) {
- this.el.removeEventListener('mouseenter', this._handleMouseEnterBound);
- this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound);
- this.dropdownEl.removeEventListener('mouseleave', this._handleMouseLeaveBound);
- } else {
- this.el.removeEventListener('click', this._handleClickBound);
- }
- }
- }, {
- key: "_setupTemporaryEventHandlers",
- value: function _setupTemporaryEventHandlers() {
- // Use capture phase event handler to prevent click
- document.body.addEventListener('click', this._handleDocumentClickBound, true);
- document.body.addEventListener('touchend', this._handleDocumentClickBound);
- document.body.addEventListener('touchmove', this._handleDocumentTouchmoveBound);
- this.dropdownEl.addEventListener('keydown', this._handleDropdownKeydownBound);
- }
- }, {
- key: "_removeTemporaryEventHandlers",
- value: function _removeTemporaryEventHandlers() {
- // Use capture phase event handler to prevent click
- document.body.removeEventListener('click', this._handleDocumentClickBound, true);
- document.body.removeEventListener('touchend', this._handleDocumentClickBound);
- document.body.removeEventListener('touchmove', this._handleDocumentTouchmoveBound);
- this.dropdownEl.removeEventListener('keydown', this._handleDropdownKeydownBound);
- }
- }, {
- key: "_handleClick",
- value: function _handleClick(e) {
- e.preventDefault();
- this.open();
- }
- }, {
- key: "_handleMouseEnter",
- value: function _handleMouseEnter() {
- this.open();
- }
- }, {
- key: "_handleMouseLeave",
- value: function _handleMouseLeave(e) {
- var toEl = e.toElement || e.relatedTarget;
- var leaveToDropdownContent = !!$(toEl).closest('.dropdown-content').length;
- var leaveToActiveDropdownTrigger = false;
-
- var $closestTrigger = $(toEl).closest('.dropdown-trigger');
- if ($closestTrigger.length && !!$closestTrigger[0].M_Dropdown && $closestTrigger[0].M_Dropdown.isOpen) {
- leaveToActiveDropdownTrigger = true;
- }
-
- // Close hover dropdown if mouse did not leave to either active dropdown-trigger or dropdown-content
- if (!leaveToActiveDropdownTrigger && !leaveToDropdownContent) {
- this.close();
- }
- }
- }, {
- key: "_handleDocumentClick",
- value: function _handleDocumentClick(e) {
- var _this10 = this;
-
- var $target = $(e.target);
- if (this.options.closeOnClick && $target.closest('.dropdown-content').length && !this.isTouchMoving) {
- // isTouchMoving to check if scrolling on mobile.
- setTimeout(function () {
- _this10.close();
- }, 0);
- } else if ($target.closest('.dropdown-trigger').length || !$target.closest('.dropdown-content').length) {
- setTimeout(function () {
- _this10.close();
- }, 0);
- }
- this.isTouchMoving = false;
- }
- }, {
- key: "_handleTriggerKeydown",
- value: function _handleTriggerKeydown(e) {
- // ARROW DOWN OR ENTER WHEN SELECT IS CLOSED - open Dropdown
- if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ENTER) && !this.isOpen) {
- e.preventDefault();
- this.open();
- }
- }
-
- /**
- * Handle Document Touchmove
- * @param {Event} e
- */
-
- }, {
- key: "_handleDocumentTouchmove",
- value: function _handleDocumentTouchmove(e) {
- var $target = $(e.target);
- if ($target.closest('.dropdown-content').length) {
- this.isTouchMoving = true;
- }
- }
-
- /**
- * Handle Dropdown Click
- * @param {Event} e
- */
-
- }, {
- key: "_handleDropdownClick",
- value: function _handleDropdownClick(e) {
- // onItemClick callback
- if (typeof this.options.onItemClick === 'function') {
- var itemEl = $(e.target).closest('li')[0];
- this.options.onItemClick.call(this, itemEl);
- }
- }
-
- /**
- * Handle Dropdown Keydown
- * @param {Event} e
- */
-
- }, {
- key: "_handleDropdownKeydown",
- value: function _handleDropdownKeydown(e) {
- if (e.which === M.keys.TAB) {
- e.preventDefault();
- this.close();
-
- // Navigate down dropdown list
- } else if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) && this.isOpen) {
- e.preventDefault();
- var direction = e.which === M.keys.ARROW_DOWN ? 1 : -1;
- var newFocusedIndex = this.focusedIndex;
- var foundNewIndex = false;
- do {
- newFocusedIndex = newFocusedIndex + direction;
-
- if (!!this.dropdownEl.children[newFocusedIndex] && this.dropdownEl.children[newFocusedIndex].tabIndex !== -1) {
- foundNewIndex = true;
- break;
- }
- } while (newFocusedIndex < this.dropdownEl.children.length && newFocusedIndex >= 0);
-
- if (foundNewIndex) {
- this.focusedIndex = newFocusedIndex;
- this._focusFocusedItem();
- }
-
- // ENTER selects choice on focused item
- } else if (e.which === M.keys.ENTER && this.isOpen) {
- // Search for
and
- 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 = $('
');
- _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 = $('
').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 = $('
').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 = $('
');
- 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 = $('
');
- $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 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._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._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.} 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._elements = [];
-
- /**
- * @static
- * @memberof ScrollSpy
- * @type {Array.}
- */
- ScrollSpy._elementsInView = [];
-
- /**
- * @static
- * @memberof ScrollSpy
- * @type {Array.}
- */
- 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("" + beforeMatch + "" + matchText + " " + afterMatch + " ");
- 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 = $('" + _entry.key + " ");
- } else {
- $autocompleteOption.append('' + _entry.key + ' ');
- }
-
- $(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 = $('
');
- $('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, '
');
- 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 '" + ("" + opts.day + " ") + ' ';
- }
- }, {
- key: "renderRow",
- value: function renderRow(days, isRTL, isRowSelected) {
- return '' + (isRTL ? days.reverse() : days).join('') + ' ';
- }
- }, {
- key: "renderTable",
- value: function renderTable(opts, data, randId) {
- return '' + this.renderHead(opts) + this.renderBody(data) + '
" + this.renderDayName(opts, i, true) + " ' + (opts.isRTL ? arr.reverse() : arr).join('') + ' ' + rows.join('') + ' ';
- }
- }, {
- 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 = '',
- monthHtml = void 0,
- yearHtml = void 0,
- prev = true,
- next = true;
-
- for (arr = [], i = 0; i < 12; i++) {
- arr.push('
opts.maxMonth ? 'disabled="disabled"' : '') + '>' + opts.i18n.months[i] + ' ');
- }
-
- monthHtml = '
' + arr.join('') + ' ';
-
- 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("
" + i + " ");
- }
- }
-
- yearHtml = "
" + arr.join('') + " ";
-
- var leftArrow = '
';
- html += "
" + leftArrow + " ";
-
- html += '
';
- if (opts.showMonthAfterYear) {
- html += yearHtml + monthHtml;
- } else {
- html += monthHtml + yearHtml;
- }
- html += '
';
-
- if (isMinYear && (month === 0 || opts.minMonth >= month)) {
- prev = false;
- }
-
- if (isMaxYear && (month === 11 || opts.maxMonth <= month)) {
- next = false;
- }
-
- var rightArrow = '
';
- html += "
" + rightArrow + " ";
-
- return html += '
" + this.options.i18n.clear + " ").appendTo(this.footer).on('click', this.clear.bind(this));
- if (this.options.showClearBtn) {
- $clearBtn.css({ visibility: '' });
- }
-
- var confirmationBtnsContainer = $('
');
- $('' + this.options.i18n.cancel + ' ').appendTo(confirmationBtnsContainer).on('click', this.close.bind(this));
- $('' + this.options.i18n.done + ' ').appendTo(confirmationBtnsContainer).on('click', this.done.bind(this));
- confirmationBtnsContainer.appendTo(this.footer);
- }
- }, {
- key: "_clockSetup",
- value: function _clockSetup() {
- if (this.options.twelveHour) {
- this.$amBtn = $('AM
');
- this.$pmBtn = $('PM
');
- 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 = $('
');
- // 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 = $('
');
- // 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 = ['', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
', '
' + el.getAttribute('label') + ' " + option.innerHTML + " /,p=/^\w+$/;function v(t,e){e=e||o;var i=u.test(t)?e.getElementsByClassName(t.slice(1)):p.test(t)?e.getElementsByTagName(t):e.querySelectorAll(t);return i}function f(t){if(!i){var e=(i=o.implementation.createHTMLDocument(null)).createElement("base");e.href=o.location.href,i.head.appendChild(e)}return i.body.innerHTML=t,i.body.childNodes}function m(t){"loading"!==o.readyState?t():o.addEventListener("DOMContentLoaded",t)}function g(t,e){if(!t)return this;if(t.cash&&t!==a)return t;var i,n=t,s=0;if(d(t))n=l.test(t)?o.getElementById(t.slice(1)):c.test(t)?f(t):v(t,e);else if(h(t))return m(t),this;if(!n)return this;if(n.nodeType||n===a)this[0]=n,this.length=1;else for(i=this.length=n.length;ss.right-i||l+e.width>window.innerWidth-i)&&(n.right=!0),(ho-i||h+e.height>window.innerHeight-i)&&(n.bottom=!0),n},M.checkPossibleAlignments=function(t,e,i,n){var s={top:!0,right:!0,bottom:!0,left:!0,spaceOnTop:null,spaceOnRight:null,spaceOnBottom:null,spaceOnLeft:null},o="visible"===getComputedStyle(e).overflow,a=e.getBoundingClientRect(),r=Math.min(a.height,window.innerHeight),l=Math.min(a.width,window.innerWidth),h=t.getBoundingClientRect(),d=e.scrollLeft,u=e.scrollTop,c=i.left-d,p=i.top-u,v=i.top+h.height-u;return s.spaceOnRight=o?window.innerWidth-(h.left+i.width):l-(c+i.width),s.spaceOnRight<0&&(s.left=!1),s.spaceOnLeft=o?h.right-i.width:c-i.width+h.width,s.spaceOnLeft<0&&(s.right=!1),s.spaceOnBottom=o?window.innerHeight-(h.top+i.height+n):r-(p+i.height+n),s.spaceOnBottom<0&&(s.top=!1),s.spaceOnTop=o?h.bottom-(i.height+n):v-(i.height-n),s.spaceOnTop<0&&(s.bottom=!1),s},M.getOverflowParent=function(t){return null==t?null:t===document.body||"visible"!==getComputedStyle(t).overflow?t:M.getOverflowParent(t.parentElement)},M.getIdFromTrigger=function(t){var e=t.getAttribute("data-target");return e||(e=(e=t.getAttribute("href"))?e.slice(1):""),e},M.getDocumentScrollTop=function(){return window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0},M.getDocumentScrollLeft=function(){return window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0};var getTime=Date.now||function(){return(new Date).getTime()};M.throttle=function(i,n,s){var o=void 0,a=void 0,r=void 0,l=null,h=0;s||(s={});var d=function(){h=!1===s.leading?0:getTime(),l=null,r=i.apply(o,a),o=a=null};return function(){var t=getTime();h||!1!==s.leading||(h=t);var e=n-(t-h);return o=this,a=arguments,e<=0?(clearTimeout(l),l=null,h=t,r=i.apply(o,a),o=a=null):l||!1===s.trailing||(l=setTimeout(d,e)),r}};var $jscomp={scope:{}};$jscomp.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(t,e,i){if(i.get||i.set)throw new TypeError("ES3 does not support getters and setters.");t!=Array.prototype&&t!=Object.prototype&&(t[e]=i.value)},$jscomp.getGlobal=function(t){return"undefined"!=typeof window&&window===t?t:"undefined"!=typeof global&&null!=global?global:t},$jscomp.global=$jscomp.getGlobal(this),$jscomp.SYMBOL_PREFIX="jscomp_symbol_",$jscomp.initSymbol=function(){$jscomp.initSymbol=function(){},$jscomp.global.Symbol||($jscomp.global.Symbol=$jscomp.Symbol)},$jscomp.symbolCounter_=0,$jscomp.Symbol=function(t){return $jscomp.SYMBOL_PREFIX+(t||"")+$jscomp.symbolCounter_++},$jscomp.initSymbolIterator=function(){$jscomp.initSymbol();var t=$jscomp.global.Symbol.iterator;t||(t=$jscomp.global.Symbol.iterator=$jscomp.global.Symbol("iterator")),"function"!=typeof Array.prototype[t]&&$jscomp.defineProperty(Array.prototype,t,{configurable:!0,writable:!0,value:function(){return $jscomp.arrayIterator(this)}}),$jscomp.initSymbolIterator=function(){}},$jscomp.arrayIterator=function(t){var e=0;return $jscomp.iteratorPrototype(function(){return e=k.currentTime)for(var h=0;ht&&(s.duration=e.duration),s.children.push(e)}),s.seek(0),s.reset(),s.autoplay&&s.restart(),s},s},O.random=function(t,e){return Math.floor(Math.random()*(e-t+1))+t},O}(),function(r,l){"use strict";var e={accordion:!0,onOpenStart:void 0,onOpenEnd:void 0,onCloseStart:void 0,onCloseEnd:void 0,inDuration:300,outDuration:300},t=function(t){function s(t,e){_classCallCheck(this,s);var i=_possibleConstructorReturn(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,s,t,e));(i.el.M_Collapsible=i).options=r.extend({},s.defaults,e),i.$headers=i.$el.children("li").children(".collapsible-header"),i.$headers.attr("tabindex",0),i._setupEventHandlers();var n=i.$el.children("li.active").children(".collapsible-body");return i.options.accordion?n.first().css("display","block"):n.css("display","block"),i}return _inherits(s,Component),_createClass(s,[{key:"destroy",value:function(){this._removeEventHandlers(),this.el.M_Collapsible=void 0}},{key:"_setupEventHandlers",value:function(){var e=this;this._handleCollapsibleClickBound=this._handleCollapsibleClick.bind(this),this._handleCollapsibleKeydownBound=this._handleCollapsibleKeydown.bind(this),this.el.addEventListener("click",this._handleCollapsibleClickBound),this.$headers.each(function(t){t.addEventListener("keydown",e._handleCollapsibleKeydownBound)})}},{key:"_removeEventHandlers",value:function(){var e=this;this.el.removeEventListener("click",this._handleCollapsibleClickBound),this.$headers.each(function(t){t.removeEventListener("keydown",e._handleCollapsibleKeydownBound)})}},{key:"_handleCollapsibleClick",value:function(t){var e=r(t.target).closest(".collapsible-header");if(t.target&&e.length){var i=e.closest(".collapsible");if(i[0]===this.el){var n=e.closest("li"),s=i.children("li"),o=n[0].classList.contains("active"),a=s.index(n);o?this.close(a):this.open(a)}}}},{key:"_handleCollapsibleKeydown",value:function(t){13===t.keyCode&&this._handleCollapsibleClickBound(t)}},{key:"_animateIn",value:function(t){var e=this,i=this.$el.children("li").eq(t);if(i.length){var n=i.children(".collapsible-body");l.remove(n[0]),n.css({display:"block",overflow:"hidden",height:0,paddingTop:"",paddingBottom:""});var s=n.css("padding-top"),o=n.css("padding-bottom"),a=n[0].scrollHeight;n.css({paddingTop:0,paddingBottom:0}),l({targets:n[0],height:a,paddingTop:s,paddingBottom:o,duration:this.options.inDuration,easing:"easeInOutCubic",complete:function(t){n.css({overflow:"",paddingTop:"",paddingBottom:"",height:""}),"function"==typeof e.options.onOpenEnd&&e.options.onOpenEnd.call(e,i[0])}})}}},{key:"_animateOut",value:function(t){var e=this,i=this.$el.children("li").eq(t);if(i.length){var n=i.children(".collapsible-body");l.remove(n[0]),n.css("overflow","hidden"),l({targets:n[0],height:0,paddingTop:0,paddingBottom:0,duration:this.options.outDuration,easing:"easeInOutCubic",complete:function(){n.css({height:"",overflow:"",padding:"",display:""}),"function"==typeof e.options.onCloseEnd&&e.options.onCloseEnd.call(e,i[0])}})}}},{key:"open",value:function(t){var i=this,e=this.$el.children("li").eq(t);if(e.length&&!e[0].classList.contains("active")){if("function"==typeof this.options.onOpenStart&&this.options.onOpenStart.call(this,e[0]),this.options.accordion){var n=this.$el.children("li");this.$el.children("li.active").each(function(t){var e=n.index(r(t));i.close(e)})}e[0].classList.add("active"),this._animateIn(t)}}},{key:"close",value:function(t){var e=this.$el.children("li").eq(t);e.length&&e[0].classList.contains("active")&&("function"==typeof this.options.onCloseStart&&this.options.onCloseStart.call(this,e[0]),e[0].classList.remove("active"),this._animateOut(t))}}],[{key:"init",value:function(t,e){return _get(s.__proto__||Object.getPrototypeOf(s),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Collapsible}},{key:"defaults",get:function(){return e}}]),s}();M.Collapsible=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"collapsible","M_Collapsible")}(cash,M.anime),function(h,i){"use strict";var e={alignment:"left",autoFocus:!0,constrainWidth:!0,container:null,coverTrigger:!0,closeOnClick:!0,hover:!1,inDuration:150,outDuration:250,onOpenStart:null,onOpenEnd:null,onCloseStart:null,onCloseEnd:null,onItemClick:null},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return i.el.M_Dropdown=i,n._dropdowns.push(i),i.id=M.getIdFromTrigger(t),i.dropdownEl=document.getElementById(i.id),i.$dropdownEl=h(i.dropdownEl),i.options=h.extend({},n.defaults,e),i.isOpen=!1,i.isScrollable=!1,i.isTouchMoving=!1,i.focusedIndex=-1,i.filterQuery=[],i.options.container?h(i.options.container).append(i.dropdownEl):i.$el.after(i.dropdownEl),i._makeDropdownFocusable(),i._resetFilterQueryBound=i._resetFilterQuery.bind(i),i._handleDocumentClickBound=i._handleDocumentClick.bind(i),i._handleDocumentTouchmoveBound=i._handleDocumentTouchmove.bind(i),i._handleDropdownClickBound=i._handleDropdownClick.bind(i),i._handleDropdownKeydownBound=i._handleDropdownKeydown.bind(i),i._handleTriggerKeydownBound=i._handleTriggerKeydown.bind(i),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._resetDropdownStyles(),this._removeEventHandlers(),n._dropdowns.splice(n._dropdowns.indexOf(this),1),this.el.M_Dropdown=void 0}},{key:"_setupEventHandlers",value:function(){this.el.addEventListener("keydown",this._handleTriggerKeydownBound),this.dropdownEl.addEventListener("click",this._handleDropdownClickBound),this.options.hover?(this._handleMouseEnterBound=this._handleMouseEnter.bind(this),this.el.addEventListener("mouseenter",this._handleMouseEnterBound),this._handleMouseLeaveBound=this._handleMouseLeave.bind(this),this.el.addEventListener("mouseleave",this._handleMouseLeaveBound),this.dropdownEl.addEventListener("mouseleave",this._handleMouseLeaveBound)):(this._handleClickBound=this._handleClick.bind(this),this.el.addEventListener("click",this._handleClickBound))}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("keydown",this._handleTriggerKeydownBound),this.dropdownEl.removeEventListener("click",this._handleDropdownClickBound),this.options.hover?(this.el.removeEventListener("mouseenter",this._handleMouseEnterBound),this.el.removeEventListener("mouseleave",this._handleMouseLeaveBound),this.dropdownEl.removeEventListener("mouseleave",this._handleMouseLeaveBound)):this.el.removeEventListener("click",this._handleClickBound)}},{key:"_setupTemporaryEventHandlers",value:function(){document.body.addEventListener("click",this._handleDocumentClickBound,!0),document.body.addEventListener("touchend",this._handleDocumentClickBound),document.body.addEventListener("touchmove",this._handleDocumentTouchmoveBound),this.dropdownEl.addEventListener("keydown",this._handleDropdownKeydownBound)}},{key:"_removeTemporaryEventHandlers",value:function(){document.body.removeEventListener("click",this._handleDocumentClickBound,!0),document.body.removeEventListener("touchend",this._handleDocumentClickBound),document.body.removeEventListener("touchmove",this._handleDocumentTouchmoveBound),this.dropdownEl.removeEventListener("keydown",this._handleDropdownKeydownBound)}},{key:"_handleClick",value:function(t){t.preventDefault(),this.open()}},{key:"_handleMouseEnter",value:function(){this.open()}},{key:"_handleMouseLeave",value:function(t){var e=t.toElement||t.relatedTarget,i=!!h(e).closest(".dropdown-content").length,n=!1,s=h(e).closest(".dropdown-trigger");s.length&&s[0].M_Dropdown&&s[0].M_Dropdown.isOpen&&(n=!0),n||i||this.close()}},{key:"_handleDocumentClick",value:function(t){var e=this,i=h(t.target);this.options.closeOnClick&&i.closest(".dropdown-content").length&&!this.isTouchMoving?setTimeout(function(){e.close()},0):!i.closest(".dropdown-trigger").length&&i.closest(".dropdown-content").length||setTimeout(function(){e.close()},0),this.isTouchMoving=!1}},{key:"_handleTriggerKeydown",value:function(t){t.which!==M.keys.ARROW_DOWN&&t.which!==M.keys.ENTER||this.isOpen||(t.preventDefault(),this.open())}},{key:"_handleDocumentTouchmove",value:function(t){h(t.target).closest(".dropdown-content").length&&(this.isTouchMoving=!0)}},{key:"_handleDropdownClick",value:function(t){if("function"==typeof this.options.onItemClick){var e=h(t.target).closest("li")[0];this.options.onItemClick.call(this,e)}}},{key:"_handleDropdownKeydown",value:function(t){if(t.which===M.keys.TAB)t.preventDefault(),this.close();else if(t.which!==M.keys.ARROW_DOWN&&t.which!==M.keys.ARROW_UP||!this.isOpen)if(t.which===M.keys.ENTER&&this.isOpen){var e=this.dropdownEl.children[this.focusedIndex],i=h(e).find("a, button").first();i.length?i[0].click():e&&e.click()}else t.which===M.keys.ESC&&this.isOpen&&(t.preventDefault(),this.close());else{t.preventDefault();var n=t.which===M.keys.ARROW_DOWN?1:-1,s=this.focusedIndex,o=!1;do{if(s+=n,this.dropdownEl.children[s]&&-1!==this.dropdownEl.children[s].tabIndex){o=!0;break}}while(sl.spaceOnBottom?(h="bottom",i+=l.spaceOnTop,o-=l.spaceOnTop):i+=l.spaceOnBottom)),!l[d]){var u="left"===d?"right":"left";l[u]?d=u:l.spaceOnLeft>l.spaceOnRight?(d="right",n+=l.spaceOnLeft,s-=l.spaceOnLeft):(d="left",n+=l.spaceOnRight)}return"bottom"===h&&(o=o-e.height+(this.options.coverTrigger?t.height:0)),"right"===d&&(s=s-e.width+t.width),{x:s,y:o,verticalAlignment:h,horizontalAlignment:d,height:i,width:n}}},{key:"_animateIn",value:function(){var e=this;i.remove(this.dropdownEl),i({targets:this.dropdownEl,opacity:{value:[0,1],easing:"easeOutQuad"},scaleX:[.3,1],scaleY:[.3,1],duration:this.options.inDuration,easing:"easeOutQuint",complete:function(t){e.options.autoFocus&&e.dropdownEl.focus(),"function"==typeof e.options.onOpenEnd&&e.options.onOpenEnd.call(e,e.el)}})}},{key:"_animateOut",value:function(){var e=this;i.remove(this.dropdownEl),i({targets:this.dropdownEl,opacity:{value:0,easing:"easeOutQuint"},scaleX:.3,scaleY:.3,duration:this.options.outDuration,easing:"easeOutQuint",complete:function(t){e._resetDropdownStyles(),"function"==typeof e.options.onCloseEnd&&e.options.onCloseEnd.call(e,e.el)}})}},{key:"_placeDropdown",value:function(){var t=this.options.constrainWidth?this.el.getBoundingClientRect().width:this.dropdownEl.getBoundingClientRect().width;this.dropdownEl.style.width=t+"px";var e=this._getDropdownPosition();this.dropdownEl.style.left=e.x+"px",this.dropdownEl.style.top=e.y+"px",this.dropdownEl.style.height=e.height+"px",this.dropdownEl.style.width=e.width+"px",this.dropdownEl.style.transformOrigin=("left"===e.horizontalAlignment?"0":"100%")+" "+("top"===e.verticalAlignment?"0":"100%")}},{key:"open",value:function(){this.isOpen||(this.isOpen=!0,"function"==typeof this.options.onOpenStart&&this.options.onOpenStart.call(this,this.el),this._resetDropdownStyles(),this.dropdownEl.style.display="block",this._placeDropdown(),this._animateIn(),this._setupTemporaryEventHandlers())}},{key:"close",value:function(){this.isOpen&&(this.isOpen=!1,this.focusedIndex=-1,"function"==typeof this.options.onCloseStart&&this.options.onCloseStart.call(this,this.el),this._animateOut(),this._removeTemporaryEventHandlers(),this.options.autoFocus&&this.el.focus())}},{key:"recalculateDimensions",value:function(){this.isOpen&&(this.$dropdownEl.css({width:"",height:"",left:"",top:"","transform-origin":""}),this._placeDropdown())}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Dropdown}},{key:"defaults",get:function(){return e}}]),n}();t._dropdowns=[],M.Dropdown=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"dropdown","M_Dropdown")}(cash,M.anime),function(s,i){"use strict";var e={opacity:.5,inDuration:250,outDuration:250,onOpenStart:null,onOpenEnd:null,onCloseStart:null,onCloseEnd:null,preventScrolling:!0,dismissible:!0,startingTop:"4%",endingTop:"10%"},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Modal=i).options=s.extend({},n.defaults,e),i.isOpen=!1,i.id=i.$el.attr("id"),i._openingTrigger=void 0,i.$overlay=s('
'),i.el.tabIndex=0,i._nthModalOpened=0,n._count++,i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){n._count--,this._removeEventHandlers(),this.el.removeAttribute("style"),this.$overlay.remove(),this.el.M_Modal=void 0}},{key:"_setupEventHandlers",value:function(){this._handleOverlayClickBound=this._handleOverlayClick.bind(this),this._handleModalCloseClickBound=this._handleModalCloseClick.bind(this),1===n._count&&document.body.addEventListener("click",this._handleTriggerClick),this.$overlay[0].addEventListener("click",this._handleOverlayClickBound),this.el.addEventListener("click",this._handleModalCloseClickBound)}},{key:"_removeEventHandlers",value:function(){0===n._count&&document.body.removeEventListener("click",this._handleTriggerClick),this.$overlay[0].removeEventListener("click",this._handleOverlayClickBound),this.el.removeEventListener("click",this._handleModalCloseClickBound)}},{key:"_handleTriggerClick",value:function(t){var e=s(t.target).closest(".modal-trigger");if(e.length){var i=M.getIdFromTrigger(e[0]),n=document.getElementById(i).M_Modal;n&&n.open(e),t.preventDefault()}}},{key:"_handleOverlayClick",value:function(){this.options.dismissible&&this.close()}},{key:"_handleModalCloseClick",value:function(t){s(t.target).closest(".modal-close").length&&this.close()}},{key:"_handleKeydown",value:function(t){27===t.keyCode&&this.options.dismissible&&this.close()}},{key:"_handleFocus",value:function(t){this.el.contains(t.target)||this._nthModalOpened!==n._modalsOpen||this.el.focus()}},{key:"_animateIn",value:function(){var t=this;s.extend(this.el.style,{display:"block",opacity:0}),s.extend(this.$overlay[0].style,{display:"block",opacity:0}),i({targets:this.$overlay[0],opacity:this.options.opacity,duration:this.options.inDuration,easing:"easeOutQuad"});var e={targets:this.el,duration:this.options.inDuration,easing:"easeOutCubic",complete:function(){"function"==typeof t.options.onOpenEnd&&t.options.onOpenEnd.call(t,t.el,t._openingTrigger)}};this.el.classList.contains("bottom-sheet")?s.extend(e,{bottom:0,opacity:1}):s.extend(e,{top:[this.options.startingTop,this.options.endingTop],opacity:1,scaleX:[.8,1],scaleY:[.8,1]}),i(e)}},{key:"_animateOut",value:function(){var t=this;i({targets:this.$overlay[0],opacity:0,duration:this.options.outDuration,easing:"easeOutQuart"});var e={targets:this.el,duration:this.options.outDuration,easing:"easeOutCubic",complete:function(){t.el.style.display="none",t.$overlay.remove(),"function"==typeof t.options.onCloseEnd&&t.options.onCloseEnd.call(t,t.el)}};this.el.classList.contains("bottom-sheet")?s.extend(e,{bottom:"-100%",opacity:0}):s.extend(e,{top:[this.options.endingTop,this.options.startingTop],opacity:0,scaleX:.8,scaleY:.8}),i(e)}},{key:"open",value:function(t){if(!this.isOpen)return this.isOpen=!0,n._modalsOpen++,this._nthModalOpened=n._modalsOpen,this.$overlay[0].style.zIndex=1e3+2*n._modalsOpen,this.el.style.zIndex=1e3+2*n._modalsOpen+1,this._openingTrigger=t?t[0]:void 0,"function"==typeof this.options.onOpenStart&&this.options.onOpenStart.call(this,this.el,this._openingTrigger),this.options.preventScrolling&&(document.body.style.overflow="hidden"),this.el.classList.add("open"),this.el.insertAdjacentElement("afterend",this.$overlay[0]),this.options.dismissible&&(this._handleKeydownBound=this._handleKeydown.bind(this),this._handleFocusBound=this._handleFocus.bind(this),document.addEventListener("keydown",this._handleKeydownBound),document.addEventListener("focus",this._handleFocusBound,!0)),i.remove(this.el),i.remove(this.$overlay[0]),this._animateIn(),this.el.focus(),this}},{key:"close",value:function(){if(this.isOpen)return this.isOpen=!1,n._modalsOpen--,this._nthModalOpened=0,"function"==typeof this.options.onCloseStart&&this.options.onCloseStart.call(this,this.el),this.el.classList.remove("open"),0===n._modalsOpen&&(document.body.style.overflow=""),this.options.dismissible&&(document.removeEventListener("keydown",this._handleKeydownBound),document.removeEventListener("focus",this._handleFocusBound,!0)),i.remove(this.el),i.remove(this.$overlay[0]),this._animateOut(),this}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Modal}},{key:"defaults",get:function(){return e}}]),n}();t._modalsOpen=0,t._count=0,M.Modal=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"modal","M_Modal")}(cash,M.anime),function(o,a){"use strict";var e={inDuration:275,outDuration:200,onOpenStart:null,onOpenEnd:null,onCloseStart:null,onCloseEnd:null},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Materialbox=i).options=o.extend({},n.defaults,e),i.overlayActive=!1,i.doneAnimating=!0,i.placeholder=o("
").addClass("material-placeholder"),i.originalWidth=0,i.originalHeight=0,i.originInlineStyles=i.$el.attr("style"),i.caption=i.el.getAttribute("data-caption")||"",i.$el.before(i.placeholder),i.placeholder.append(i.$el),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._removeEventHandlers(),this.el.M_Materialbox=void 0,o(this.placeholder).after(this.el).remove(),this.$el.removeAttr("style")}},{key:"_setupEventHandlers",value:function(){this._handleMaterialboxClickBound=this._handleMaterialboxClick.bind(this),this.el.addEventListener("click",this._handleMaterialboxClickBound)}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("click",this._handleMaterialboxClickBound)}},{key:"_handleMaterialboxClick",value:function(t){!1===this.doneAnimating||this.overlayActive&&this.doneAnimating?this.close():this.open()}},{key:"_handleWindowScroll",value:function(){this.overlayActive&&this.close()}},{key:"_handleWindowResize",value:function(){this.overlayActive&&this.close()}},{key:"_handleWindowEscape",value:function(t){27===t.keyCode&&this.doneAnimating&&this.overlayActive&&this.close()}},{key:"_makeAncestorsOverflowVisible",value:function(){this.ancestorsChanged=o();for(var t=this.placeholder[0].parentNode;null!==t&&!o(t).is(document);){var e=o(t);"visible"!==e.css("overflow")&&(e.css("overflow","visible"),void 0===this.ancestorsChanged?this.ancestorsChanged=e:this.ancestorsChanged=this.ancestorsChanged.add(e)),t=t.parentNode}}},{key:"_animateImageIn",value:function(){var t=this,e={targets:this.el,height:[this.originalHeight,this.newHeight],width:[this.originalWidth,this.newWidth],left:M.getDocumentScrollLeft()+this.windowWidth/2-this.placeholder.offset().left-this.newWidth/2,top:M.getDocumentScrollTop()+this.windowHeight/2-this.placeholder.offset().top-this.newHeight/2,duration:this.options.inDuration,easing:"easeOutQuad",complete:function(){t.doneAnimating=!0,"function"==typeof t.options.onOpenEnd&&t.options.onOpenEnd.call(t,t.el)}};this.maxWidth=this.$el.css("max-width"),this.maxHeight=this.$el.css("max-height"),"none"!==this.maxWidth&&(e.maxWidth=this.newWidth),"none"!==this.maxHeight&&(e.maxHeight=this.newHeight),a(e)}},{key:"_animateImageOut",value:function(){var t=this,e={targets:this.el,width:this.originalWidth,height:this.originalHeight,left:0,top:0,duration:this.options.outDuration,easing:"easeOutQuad",complete:function(){t.placeholder.css({height:"",width:"",position:"",top:"",left:""}),t.attrWidth&&t.$el.attr("width",t.attrWidth),t.attrHeight&&t.$el.attr("height",t.attrHeight),t.$el.removeAttr("style"),t.originInlineStyles&&t.$el.attr("style",t.originInlineStyles),t.$el.removeClass("active"),t.doneAnimating=!0,t.ancestorsChanged.length&&t.ancestorsChanged.css("overflow",""),"function"==typeof t.options.onCloseEnd&&t.options.onCloseEnd.call(t,t.el)}};a(e)}},{key:"_updateVars",value:function(){this.windowWidth=window.innerWidth,this.windowHeight=window.innerHeight,this.caption=this.el.getAttribute("data-caption")||""}},{key:"open",value:function(){var t=this;this._updateVars(),this.originalWidth=this.el.getBoundingClientRect().width,this.originalHeight=this.el.getBoundingClientRect().height,this.doneAnimating=!1,this.$el.addClass("active"),this.overlayActive=!0,"function"==typeof this.options.onOpenStart&&this.options.onOpenStart.call(this,this.el),this.placeholder.css({width:this.placeholder[0].getBoundingClientRect().width+"px",height:this.placeholder[0].getBoundingClientRect().height+"px",position:"relative",top:0,left:0}),this._makeAncestorsOverflowVisible(),this.$el.css({position:"absolute","z-index":1e3,"will-change":"left, top, width, height"}),this.attrWidth=this.$el.attr("width"),this.attrHeight=this.$el.attr("height"),this.attrWidth&&(this.$el.css("width",this.attrWidth+"px"),this.$el.removeAttr("width")),this.attrHeight&&(this.$el.css("width",this.attrHeight+"px"),this.$el.removeAttr("height")),this.$overlay=o('
').css({opacity:0}).one("click",function(){t.doneAnimating&&t.close()}),this.$el.before(this.$overlay);var e=this.$overlay[0].getBoundingClientRect();this.$overlay.css({width:this.windowWidth+"px",height:this.windowHeight+"px",left:-1*e.left+"px",top:-1*e.top+"px"}),a.remove(this.el),a.remove(this.$overlay[0]),a({targets:this.$overlay[0],opacity:1,duration:this.options.inDuration,easing:"easeOutQuad"}),""!==this.caption&&(this.$photocaption&&a.remove(this.$photoCaption[0]),this.$photoCaption=o('
'),this.$photoCaption.text(this.caption),o("body").append(this.$photoCaption),this.$photoCaption.css({display:"inline"}),a({targets:this.$photoCaption[0],opacity:1,duration:this.options.inDuration,easing:"easeOutQuad"}));var i=0,n=this.originalWidth/this.windowWidth,s=this.originalHeight/this.windowHeight;this.newWidth=0,this.newHeight=0,si.options.responsiveThreshold,i.$img=i.$el.find("img").first(),i.$img.each(function(){this.complete&&s(this).trigger("load")}),i._updateParallax(),i._setupEventHandlers(),i._setupStyles(),n._parallaxes.push(i),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){n._parallaxes.splice(n._parallaxes.indexOf(this),1),this.$img[0].style.transform="",this._removeEventHandlers(),this.$el[0].M_Parallax=void 0}},{key:"_setupEventHandlers",value:function(){this._handleImageLoadBound=this._handleImageLoad.bind(this),this.$img[0].addEventListener("load",this._handleImageLoadBound),0===n._parallaxes.length&&(n._handleScrollThrottled=M.throttle(n._handleScroll,5),window.addEventListener("scroll",n._handleScrollThrottled),n._handleWindowResizeThrottled=M.throttle(n._handleWindowResize,5),window.addEventListener("resize",n._handleWindowResizeThrottled))}},{key:"_removeEventHandlers",value:function(){this.$img[0].removeEventListener("load",this._handleImageLoadBound),0===n._parallaxes.length&&(window.removeEventListener("scroll",n._handleScrollThrottled),window.removeEventListener("resize",n._handleWindowResizeThrottled))}},{key:"_setupStyles",value:function(){this.$img[0].style.opacity=1}},{key:"_handleImageLoad",value:function(){this._updateParallax()}},{key:"_updateParallax",value:function(){var t=0e.options.responsiveThreshold}}},{key:"defaults",get:function(){return e}}]),n}();t._parallaxes=[],M.Parallax=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"parallax","M_Parallax")}(cash),function(a,s){"use strict";var e={duration:300,onShow:null,swipeable:!1,responsiveThreshold:1/0},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Tabs=i).options=a.extend({},n.defaults,e),i.$tabLinks=i.$el.children("li.tab").children("a"),i.index=0,i._setupActiveTabLink(),i.options.swipeable?i._setupSwipeableTabs():i._setupNormalTabs(),i._setTabsAndTabWidth(),i._createIndicator(),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){this._removeEventHandlers(),this._indicator.parentNode.removeChild(this._indicator),this.options.swipeable?this._teardownSwipeableTabs():this._teardownNormalTabs(),this.$el[0].M_Tabs=void 0}},{key:"_setupEventHandlers",value:function(){this._handleWindowResizeBound=this._handleWindowResize.bind(this),window.addEventListener("resize",this._handleWindowResizeBound),this._handleTabClickBound=this._handleTabClick.bind(this),this.el.addEventListener("click",this._handleTabClickBound)}},{key:"_removeEventHandlers",value:function(){window.removeEventListener("resize",this._handleWindowResizeBound),this.el.removeEventListener("click",this._handleTabClickBound)}},{key:"_handleWindowResize",value:function(){this._setTabsAndTabWidth(),0!==this.tabWidth&&0!==this.tabsWidth&&(this._indicator.style.left=this._calcLeftPos(this.$activeTabLink)+"px",this._indicator.style.right=this._calcRightPos(this.$activeTabLink)+"px")}},{key:"_handleTabClick",value:function(t){var e=this,i=a(t.target).closest("li.tab"),n=a(t.target).closest("a");if(n.length&&n.parent().hasClass("tab"))if(i.hasClass("disabled"))t.preventDefault();else if(!n.attr("target")){this.$activeTabLink.removeClass("active");var s=this.$content;this.$activeTabLink=n,this.$content=a(M.escapeHash(n[0].hash)),this.$tabLinks=this.$el.children("li.tab").children("a"),this.$activeTabLink.addClass("active");var o=this.index;this.index=Math.max(this.$tabLinks.index(n),0),this.options.swipeable?this._tabsCarousel&&this._tabsCarousel.set(this.index,function(){"function"==typeof e.options.onShow&&e.options.onShow.call(e,e.$content[0])}):this.$content.length&&(this.$content[0].style.display="block",this.$content.addClass("active"),"function"==typeof this.options.onShow&&this.options.onShow.call(this,this.$content[0]),s.length&&!s.is(this.$content)&&(s[0].style.display="none",s.removeClass("active"))),this._setTabsAndTabWidth(),this._animateIndicator(o),t.preventDefault()}}},{key:"_createIndicator",value:function(){var t=this,e=document.createElement("li");e.classList.add("indicator"),this.el.appendChild(e),this._indicator=e,setTimeout(function(){t._indicator.style.left=t._calcLeftPos(t.$activeTabLink)+"px",t._indicator.style.right=t._calcRightPos(t.$activeTabLink)+"px"},0)}},{key:"_setupActiveTabLink",value:function(){this.$activeTabLink=a(this.$tabLinks.filter('[href="'+location.hash+'"]')),0===this.$activeTabLink.length&&(this.$activeTabLink=this.$el.children("li.tab").children("a.active").first()),0===this.$activeTabLink.length&&(this.$activeTabLink=this.$el.children("li.tab").children("a").first()),this.$tabLinks.removeClass("active"),this.$activeTabLink[0].classList.add("active"),this.index=Math.max(this.$tabLinks.index(this.$activeTabLink),0),this.$activeTabLink.length&&(this.$content=a(M.escapeHash(this.$activeTabLink[0].hash)),this.$content.addClass("active"))}},{key:"_setupSwipeableTabs",value:function(){var i=this;window.innerWidth>this.options.responsiveThreshold&&(this.options.swipeable=!1);var n=a();this.$tabLinks.each(function(t){var e=a(M.escapeHash(t.hash));e.addClass("carousel-item"),n=n.add(e)});var t=a('
');n.first().before(t),t.append(n),n[0].style.display="";var e=this.$activeTabLink.closest(".tab").index();this._tabsCarousel=M.Carousel.init(t[0],{fullWidth:!0,noWrap:!0,onCycleTo:function(t){var e=i.index;i.index=a(t).index(),i.$activeTabLink.removeClass("active"),i.$activeTabLink=i.$tabLinks.eq(i.index),i.$activeTabLink.addClass("active"),i._animateIndicator(e),"function"==typeof i.options.onShow&&i.options.onShow.call(i,i.$content[0])}}),this._tabsCarousel.set(e)}},{key:"_teardownSwipeableTabs",value:function(){var t=this._tabsCarousel.$el;this._tabsCarousel.destroy(),t.after(t.children()),t.remove()}},{key:"_setupNormalTabs",value:function(){this.$tabLinks.not(this.$activeTabLink).each(function(t){if(t.hash){var e=a(M.escapeHash(t.hash));e.length&&(e[0].style.display="none")}})}},{key:"_teardownNormalTabs",value:function(){this.$tabLinks.each(function(t){if(t.hash){var e=a(M.escapeHash(t.hash));e.length&&(e[0].style.display="")}})}},{key:"_setTabsAndTabWidth",value:function(){this.tabsWidth=this.$el.width(),this.tabWidth=Math.max(this.tabsWidth,this.el.scrollWidth)/this.$tabLinks.length}},{key:"_calcRightPos",value:function(t){return Math.ceil(this.tabsWidth-t.position().left-t[0].getBoundingClientRect().width)}},{key:"_calcLeftPos",value:function(t){return Math.floor(t.position().left)}},{key:"updateTabIndicator",value:function(){this._setTabsAndTabWidth(),this._animateIndicator(this.index)}},{key:"_animateIndicator",value:function(t){var e=0,i=0;0<=this.index-t?e=90:i=90;var n={targets:this._indicator,left:{value:this._calcLeftPos(this.$activeTabLink),delay:e},right:{value:this._calcRightPos(this.$activeTabLink),delay:i},duration:this.options.duration,easing:"easeOutQuad"};s.remove(this._indicator),s(n)}},{key:"select",value:function(t){var e=this.$tabLinks.filter('[href="#'+t+'"]');e.length&&e.trigger("click")}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Tabs}},{key:"defaults",get:function(){return e}}]),n}();M.Tabs=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"tabs","M_Tabs")}(cash,M.anime),function(d,e){"use strict";var i={exitDelay:200,enterDelay:0,html:null,margin:5,inDuration:250,outDuration:200,position:"bottom",transitionMovement:10},t=function(t){function n(t,e){_classCallCheck(this,n);var i=_possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n,t,e));return(i.el.M_Tooltip=i).options=d.extend({},n.defaults,e),i.isOpen=!1,i.isHovered=!1,i.isFocused=!1,i._appendTooltipEl(),i._setupEventHandlers(),i}return _inherits(n,Component),_createClass(n,[{key:"destroy",value:function(){d(this.tooltipEl).remove(),this._removeEventHandlers(),this.el.M_Tooltip=void 0}},{key:"_appendTooltipEl",value:function(){var t=document.createElement("div");t.classList.add("material-tooltip"),this.tooltipEl=t;var e=document.createElement("div");e.classList.add("tooltip-content"),e.innerHTML=this.options.html,t.appendChild(e),document.body.appendChild(t)}},{key:"_updateTooltipContent",value:function(){this.tooltipEl.querySelector(".tooltip-content").innerHTML=this.options.html}},{key:"_setupEventHandlers",value:function(){this._handleMouseEnterBound=this._handleMouseEnter.bind(this),this._handleMouseLeaveBound=this._handleMouseLeave.bind(this),this._handleFocusBound=this._handleFocus.bind(this),this._handleBlurBound=this._handleBlur.bind(this),this.el.addEventListener("mouseenter",this._handleMouseEnterBound),this.el.addEventListener("mouseleave",this._handleMouseLeaveBound),this.el.addEventListener("focus",this._handleFocusBound,!0),this.el.addEventListener("blur",this._handleBlurBound,!0)}},{key:"_removeEventHandlers",value:function(){this.el.removeEventListener("mouseenter",this._handleMouseEnterBound),this.el.removeEventListener("mouseleave",this._handleMouseLeaveBound),this.el.removeEventListener("focus",this._handleFocusBound,!0),this.el.removeEventListener("blur",this._handleBlurBound,!0)}},{key:"open",value:function(t){this.isOpen||(t=void 0===t||void 0,this.isOpen=!0,this.options=d.extend({},this.options,this._getAttributeOptions()),this._updateTooltipContent(),this._setEnterDelayTimeout(t))}},{key:"close",value:function(){this.isOpen&&(this.isHovered=!1,this.isFocused=!1,this.isOpen=!1,this._setExitDelayTimeout())}},{key:"_setExitDelayTimeout",value:function(){var t=this;clearTimeout(this._exitDelayTimeout),this._exitDelayTimeout=setTimeout(function(){t.isHovered||t.isFocused||t._animateOut()},this.options.exitDelay)}},{key:"_setEnterDelayTimeout",value:function(t){var e=this;clearTimeout(this._enterDelayTimeout),this._enterDelayTimeout=setTimeout(function(){(e.isHovered||e.isFocused||t)&&e._animateIn()},this.options.enterDelay)}},{key:"_positionTooltip",value:function(){var t,e=this.el,i=this.tooltipEl,n=e.offsetHeight,s=e.offsetWidth,o=i.offsetHeight,a=i.offsetWidth,r=this.options.margin,l=void 0,h=void 0;this.xMovement=0,this.yMovement=0,l=e.getBoundingClientRect().top+M.getDocumentScrollTop(),h=e.getBoundingClientRect().left+M.getDocumentScrollLeft(),"top"===this.options.position?(l+=-o-r,h+=s/2-a/2,this.yMovement=-this.options.transitionMovement):"right"===this.options.position?(l+=n/2-o/2,h+=s+r,this.xMovement=this.options.transitionMovement):"left"===this.options.position?(l+=n/2-o/2,h+=-a-r,this.xMovement=-this.options.transitionMovement):(l+=n+r,h+=s/2-a/2,this.yMovement=this.options.transitionMovement),t=this._repositionWithinScreen(h,l,a,o),d(i).css({top:t.y+"px",left:t.x+"px"})}},{key:"_repositionWithinScreen",value:function(t,e,i,n){var s=M.getDocumentScrollLeft(),o=M.getDocumentScrollTop(),a=t-s,r=e-o,l={left:a,top:r,width:i,height:n},h=this.options.margin+this.options.transitionMovement,d=M.checkWithinContainer(document.body,l,h);return d.left?a=h:d.right&&(a-=a+i-window.innerWidth),d.top?r=h:d.bottom&&(r-=r+n-window.innerHeight),{x:a+s,y:r+o}}},{key:"_animateIn",value:function(){this._positionTooltip(),this.tooltipEl.style.visibility="visible",e.remove(this.tooltipEl),e({targets:this.tooltipEl,opacity:1,translateX:this.xMovement,translateY:this.yMovement,duration:this.options.inDuration,easing:"easeOutCubic"})}},{key:"_animateOut",value:function(){e.remove(this.tooltipEl),e({targets:this.tooltipEl,opacity:0,translateX:0,translateY:0,duration:this.options.outDuration,easing:"easeOutCubic"})}},{key:"_handleMouseEnter",value:function(){this.isHovered=!0,this.isFocused=!1,this.open(!1)}},{key:"_handleMouseLeave",value:function(){this.isHovered=!1,this.isFocused=!1,this.close()}},{key:"_handleFocus",value:function(){M.tabPressed&&(this.isFocused=!0,this.open(!1))}},{key:"_handleBlur",value:function(){this.isFocused=!1,this.close()}},{key:"_getAttributeOptions",value:function(){var t={},e=this.el.getAttribute("data-tooltip"),i=this.el.getAttribute("data-position");return e&&(t.html=e),i&&(t.position=i),t}}],[{key:"init",value:function(t,e){return _get(n.__proto__||Object.getPrototypeOf(n),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Tooltip}},{key:"defaults",get:function(){return i}}]),n}();M.Tooltip=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"tooltip","M_Tooltip")}(cash,M.anime),function(i){"use strict";var t=t||{},e=document.querySelectorAll.bind(document);function m(t){var e="";for(var i in t)t.hasOwnProperty(i)&&(e+=i+":"+t[i]+";");return e}var g={duration:750,show:function(t,e){if(2===t.button)return!1;var i=e||this,n=document.createElement("div");n.className="waves-ripple",i.appendChild(n);var s,o,a,r,l,h,d,u=(h={top:0,left:0},d=(s=i)&&s.ownerDocument,o=d.documentElement,void 0!==s.getBoundingClientRect&&(h=s.getBoundingClientRect()),a=null!==(l=r=d)&&l===l.window?r:9===r.nodeType&&r.defaultView,{top:h.top+a.pageYOffset-o.clientTop,left:h.left+a.pageXOffset-o.clientLeft}),c=t.pageY-u.top,p=t.pageX-u.left,v="scale("+i.clientWidth/100*10+")";"touches"in t&&(c=t.touches[0].pageY-u.top,p=t.touches[0].pageX-u.left),n.setAttribute("data-hold",Date.now()),n.setAttribute("data-scale",v),n.setAttribute("data-x",p),n.setAttribute("data-y",c);var f={top:c+"px",left:p+"px"};n.className=n.className+" waves-notransition",n.setAttribute("style",m(f)),n.className=n.className.replace("waves-notransition",""),f["-webkit-transform"]=v,f["-moz-transform"]=v,f["-ms-transform"]=v,f["-o-transform"]=v,f.transform=v,f.opacity="1",f["-webkit-transition-duration"]=g.duration+"ms",f["-moz-transition-duration"]=g.duration+"ms",f["-o-transition-duration"]=g.duration+"ms",f["transition-duration"]=g.duration+"ms",f["-webkit-transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",f["-moz-transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",f["-o-transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",f["transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",n.setAttribute("style",m(f))},hide:function(t){l.touchup(t);var e=this,i=(e.clientWidth,null),n=e.getElementsByClassName("waves-ripple");if(!(0i||1"+o+""+a+" "+r+""),i.length&&e.prepend(i)}},{key:"_resetCurrentElement",value:function(){this.activeIndex=-1,this.$active.removeClass("active")}},{key:"_resetAutocomplete",value:function(){h(this.container).empty(),this._resetCurrentElement(),this.oldVal=null,this.isOpen=!1,this._mousedown=!1}},{key:"selectOption",value:function(t){var e=t.text().trim();this.el.value=e,this.$el.trigger("change"),this._resetAutocomplete(),this.close(),"function"==typeof this.options.onAutocomplete&&this.options.onAutocomplete.call(this,e)}},{key:"_renderDropdown",value:function(t,i){var n=this;this._resetAutocomplete();var e=[];for(var s in t)if(t.hasOwnProperty(s)&&-1!==s.toLowerCase().indexOf(i)){if(this.count>=this.options.limit)break;var o={data:t[s],key:s};e.push(o),this.count++}if(this.options.sortFunction){e.sort(function(t,e){return n.options.sortFunction(t.key.toLowerCase(),e.key.toLowerCase(),i.toLowerCase())})}for(var a=0;a");r.data?l.append(''+r.key+" "):l.append(""+r.key+" "),h(this.container).append(l),this._highlight(i,l)}}},{key:"open",value:function(){var t=this.el.value.toLowerCase();this._resetAutocomplete(),t.length>=this.options.minLength&&(this.isOpen=!0,this._renderDropdown(this.options.data,t)),this.dropdown.isOpen?this.dropdown.recalculateDimensions():this.dropdown.open()}},{key:"close",value:function(){this.dropdown.close()}},{key:"updateData",value:function(t){var e=this.el.value.toLowerCase();this.options.data=t,this.isOpen&&this._renderDropdown(t,e)}}],[{key:"init",value:function(t,e){return _get(s.__proto__||Object.getPrototypeOf(s),"init",this).call(this,this,t,e)}},{key:"getInstance",value:function(t){return(t.jquery?t[0]:t).M_Autocomplete}},{key:"defaults",get:function(){return e}}]),s}();t._keydown=!1,M.Autocomplete=t,M.jQueryLoaded&&M.initializeJqueryWrapper(t,"autocomplete","M_Autocomplete")}(cash),function(d){M.updateTextFields=function(){d("input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], input[type=date], input[type=time], textarea").each(function(t,e){var i=d(this);0 '),d("body").append(e));var i=t.css("font-family"),n=t.css("font-size"),s=t.css("line-height"),o=t.css("padding-top"),a=t.css("padding-right"),r=t.css("padding-bottom"),l=t.css("padding-left");n&&e.css("font-size",n),i&&e.css("font-family",i),s&&e.css("line-height",s),o&&e.css("padding-top",o),a&&e.css("padding-right",a),r&&e.css("padding-bottom",r),l&&e.css("padding-left",l),t.data("original-height")||t.data("original-height",t.height()),"off"===t.attr("wrap")&&e.css("overflow-wrap","normal").css("white-space","pre"),e.text(t[0].value+"\n");var h=e.html().replace(/\n/g,"
-
-
- 
- 
- 
- 
- 
- 
- 
-