Programme 2020

EGC

EGC 2020 : Schedule

  • 09:00
  • 09:30
  • 10:00
  • 10:30
  • 11:00
  • 11:30
  • 12:00
  • 12:30
  • 13:00
  • 13:30
  • 14:00
  • 14:30
  • 15:00
  • 15:30
  • 16:00
  • 16:30
  • 17:00
  • 17:30
  • 18:00
  • 18:30
  • 19:00
  • 19:30
  • Monday 14/12
    • Twin Souls

      Twin Souls

      format_quote Twin souls is a 3rd person action/adventure game where 2 players incarnate the same character at the same time. Two souls in the same body.
    • La Brume

      La Brume

      format_quote In an alternate reality where the world is entirely covered by thick fog , find your way as a little girl using your Sonoscope to travel through an hostile territory
    • Echo of the sky

      Echo of the sky

      format_quote Echo of the Sky is a game based on poetry, journey and self-discovery . In this rhythmic puzzle-platformer, travel around a world inspired by Indian Culture and Hinduism. Sing to transform the environment around you.
    • The 5th Interaction

      The 5th Interaction

      format_quote On a living planet, where space and time are upset, you embody a navigator, who will evolve in a Parkour within an monumental maze, having to face gravitational, visual and sound aberrations.
    • Brittle ones

      Brittle ones

      format_quote A brittle , mystical porcelaine world is threatened by a sudden outbreak of fighting. Don't let the attackers hit you . To stay intact, timely dodge their attacks and make them smash themselves on the wrong target.
    • The Eldritch Funk

      The Eldritch Funk

      format_quote The Eldritch Funk is a first-person investigation game that takes place in a mysterious estate owned by a Funk music producer in the 1970s. The player embodies a journalist who investigates about strange vanishings
    • Projet Nano

  • Tuesday 15/12
    • Opening
    • Arnaud De Bock & Rémi Forcadell

      Nerial : Post-mortem Piku-Niku

      format_quote Pikuniku is an absurdly wonderful puzzle-exploration game that takes place in a strange but playful world where not everything is as happy as it seems.
    • Franck Fitrzyk

      Technical Game/Level Designer : First steps in the industry and the tech designer professions

      format_quote Technical Design is the missing link between game design and engineering. The Technical Designer is the advocate of the designers when it comes to improving their tools and methodology.
    • School projects showcase

    • Fibre Tigre

      Narrative Designer : Interactive fiction Workshop

      format_quote FibreTigre is a French author specialized in interactive fiction. He is the creator of several video games including Out There and the author of game books and comic books.
    • School projects showcase

    • François Devic

      Tool Programmer, Eidos-Montréal : The video game asset creation pipeline

      format_quote Eidos-Montréal is a Canadian video game developer based in Montreal. The studio is owned by Square Enix Europe (formerly Eidos Interactive), a subsidiary of Square Enix.
    • Daniel Gomez

      Director, NXA studios

      format_quote NXA Studios is a leading provider of quality Art Development and Art Production services founded in 2011.
    • Aurélie Perrin

      OreliTranslation : Localization tips from a translator's point of view

      format_quote I help game devs, studios and publishers looking to make their game accessible to a new market without comprimising the quality of their work.
    • Guy Somberg

      Audio Programmer, Echtra : Game Audio Programming: An Introduction

      format_quote Echtra Games is a San Francisco-based game studio comprised of seasoned developers who helped shaped the world of action role-playing games.
  • Wednesday 16/12
    • Opening
    • Olivier Deriviere

      Composer

      format_quote Olivier Deriviere is a French video game composer, best known for his work on the Alone in the Dark, Obscure and Remember Me soundtracks
    • Thomas Altenburger

      Game Director, Flying oak games: The survivor bias

      format_quote Made of wood and pixels, we are a duo of game developers building awesome gaming experiences in a secret forest of the North East of France.
    • School projects showcase

    • Producer

      Producer : Questions/Answers

    • School projects showcase

    • Mark Vigouroux

      Lead Artist, Proxe3D : Concept Art

      format_quote The best 3D and Virtual Reality artists at your service
    • Stéphan Froment

      Producer, Asobo : SCRUM aproach and video game project : True love or arranged marriage ?

      format_quote Asobo Studio is a French video game developer. The studio has developed 17 video games, including A Plague Tale: Innocence , and the 2020 version of Microsoft Flight Simulator.
    • Pippin Barr

      Teacher & co-director of TAG lab Montreal : Presentation of TAG Lab

      format_quote Hi, I’m Pippin. I make games and have a lot of game ideas. I write words. I make images and videos. I had a podcast for a while called GAMETHING. I wrote a book called How to Play a Video Game.
    • Rich Vreeland (Disasterpeace)

      Composer : Reigns: A Thousand Years of Deterministic Babble

      format_quote Disasterpeace has composed many soundtracks including the one in Hyper Light Drifter, It Follows, Fez, ...
  • Thursday 17/12
    • Opening
    • Sam Thiounn

      Producer, Ubisoft - Finding balance : building your live ecosystem

      format_quote Ubisoft is a French video game company with several development studios across the world. Its video game franchises include Rayman, Raving Rabbids, Prince of Persia, Assassin's Creed, Far Cry, Just Dance,...
    • Gabriel Esteves

      Protect intellectual property in the Indie environment

      format_quote Ubisoft is a French video game company with several development studios across the world. Its video game franchises include Rayman, Raving Rabbids, Prince of Persia, Assassin's Creed, Far Cry, Just Dance,...
    • Karl Lamoureux

      Senior Audio, Ubisoft Montréal

      format_quote Ubisoft is a French video game company with several development studios across the world. Its video game franchises include Rayman, Raving Rabbids, Prince of Persia, Assassin's Creed, Far Cry, Just Dance,...
    • School projects showcase

    • Martin Stig Andersen

      Sound Designer, Questions/Answers

      format_quote As an independent composer and sound designer I’m exploring the dynamic relationship between sound and image as a means to revealing new stories and emotional experiences.
    • School projects showcase

    • Léna Camy

      UX Designer, Gamabilis : Accessibility for visually impaired players.

      format_quote Gamabilis produces video games for organizations that want to meet the expectations of change (personal behavior, consumption, ...)
    • Ivan Stephane, Lopez Gillet

      Program coordinator, Universidad del Valle de México : Mo'cap at Mexico University

      format_quote The Universidad del Valle de México or UVM is a private multicampus university founded in 1960 and one of the largest university systems in Mexico.
    • Pierre Corbinais

      Game designer and Writer : Presentation of few Oujevipo games

      format_quote Hi, I’m Pierre Corbinais, writer. You might know me for my website Oujevipo.fr where I’ve been reviewing small alternative games for more than 7 years.
    • Anne Devouassoux

      Production manager, Kylotonn: The secrets of the crystal ball for a good game development.

      format_quote Kylotonn is one of the most important French video game development studios. Specialized in motorsports and official developer of the WRC FIA World Rally Championship series and Isle of Man Tourist Trophy.
    • Loïc Ramboansolo

      Producer, Natural Motion

      format_quote At NaturalMotion we make games that wow people. We take pride in making titles that reach a large audience and in creating communities that last.
    • Nathalie Lawhead

      Experimental art tools

      format_quote Nathalie Lawhead is an independent net artist and video game designer residing in Irvine, California.
  • Friday 18/12
    • Opening
    • Marius Pogar

      Vehicles artist, Reikon Games : The vehicles modeling

      Experimental art tools

      format_quote We're an independent game development studio established in Warsaw since 2014. You might have played RUINER, our first game? It was one of Steam's bestsellers in 2017.
    • Clarisse Blondy

      Game Producer, Paradox Interactive : Crisis management

      format_quote Paradox Interactive is a Swedish video game publisher that is known for publishing historical strategy computer games.
    • School projects showcase

    • Simon-Albert BOUDREAULT

      Level Designer, Warner Bros : Masteclass, creating an environment

      format_quote I make games, both big and small. I have a little more than eleven years of experience in the video game industry, through which I have shipped about a dozen titles.
    • School projects showcase

    • Paul WEIR

      Audio Director, Earcom Ltd : The Last Campfire

      format_quote The Last Campfire is a 2020 puzzle video game developed and published by Hello Games.
    • Rémy BOICHEROT

      Game Designer : The underrated game design potential of emergent narrative

      format_quote Experienced Game Designer, video game industry professional since 2012. Shipped multiple commercial projects (Mafia III & DLCs, Life Beyond) on PC and console (PS4, XSchool projects showcase One).
", a.firstChild.className = "i", 2 === a.getElementsByClassName("i").length }), c.getById = ib(function(a) { return o.appendChild(a).id = u, !e.getElementsByName || !e.getElementsByName(u).length }), c.getById ? (d.find.ID = function(a, b) { if (typeof b.getElementById !== C && p) { var c = b.getElementById(a); return c && c.parentNode ? [c] : [] } } , d.filter.ID = function(a) { var b = a.replace(cb, db); return function(a) { return a.getAttribute("id") === b } } ) : (delete d.find.ID, d.filter.ID = function(a) { var b = a.replace(cb, db); return function(a) { var c = typeof a.getAttributeNode !== C && a.getAttributeNode("id"); return c && c.value === b } } ), d.find.TAG = c.getElementsByTagName ? function(a, b) { return typeof b.getElementsByTagName !== C ? b.getElementsByTagName(a) : void 0 } : function(a, b) { var c, d = [], e = 0, f = b.getElementsByTagName(a); if ("*" === a) { while (c = f[e++]) 1 === c.nodeType && d.push(c); return d } return f } , d.find.CLASS = c.getElementsByClassName && function(a, b) { return typeof b.getElementsByClassName !== C && p ? b.getElementsByClassName(a) : void 0 } , r = [], q = [], (c.qsa = $.test(e.querySelectorAll)) && (ib(function(a) { a.innerHTML = "", a.querySelectorAll("[msallowclip^='']").length && q.push("[*^$]=" + M + "*(?:''|\"\")"), a.querySelectorAll("[selected]").length || q.push("\\[" + M + "*(?:value|" + L + ")"), a.querySelectorAll(":checked").length || q.push(":checked") }), ib(function(a) { var b = e.createElement("input"); b.setAttribute("type", "hidden"), a.appendChild(b).setAttribute("name", "D"), a.querySelectorAll("[name=d]").length && q.push("name" + M + "*[*^$|!~]?="), a.querySelectorAll(":enabled").length || q.push(":enabled", ":disabled"), a.querySelectorAll("*,:x"), q.push(",.*:") })), (c.matchesSelector = $.test(s = o.matches || o.webkitMatchesSelector || o.mozMatchesSelector || o.oMatchesSelector || o.msMatchesSelector)) && ib(function(a) { c.disconnectedMatch = s.call(a, "div"), s.call(a, "[s!='']:x"), r.push("!=", Q) }), q = q.length && new RegExp(q.join("|")), r = r.length && new RegExp(r.join("|")), b = $.test(o.compareDocumentPosition), t = b || $.test(o.contains) ? function(a, b) { var c = 9 === a.nodeType ? a.documentElement : a , d = b && b.parentNode; return a === d || !(!d || 1 !== d.nodeType || !(c.contains ? c.contains(d) : a.compareDocumentPosition && 16 & a.compareDocumentPosition(d))) } : function(a, b) { if (b) while (b = b.parentNode) if (b === a) return !0; return !1 } , B = b ? function(a, b) { if (a === b) return l = !0, 0; var d = !a.compareDocumentPosition - !b.compareDocumentPosition; return d ? d : (d = (a.ownerDocument || a) === (b.ownerDocument || b) ? a.compareDocumentPosition(b) : 1, 1 & d || !c.sortDetached && b.compareDocumentPosition(a) === d ? a === e || a.ownerDocument === v && t(v, a) ? -1 : b === e || b.ownerDocument === v && t(v, b) ? 1 : k ? K.call(k, a) - K.call(k, b) : 0 : 4 & d ? -1 : 1) } : function(a, b) { if (a === b) return l = !0, 0; var c, d = 0, f = a.parentNode, g = b.parentNode, h = [a], i = [b]; if (!f || !g) return a === e ? -1 : b === e ? 1 : f ? -1 : g ? 1 : k ? K.call(k, a) - K.call(k, b) : 0; if (f === g) return kb(a, b); c = a; while (c = c.parentNode) h.unshift(c); c = b; while (c = c.parentNode) i.unshift(c); while (h[d] === i[d]) d++; return d ? kb(h[d], i[d]) : h[d] === v ? -1 : i[d] === v ? 1 : 0 } , e) : n } , fb.matches = function(a, b) { return fb(a, null, null, b) } , fb.matchesSelector = function(a, b) { if ((a.ownerDocument || a) !== n && m(a), b = b.replace(U, "='$1']"), !(!c.matchesSelector || !p || r && r.test(b) || q && q.test(b))) try { var d = s.call(a, b); if (d || c.disconnectedMatch || a.document && 11 !== a.document.nodeType) return d } catch (e) {} return fb(b, n, null, [a]).length > 0 } , fb.contains = function(a, b) { return (a.ownerDocument || a) !== n && m(a), t(a, b) } , fb.attr = function(a, b) { (a.ownerDocument || a) !== n && m(a); var e = d.attrHandle[b.toLowerCase()] , f = e && E.call(d.attrHandle, b.toLowerCase()) ? e(a, b, !p) : void 0; return void 0 !== f ? f : c.attributes || !p ? a.getAttribute(b) : (f = a.getAttributeNode(b)) && f.specified ? f.value : null } , fb.error = function(a) { throw new Error("Syntax error, unrecognized expression: " + a) } , fb.uniqueSort = function(a) { var b, d = [], e = 0, f = 0; if (l = !c.detectDuplicates, k = !c.sortStable && a.slice(0), a.sort(B), l) { while (b = a[f++]) b === a[f] && (e = d.push(f)); while (e--) a.splice(d[e], 1) } return k = null, a } , e = fb.getText = function(a) { var b, c = "", d = 0, f = a.nodeType; if (f) { if (1 === f || 9 === f || 11 === f) { if ("string" == typeof a.textContent) return a.textContent; for (a = a.firstChild; a; a = a.nextSibling) c += e(a) } else if (3 === f || 4 === f) return a.nodeValue } else while (b = a[d++]) c += e(b); return c } , d = fb.selectors = { cacheLength: 50, createPseudo: hb, match: X, attrHandle: {}, find: {}, relative: { ">": { dir: "parentNode", first: !0 }, " ": { dir: "parentNode" }, "+": { dir: "previousSibling", first: !0 }, "~": { dir: "previousSibling" } }, preFilter: { ATTR: function(a) { return a[1] = a[1].replace(cb, db), a[3] = (a[3] || a[4] || a[5] || "").replace(cb, db), "~=" === a[2] && (a[3] = " " + a[3] + " "), a.slice(0, 4) }, CHILD: function(a) { return a[1] = a[1].toLowerCase(), "nth" === a[1].slice(0, 3) ? (a[3] || fb.error(a[0]), a[4] = +(a[4] ? a[5] + (a[6] || 1) : 2 * ("even" === a[3] || "odd" === a[3])), a[5] = +(a[7] + a[8] || "odd" === a[3])) : a[3] && fb.error(a[0]), a }, PSEUDO: function(a) { var b, c = !a[6] && a[2]; return X.CHILD.test(a[0]) ? null : (a[3] ? a[2] = a[4] || a[5] || "" : c && V.test(c) && (b = g(c, !0)) && (b = c.indexOf(")", c.length - b) - c.length) && (a[0] = a[0].slice(0, b), a[2] = c.slice(0, b)), a.slice(0, 3)) } }, filter: { TAG: function(a) { var b = a.replace(cb, db).toLowerCase(); return "*" === a ? function() { return !0 } : function(a) { return a.nodeName && a.nodeName.toLowerCase() === b } }, CLASS: function(a) { var b = y[a + " "]; return b || (b = new RegExp("(^|" + M + ")" + a + "(" + M + "|$)")) && y(a, function(a) { return b.test("string" == typeof a.className && a.className || typeof a.getAttribute !== C && a.getAttribute("class") || "") }) }, ATTR: function(a, b, c) { return function(d) { var e = fb.attr(d, a); return null == e ? "!=" === b : b ? (e += "", "=" === b ? e === c : "!=" === b ? e !== c : "^=" === b ? c && 0 === e.indexOf(c) : "*=" === b ? c && e.indexOf(c) > -1 : "$=" === b ? c && e.slice(-c.length) === c : "~=" === b ? (" " + e + " ").indexOf(c) > -1 : "|=" === b ? e === c || e.slice(0, c.length + 1) === c + "-" : !1) : !0 } }, CHILD: function(a, b, c, d, e) { var f = "nth" !== a.slice(0, 3) , g = "last" !== a.slice(-4) , h = "of-type" === b; return 1 === d && 0 === e ? function(a) { return !!a.parentNode } : function(b, c, i) { var j, k, l, m, n, o, p = f !== g ? "nextSibling" : "previousSibling", q = b.parentNode, r = h && b.nodeName.toLowerCase(), s = !i && !h; if (q) { if (f) { while (p) { l = b; while (l = l[p]) if (h ? l.nodeName.toLowerCase() === r : 1 === l.nodeType) return !1; o = p = "only" === a && !o && "nextSibling" } return !0 } if (o = [g ? q.firstChild : q.lastChild], g && s) { k = q[u] || (q[u] = {}), j = k[a] || [], n = j[0] === w && j[1], m = j[0] === w && j[2], l = n && q.childNodes[n]; while (l = ++n && l && l[p] || (m = n = 0) || o.pop()) if (1 === l.nodeType && ++m && l === b) { k[a] = [w, n, m]; break } } else if (s && (j = (b[u] || (b[u] = {}))[a]) && j[0] === w) m = j[1]; else while (l = ++n && l && l[p] || (m = n = 0) || o.pop()) if ((h ? l.nodeName.toLowerCase() === r : 1 === l.nodeType) && ++m && (s && ((l[u] || (l[u] = {}))[a] = [w, m]), l === b)) break; return m -= e, m === d || m % d === 0 && m / d >= 0 } } }, PSEUDO: function(a, b) { var c, e = d.pseudos[a] || d.setFilters[a.toLowerCase()] || fb.error("unsupported pseudo: " + a); return e[u] ? e(b) : e.length > 1 ? (c = [a, a, "", b], d.setFilters.hasOwnProperty(a.toLowerCase()) ? hb(function(a, c) { var d, f = e(a, b), g = f.length; while (g--) d = K.call(a, f[g]), a[d] = !(c[d] = f[g]) }) : function(a) { return e(a, 0, c) } ) : e } }, pseudos: { not: hb(function(a) { var b = [] , c = [] , d = h(a.replace(R, "$1")); return d[u] ? hb(function(a, b, c, e) { var f, g = d(a, null, e, []), h = a.length; while (h--) (f = g[h]) && (a[h] = !(b[h] = f)) }) : function(a, e, f) { return b[0] = a, d(b, null, f, c), !c.pop() } }), has: hb(function(a) { return function(b) { return fb(a, b).length > 0 } }), contains: hb(function(a) { return function(b) { return (b.textContent || b.innerText || e(b)).indexOf(a) > -1 } }), lang: hb(function(a) { return W.test(a || "") || fb.error("unsupported lang: " + a), a = a.replace(cb, db).toLowerCase(), function(b) { var c; do if (c = p ? b.lang : b.getAttribute("xml:lang") || b.getAttribute("lang")) return c = c.toLowerCase(), c === a || 0 === c.indexOf(a + "-"); while ((b = b.parentNode) && 1 === b.nodeType); return !1 } }), target: function(b) { var c = a.location && a.location.hash; return c && c.slice(1) === b.id }, root: function(a) { return a === o }, focus: function(a) { return a === n.activeElement && (!n.hasFocus || n.hasFocus()) && !!(a.type || a.href || ~a.tabIndex) }, enabled: function(a) { return a.disabled === !1 }, disabled: function(a) { return a.disabled === !0 }, checked: function(a) { var b = a.nodeName.toLowerCase(); return "input" === b && !!a.checked || "option" === b && !!a.selected }, selected: function(a) { return a.parentNode && a.parentNode.selectedIndex, a.selected === !0 }, empty: function(a) { for (a = a.firstChild; a; a = a.nextSibling) if (a.nodeType < 6) return !1; return !0 }, parent: function(a) { return !d.pseudos.empty(a) }, header: function(a) { return Z.test(a.nodeName) }, input: function(a) { return Y.test(a.nodeName) }, button: function(a) { var b = a.nodeName.toLowerCase(); return "input" === b && "button" === a.type || "button" === b }, text: function(a) { var b; return "input" === a.nodeName.toLowerCase() && "text" === a.type && (null == (b = a.getAttribute("type")) || "text" === b.toLowerCase()) }, first: nb(function() { return [0] }), last: nb(function(a, b) { return [b - 1] }), eq: nb(function(a, b, c) { return [0 > c ? c + b : c] }), even: nb(function(a, b) { for (var c = 0; b > c; c += 2) a.push(c); return a }), odd: nb(function(a, b) { for (var c = 1; b > c; c += 2) a.push(c); return a }), lt: nb(function(a, b, c) { for (var d = 0 > c ? c + b : c; --d >= 0; ) a.push(d); return a }), gt: nb(function(a, b, c) { for (var d = 0 > c ? c + b : c; ++d < b; ) a.push(d); return a }) } }, d.pseudos.nth = d.pseudos.eq; for (b in { radio: !0, checkbox: !0, file: !0, password: !0, image: !0 }) d.pseudos[b] = lb(b); for (b in { submit: !0, reset: !0 }) d.pseudos[b] = mb(b); function pb() {} pb.prototype = d.filters = d.pseudos, d.setFilters = new pb, g = fb.tokenize = function(a, b) { var c, e, f, g, h, i, j, k = z[a + " "]; if (k) return b ? 0 : k.slice(0); h = a, i = [], j = d.preFilter; while (h) { (!c || (e = S.exec(h))) && (e && (h = h.slice(e[0].length) || h), i.push(f = [])), c = !1, (e = T.exec(h)) && (c = e.shift(), f.push({ value: c, type: e[0].replace(R, " ") }), h = h.slice(c.length)); for (g in d.filter) !(e = X[g].exec(h)) || j[g] && !(e = j[g](e)) || (c = e.shift(), f.push({ value: c, type: g, matches: e }), h = h.slice(c.length)); if (!c) break } return b ? h.length : h ? fb.error(a) : z(a, i).slice(0) } ; function qb(a) { for (var b = 0, c = a.length, d = ""; c > b; b++) d += a[b].value; return d } function rb(a, b, c) { var d = b.dir , e = c && "parentNode" === d , f = x++; return b.first ? function(b, c, f) { while (b = b[d]) if (1 === b.nodeType || e) return a(b, c, f) } : function(b, c, g) { var h, i, j = [w, f]; if (g) { while (b = b[d]) if ((1 === b.nodeType || e) && a(b, c, g)) return !0 } else while (b = b[d]) if (1 === b.nodeType || e) { if (i = b[u] || (b[u] = {}), (h = i[d]) && h[0] === w && h[1] === f) return j[2] = h[2]; if (i[d] = j, j[2] = a(b, c, g)) return !0 } } } function sb(a) { return a.length > 1 ? function(b, c, d) { var e = a.length; while (e--) if (!a[e](b, c, d)) return !1; return !0 } : a[0] } function tb(a, b, c) { for (var d = 0, e = b.length; e > d; d++) fb(a, b[d], c); return c } function ub(a, b, c, d, e) { for (var f, g = [], h = 0, i = a.length, j = null != b; i > h; h++) (f = a[h]) && (!c || c(f, d, e)) && (g.push(f), j && b.push(h)); return g } function vb(a, b, c, d, e, f) { return d && !d[u] && (d = vb(d)), e && !e[u] && (e = vb(e, f)), hb(function(f, g, h, i) { var j, k, l, m = [], n = [], o = g.length, p = f || tb(b || "*", h.nodeType ? [h] : h, []), q = !a || !f && b ? p : ub(p, m, a, h, i), r = c ? e || (f ? a : o || d) ? [] : g : q; if (c && c(q, r, h, i), d) { j = ub(r, n), d(j, [], h, i), k = j.length; while (k--) (l = j[k]) && (r[n[k]] = !(q[n[k]] = l)) } if (f) { if (e || a) { if (e) { j = [], k = r.length; while (k--) (l = r[k]) && j.push(q[k] = l); e(null, r = [], j, i) } k = r.length; while (k--) (l = r[k]) && (j = e ? K.call(f, l) : m[k]) > -1 && (f[j] = !(g[j] = l)) } } else r = ub(r === g ? r.splice(o, r.length) : r), e ? e(null, g, r, i) : I.apply(g, r) }) } function wb(a) { for (var b, c, e, f = a.length, g = d.relative[a[0].type], h = g || d.relative[" "], i = g ? 1 : 0, k = rb(function(a) { return a === b }, h, !0), l = rb(function(a) { return K.call(b, a) > -1 }, h, !0), m = [function(a, c, d) { return !g && (d || c !== j) || ((b = c).nodeType ? k(a, c, d) : l(a, c, d)) } ]; f > i; i++) if (c = d.relative[a[i].type]) m = [rb(sb(m), c)]; else { if (c = d.filter[a[i].type].apply(null, a[i].matches), c[u]) { for (e = ++i; f > e; e++) if (d.relative[a[e].type]) break; return vb(i > 1 && sb(m), i > 1 && qb(a.slice(0, i - 1).concat({ value: " " === a[i - 2].type ? "*" : "" })).replace(R, "$1"), c, e > i && wb(a.slice(i, e)), f > e && wb(a = a.slice(e)), f > e && qb(a)) } m.push(c) } return sb(m) } function xb(a, b) { var c = b.length > 0 , e = a.length > 0 , f = function(f, g, h, i, k) { var l, m, o, p = 0, q = "0", r = f && [], s = [], t = j, u = f || e && d.find.TAG("*", k), v = w += null == t ? 1 : Math.random() || .1, x = u.length; for (k && (j = g !== n && g); q !== x && null != (l = u[q]); q++) { if (e && l) { m = 0; while (o = a[m++]) if (o(l, g, h)) { i.push(l); break } k && (w = v) } c && ((l = !o && l) && p--, f && r.push(l)) } if (p += q, c && q !== p) { m = 0; while (o = b[m++]) o(r, s, g, h); if (f) { if (p > 0) while (q--) r[q] || s[q] || (s[q] = G.call(i)); s = ub(s) } I.apply(i, s), k && !f && s.length > 0 && p + b.length > 1 && fb.uniqueSort(i) } return k && (w = v, j = t), r }; return c ? hb(f) : f } return h = fb.compile = function(a, b) { var c, d = [], e = [], f = A[a + " "]; if (!f) { b || (b = g(a)), c = b.length; while (c--) f = wb(b[c]), f[u] ? d.push(f) : e.push(f); f = A(a, xb(e, d)), f.selector = a } return f } , i = fb.select = function(a, b, e, f) { var i, j, k, l, m, n = "function" == typeof a && a, o = !f && g(a = n.selector || a); if (e = e || [], 1 === o.length) { if (j = o[0] = o[0].slice(0), j.length > 2 && "ID" === (k = j[0]).type && c.getById && 9 === b.nodeType && p && d.relative[j[1].type]) { if (b = (d.find.ID(k.matches[0].replace(cb, db), b) || [])[0], !b) return e; n && (b = b.parentNode), a = a.slice(j.shift().value.length) } i = X.needsContext.test(a) ? 0 : j.length; while (i--) { if (k = j[i], d.relative[l = k.type]) break; if ((m = d.find[l]) && (f = m(k.matches[0].replace(cb, db), ab.test(j[0].type) && ob(b.parentNode) || b))) { if (j.splice(i, 1), a = f.length && qb(j), !a) return I.apply(e, f), e; break } } } return (n || h(a, o))(f, b, !p, e, ab.test(a) && ob(b.parentNode) || b), e } , c.sortStable = u.split("").sort(B).join("") === u, c.detectDuplicates = !!l, m(), c.sortDetached = ib(function(a) { return 1 & a.compareDocumentPosition(n.createElement("div")) }), ib(function(a) { return a.innerHTML = "", "#" === a.firstChild.getAttribute("href") }) || jb("type|href|height|width", function(a, b, c) { return c ? void 0 : a.getAttribute(b, "type" === b.toLowerCase() ? 1 : 2) }), c.attributes && ib(function(a) { return a.innerHTML = "", a.firstChild.setAttribute("value", ""), "" === a.firstChild.getAttribute("value") }) || jb("value", function(a, b, c) { return c || "input" !== a.nodeName.toLowerCase() ? void 0 : a.defaultValue }), ib(function(a) { return null == a.getAttribute("disabled") }) || jb(L, function(a, b, c) { var d; return c ? void 0 : a[b] === !0 ? b.toLowerCase() : (d = a.getAttributeNode(b)) && d.specified ? d.value : null }), fb }(a); n.find = t, n.expr = t.selectors, n.expr[":"] = n.expr.pseudos, n.unique = t.uniqueSort, n.text = t.getText, n.isXMLDoc = t.isXML, n.contains = t.contains; var u = n.expr.match.needsContext , v = /^<(\w+)\s*\/?>(?:<\/\1>|)$/ , w = /^.[^:#\[\.,]*$/; function x(a, b, c) { if (n.isFunction(b)) return n.grep(a, function(a, d) { return !!b.call(a, d, a) !== c }); if (b.nodeType) return n.grep(a, function(a) { return a === b !== c }); if ("string" == typeof b) { if (w.test(b)) return n.filter(b, a, c); b = n.filter(b, a) } return n.grep(a, function(a) { return g.call(b, a) >= 0 !== c }) } n.filter = function(a, b, c) { var d = b[0]; return c && (a = ":not(" + a + ")"), 1 === b.length && 1 === d.nodeType ? n.find.matchesSelector(d, a) ? [d] : [] : n.find.matches(a, n.grep(b, function(a) { return 1 === a.nodeType })) } , n.fn.extend({ find: function(a) { var b, c = this.length, d = [], e = this; if ("string" != typeof a) return this.pushStack(n(a).filter(function() { for (b = 0; c > b; b++) if (n.contains(e[b], this)) return !0 })); for (b = 0; c > b; b++) n.find(a, e[b], d); return d = this.pushStack(c > 1 ? n.unique(d) : d), d.selector = this.selector ? this.selector + " " + a : a, d }, filter: function(a) { return this.pushStack(x(this, a || [], !1)) }, not: function(a) { return this.pushStack(x(this, a || [], !0)) }, is: function(a) { return !!x(this, "string" == typeof a && u.test(a) ? n(a) : a || [], !1).length } }); var y, z = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/, A = n.fn.init = function(a, b) { var c, d; if (!a) return this; if ("string" == typeof a) { if (c = "<" === a[0] && ">" === a[a.length - 1] && a.length >= 3 ? [null, a, null] : z.exec(a), !c || !c[1] && b) return !b || b.jquery ? (b || y).find(a) : this.constructor(b).find(a); if (c[1]) { if (b = b instanceof n ? b[0] : b, n.merge(this, n.parseHTML(c[1], b && b.nodeType ? b.ownerDocument || b : l, !0)), v.test(c[1]) && n.isPlainObject(b)) for (c in b) n.isFunction(this[c]) ? this[c](b[c]) : this.attr(c, b[c]); return this } return d = l.getElementById(c[2]), d && d.parentNode && (this.length = 1, this[0] = d), this.context = l, this.selector = a, this } return a.nodeType ? (this.context = this[0] = a, this.length = 1, this) : n.isFunction(a) ? "undefined" != typeof y.ready ? y.ready(a) : a(n) : (void 0 !== a.selector && (this.selector = a.selector, this.context = a.context), n.makeArray(a, this)) } ; A.prototype = n.fn, y = n(l); var B = /^(?:parents|prev(?:Until|All))/ , C = { children: !0, contents: !0, next: !0, prev: !0 }; n.extend({ dir: function(a, b, c) { var d = [] , e = void 0 !== c; while ((a = a[b]) && 9 !== a.nodeType) if (1 === a.nodeType) { if (e && n(a).is(c)) break; d.push(a) } return d }, sibling: function(a, b) { for (var c = []; a; a = a.nextSibling) 1 === a.nodeType && a !== b && c.push(a); return c } }), n.fn.extend({ has: function(a) { var b = n(a, this) , c = b.length; return this.filter(function() { for (var a = 0; c > a; a++) if (n.contains(this, b[a])) return !0 }) }, closest: function(a, b) { for (var c, d = 0, e = this.length, f = [], g = u.test(a) || "string" != typeof a ? n(a, b || this.context) : 0; e > d; d++) for (c = this[d]; c && c !== b; c = c.parentNode) if (c.nodeType < 11 && (g ? g.index(c) > -1 : 1 === c.nodeType && n.find.matchesSelector(c, a))) { f.push(c); break } return this.pushStack(f.length > 1 ? n.unique(f) : f) }, index: function(a) { return a ? "string" == typeof a ? g.call(n(a), this[0]) : g.call(this, a.jquery ? a[0] : a) : this[0] && this[0].parentNode ? this.first().prevAll().length : -1 }, add: function(a, b) { return this.pushStack(n.unique(n.merge(this.get(), n(a, b)))) }, addBack: function(a) { return this.add(null == a ? this.prevObject : this.prevObject.filter(a)) } }); function D(a, b) { while ((a = a[b]) && 1 !== a.nodeType) ; return a } n.each({ parent: function(a) { var b = a.parentNode; return b && 11 !== b.nodeType ? b : null }, parents: function(a) { return n.dir(a, "parentNode") }, parentsUntil: function(a, b, c) { return n.dir(a, "parentNode", c) }, next: function(a) { return D(a, "nextSibling") }, prev: function(a) { return D(a, "previousSibling") }, nextAll: function(a) { return n.dir(a, "nextSibling") }, prevAll: function(a) { return n.dir(a, "previousSibling") }, nextUntil: function(a, b, c) { return n.dir(a, "nextSibling", c) }, prevUntil: function(a, b, c) { return n.dir(a, "previousSibling", c) }, siblings: function(a) { return n.sibling((a.parentNode || {}).firstChild, a) }, children: function(a) { return n.sibling(a.firstChild) }, contents: function(a) { return a.contentDocument || n.merge([], a.childNodes) } }, function(a, b) { n.fn[a] = function(c, d) { var e = n.map(this, b, c); return "Until" !== a.slice(-5) && (d = c), d && "string" == typeof d && (e = n.filter(d, e)), this.length > 1 && (C[a] || n.unique(e), B.test(a) && e.reverse()), this.pushStack(e) } }); var E = /\S+/g , F = {}; function G(a) { var b = F[a] = {}; return n.each(a.match(E) || [], function(a, c) { b[c] = !0 }), b } n.Callbacks = function(a) { a = "string" == typeof a ? F[a] || G(a) : n.extend({}, a); var b, c, d, e, f, g, h = [], i = !a.once && [], j = function(l) { for (b = a.memory && l, c = !0, g = e || 0, e = 0, f = h.length, d = !0; h && f > g; g++) if (h[g].apply(l[0], l[1]) === !1 && a.stopOnFalse) { b = !1; break } d = !1, h && (i ? i.length && j(i.shift()) : b ? h = [] : k.disable()) }, k = { add: function() { if (h) { var c = h.length; !function g(b) { n.each(b, function(b, c) { var d = n.type(c); "function" === d ? a.unique && k.has(c) || h.push(c) : c && c.length && "string" !== d && g(c) }) }(arguments), d ? f = h.length : b && (e = c, j(b)) } return this }, remove: function() { return h && n.each(arguments, function(a, b) { var c; while ((c = n.inArray(b, h, c)) > -1) h.splice(c, 1), d && (f >= c && f--, g >= c && g--) }), this }, has: function(a) { return a ? n.inArray(a, h) > -1 : !(!h || !h.length) }, empty: function() { return h = [], f = 0, this }, disable: function() { return h = i = b = void 0, this }, disabled: function() { return !h }, lock: function() { return i = void 0, b || k.disable(), this }, locked: function() { return !i }, fireWith: function(a, b) { return !h || c && !i || (b = b || [], b = [a, b.slice ? b.slice() : b], d ? i.push(b) : j(b)), this }, fire: function() { return k.fireWith(this, arguments), this }, fired: function() { return !!c } }; return k } , n.extend({ Deferred: function(a) { var b = [["resolve", "done", n.Callbacks("once memory"), "resolved"], ["reject", "fail", n.Callbacks("once memory"), "rejected"], ["notify", "progress", n.Callbacks("memory")]] , c = "pending" , d = { state: function() { return c }, always: function() { return e.done(arguments).fail(arguments), this }, then: function() { var a = arguments; return n.Deferred(function(c) { n.each(b, function(b, f) { var g = n.isFunction(a[b]) && a[b]; e[f[1]](function() { var a = g && g.apply(this, arguments); a && n.isFunction(a.promise) ? a.promise().done(c.resolve).fail(c.reject).progress(c.notify) : c[f[0] + "With"](this === d ? c.promise() : this, g ? [a] : arguments) }) }), a = null }).promise() }, promise: function(a) { return null != a ? n.extend(a, d) : d } } , e = {}; return d.pipe = d.then, n.each(b, function(a, f) { var g = f[2] , h = f[3]; d[f[1]] = g.add, h && g.add(function() { c = h }, b[1 ^ a][2].disable, b[2][2].lock), e[f[0]] = function() { return e[f[0] + "With"](this === e ? d : this, arguments), this } , e[f[0] + "With"] = g.fireWith }), d.promise(e), a && a.call(e, e), e }, when: function(a) { var b = 0, c = d.call(arguments), e = c.length, f = 1 !== e || a && n.isFunction(a.promise) ? e : 0, g = 1 === f ? a : n.Deferred(), h = function(a, b, c) { return function(e) { b[a] = this, c[a] = arguments.length > 1 ? d.call(arguments) : e, c === i ? g.notifyWith(b, c) : --f || g.resolveWith(b, c) } }, i, j, k; if (e > 1) for (i = new Array(e), j = new Array(e), k = new Array(e); e > b; b++) c[b] && n.isFunction(c[b].promise) ? c[b].promise().done(h(b, k, c)).fail(g.reject).progress(h(b, j, i)) : --f; return f || g.resolveWith(k, c), g.promise() } }); var H; n.fn.ready = function(a) { return n.ready.promise().done(a), this } , n.extend({ isReady: !1, readyWait: 1, holdReady: function(a) { a ? n.readyWait++ : n.ready(!0) }, ready: function(a) { (a === !0 ? --n.readyWait : n.isReady) || (n.isReady = !0, a !== !0 && --n.readyWait > 0 || (H.resolveWith(l, [n]), n.fn.triggerHandler && (n(l).triggerHandler("ready"), n(l).off("ready")))) } }); function I() { l.removeEventListener("DOMContentLoaded", I, !1), a.removeEventListener("load", I, !1), n.ready() } n.ready.promise = function(b) { return H || (H = n.Deferred(), "complete" === l.readyState ? setTimeout(n.ready) : (l.addEventListener("DOMContentLoaded", I, !1), a.addEventListener("load", I, !1))), H.promise(b) } , n.ready.promise(); var J = n.access = function(a, b, c, d, e, f, g) { var h = 0 , i = a.length , j = null == c; if ("object" === n.type(c)) { e = !0; for (h in c) n.access(a, b, h, c[h], !0, f, g) } else if (void 0 !== d && (e = !0, n.isFunction(d) || (g = !0), j && (g ? (b.call(a, d), b = null) : (j = b, b = function(a, b, c) { return j.call(n(a), c) } )), b)) for (; i > h; h++) b(a[h], c, g ? d : d.call(a[h], h, b(a[h], c))); return e ? a : j ? b.call(a) : i ? b(a[0], c) : f } ; n.acceptData = function(a) { return 1 === a.nodeType || 9 === a.nodeType || !+a.nodeType } ; function K() { Object.defineProperty(this.cache = {}, 0, { get: function() { return {} } }), this.expando = n.expando + Math.random() } K.uid = 1, K.accepts = n.acceptData, K.prototype = { key: function(a) { if (!K.accepts(a)) return 0; var b = {} , c = a[this.expando]; if (!c) { c = K.uid++; try { b[this.expando] = { value: c }, Object.defineProperties(a, b) } catch (d) { b[this.expando] = c, n.extend(a, b) } } return this.cache[c] || (this.cache[c] = {}), c }, set: function(a, b, c) { var d, e = this.key(a), f = this.cache[e]; if ("string" == typeof b) f[b] = c; else if (n.isEmptyObject(f)) n.extend(this.cache[e], b); else for (d in b) f[d] = b[d]; return f }, get: function(a, b) { var c = this.cache[this.key(a)]; return void 0 === b ? c : c[b] }, access: function(a, b, c) { var d; return void 0 === b || b && "string" == typeof b && void 0 === c ? (d = this.get(a, b), void 0 !== d ? d : this.get(a, n.camelCase(b))) : (this.set(a, b, c), void 0 !== c ? c : b) }, remove: function(a, b) { var c, d, e, f = this.key(a), g = this.cache[f]; if (void 0 === b) this.cache[f] = {}; else { n.isArray(b) ? d = b.concat(b.map(n.camelCase)) : (e = n.camelCase(b), b in g ? d = [b, e] : (d = e, d = d in g ? [d] : d.match(E) || [])), c = d.length; while (c--) delete g[d[c]] } }, hasData: function(a) { return !n.isEmptyObject(this.cache[a[this.expando]] || {}) }, discard: function(a) { a[this.expando] && delete this.cache[a[this.expando]] } }; var L = new K , M = new K , N = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/ , O = /([A-Z])/g; function P(a, b, c) { var d; if (void 0 === c && 1 === a.nodeType) if (d = "data-" + b.replace(O, "-$1").toLowerCase(), c = a.getAttribute(d), "string" == typeof c) { try { c = "true" === c ? !0 : "false" === c ? !1 : "null" === c ? null : +c + "" === c ? +c : N.test(c) ? n.parseJSON(c) : c } catch (e) {} M.set(a, b, c) } else c = void 0; return c } n.extend({ hasData: function(a) { return M.hasData(a) || L.hasData(a) }, data: function(a, b, c) { return M.access(a, b, c) }, removeData: function(a, b) { M.remove(a, b) }, _data: function(a, b, c) { return L.access(a, b, c) }, _removeData: function(a, b) { L.remove(a, b) } }), n.fn.extend({ data: function(a, b) { var c, d, e, f = this[0], g = f && f.attributes; if (void 0 === a) { if (this.length && (e = M.get(f), 1 === f.nodeType && !L.get(f, "hasDataAttrs"))) { c = g.length; while (c--) g[c] && (d = g[c].name, 0 === d.indexOf("data-") && (d = n.camelCase(d.slice(5)), P(f, d, e[d]))); L.set(f, "hasDataAttrs", !0) } return e } return "object" == typeof a ? this.each(function() { M.set(this, a) }) : J(this, function(b) { var c, d = n.camelCase(a); if (f && void 0 === b) { if (c = M.get(f, a), void 0 !== c) return c; if (c = M.get(f, d), void 0 !== c) return c; if (c = P(f, d, void 0), void 0 !== c) return c } else this.each(function() { var c = M.get(this, d); M.set(this, d, b), -1 !== a.indexOf("-") && void 0 !== c && M.set(this, a, b) }) }, null, b, arguments.length > 1, null, !0) }, removeData: function(a) { return this.each(function() { M.remove(this, a) }) } }), n.extend({ queue: function(a, b, c) { var d; return a ? (b = (b || "fx") + "queue", d = L.get(a, b), c && (!d || n.isArray(c) ? d = L.access(a, b, n.makeArray(c)) : d.push(c)), d || []) : void 0 }, dequeue: function(a, b) { b = b || "fx"; var c = n.queue(a, b) , d = c.length , e = c.shift() , f = n._queueHooks(a, b) , g = function() { n.dequeue(a, b) }; "inprogress" === e && (e = c.shift(), d--), e && ("fx" === b && c.unshift("inprogress"), delete f.stop, e.call(a, g, f)), !d && f && f.empty.fire() }, _queueHooks: function(a, b) { var c = b + "queueHooks"; return L.get(a, c) || L.access(a, c, { empty: n.Callbacks("once memory").add(function() { L.remove(a, [b + "queue", c]) }) }) } }), n.fn.extend({ queue: function(a, b) { var c = 2; return "string" != typeof a && (b = a, a = "fx", c--), arguments.length < c ? n.queue(this[0], a) : void 0 === b ? this : this.each(function() { var c = n.queue(this, a, b); n._queueHooks(this, a), "fx" === a && "inprogress" !== c[0] && n.dequeue(this, a) }) }, dequeue: function(a) { return this.each(function() { n.dequeue(this, a) }) }, clearQueue: function(a) { return this.queue(a || "fx", []) }, promise: function(a, b) { var c, d = 1, e = n.Deferred(), f = this, g = this.length, h = function() { --d || e.resolveWith(f, [f]) }; "string" != typeof a && (b = a, a = void 0), a = a || "fx"; while (g--) c = L.get(f[g], a + "queueHooks"), c && c.empty && (d++, c.empty.add(h)); return h(), e.promise(b) } }); var Q = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source , R = ["Top", "Right", "Bottom", "Left"] , S = function(a, b) { return a = b || a, "none" === n.css(a, "display") || !n.contains(a.ownerDocument, a) } , T = /^(?:checkbox|radio)$/i; !function() { var a = l.createDocumentFragment() , b = a.appendChild(l.createElement("div")) , c = l.createElement("input"); c.setAttribute("type", "radio"), c.setAttribute("checked", "checked"), c.setAttribute("name", "t"), b.appendChild(c), k.checkClone = b.cloneNode(!0).cloneNode(!0).lastChild.checked, b.innerHTML = "", k.noCloneChecked = !!b.cloneNode(!0).lastChild.defaultValue }(); var U = "undefined"; k.focusinBubbles = "onfocusin"in a; var V = /^key/ , W = /^(?:mouse|pointer|contextmenu)|click/ , X = /^(?:focusinfocus|focusoutblur)$/ , Y = /^([^.]*)(?:\.(.+)|)$/; function Z() { return !0 } function $() { return !1 } function _() { try { return l.activeElement } catch (a) {} } n.event = { global: {}, add: function(a, b, c, d, e) { var f, g, h, i, j, k, l, m, o, p, q, r = L.get(a); if (r) { c.handler && (f = c, c = f.handler, e = f.selector), c.guid || (c.guid = n.guid++), (i = r.events) || (i = r.events = {}), (g = r.handle) || (g = r.handle = function(b) { return typeof n !== U && n.event.triggered !== b.type ? n.event.dispatch.apply(a, arguments) : void 0 } ), b = (b || "").match(E) || [""], j = b.length; while (j--) h = Y.exec(b[j]) || [], o = q = h[1], p = (h[2] || "").split(".").sort(), o && (l = n.event.special[o] || {}, o = (e ? l.delegateType : l.bindType) || o, l = n.event.special[o] || {}, k = n.extend({ type: o, origType: q, data: d, handler: c, guid: c.guid, selector: e, needsContext: e && n.expr.match.needsContext.test(e), namespace: p.join(".") }, f), (m = i[o]) || (m = i[o] = [], m.delegateCount = 0, l.setup && l.setup.call(a, d, p, g) !== !1 || a.addEventListener && a.addEventListener(o, g, !1)), l.add && (l.add.call(a, k), k.handler.guid || (k.handler.guid = c.guid)), e ? m.splice(m.delegateCount++, 0, k) : m.push(k), n.event.global[o] = !0) } }, remove: function(a, b, c, d, e) { var f, g, h, i, j, k, l, m, o, p, q, r = L.hasData(a) && L.get(a); if (r && (i = r.events)) { b = (b || "").match(E) || [""], j = b.length; while (j--) if (h = Y.exec(b[j]) || [], o = q = h[1], p = (h[2] || "").split(".").sort(), o) { l = n.event.special[o] || {}, o = (d ? l.delegateType : l.bindType) || o, m = i[o] || [], h = h[2] && new RegExp("(^|\\.)" + p.join("\\.(?:.*\\.|)") + "(\\.|$)"), g = f = m.length; while (f--) k = m[f], !e && q !== k.origType || c && c.guid !== k.guid || h && !h.test(k.namespace) || d && d !== k.selector && ("**" !== d || !k.selector) || (m.splice(f, 1), k.selector && m.delegateCount--, l.remove && l.remove.call(a, k)); g && !m.length && (l.teardown && l.teardown.call(a, p, r.handle) !== !1 || n.removeEvent(a, o, r.handle), delete i[o]) } else for (o in i) n.event.remove(a, o + b[j], c, d, !0); n.isEmptyObject(i) && (delete r.handle, L.remove(a, "events")) } }, trigger: function(b, c, d, e) { var f, g, h, i, k, m, o, p = [d || l], q = j.call(b, "type") ? b.type : b, r = j.call(b, "namespace") ? b.namespace.split(".") : []; if (g = h = d = d || l, 3 !== d.nodeType && 8 !== d.nodeType && !X.test(q + n.event.triggered) && (q.indexOf(".") >= 0 && (r = q.split("."), q = r.shift(), r.sort()), k = q.indexOf(":") < 0 && "on" + q, b = b[n.expando] ? b : new n.Event(q,"object" == typeof b && b), b.isTrigger = e ? 2 : 3, b.namespace = r.join("."), b.namespace_re = b.namespace ? new RegExp("(^|\\.)" + r.join("\\.(?:.*\\.|)") + "(\\.|$)") : null, b.result = void 0, b.target || (b.target = d), c = null == c ? [b] : n.makeArray(c, [b]), o = n.event.special[q] || {}, e || !o.trigger || o.trigger.apply(d, c) !== !1)) { if (!e && !o.noBubble && !n.isWindow(d)) { for (i = o.delegateType || q, X.test(i + q) || (g = g.parentNode); g; g = g.parentNode) p.push(g), h = g; h === (d.ownerDocument || l) && p.push(h.defaultView || h.parentWindow || a) } f = 0; while ((g = p[f++]) && !b.isPropagationStopped()) b.type = f > 1 ? i : o.bindType || q, m = (L.get(g, "events") || {})[b.type] && L.get(g, "handle"), m && m.apply(g, c), m = k && g[k], m && m.apply && n.acceptData(g) && (b.result = m.apply(g, c), b.result === !1 && b.preventDefault()); return b.type = q, e || b.isDefaultPrevented() || o._default && o._default.apply(p.pop(), c) !== !1 || !n.acceptData(d) || k && n.isFunction(d[q]) && !n.isWindow(d) && (h = d[k], h && (d[k] = null), n.event.triggered = q, d[q](), n.event.triggered = void 0, h && (d[k] = h)), b.result } }, dispatch: function(a) { a = n.event.fix(a); var b, c, e, f, g, h = [], i = d.call(arguments), j = (L.get(this, "events") || {})[a.type] || [], k = n.event.special[a.type] || {}; if (i[0] = a, a.delegateTarget = this, !k.preDispatch || k.preDispatch.call(this, a) !== !1) { h = n.event.handlers.call(this, a, j), b = 0; while ((f = h[b++]) && !a.isPropagationStopped()) { a.currentTarget = f.elem, c = 0; while ((g = f.handlers[c++]) && !a.isImmediatePropagationStopped()) (!a.namespace_re || a.namespace_re.test(g.namespace)) && (a.handleObj = g, a.data = g.data, e = ((n.event.special[g.origType] || {}).handle || g.handler).apply(f.elem, i), void 0 !== e && (a.result = e) === !1 && (a.preventDefault(), a.stopPropagation())) } return k.postDispatch && k.postDispatch.call(this, a), a.result } }, handlers: function(a, b) { var c, d, e, f, g = [], h = b.delegateCount, i = a.target; if (h && i.nodeType && (!a.button || "click" !== a.type)) for (; i !== this; i = i.parentNode || this) if (i.disabled !== !0 || "click" !== a.type) { for (d = [], c = 0; h > c; c++) f = b[c], e = f.selector + " ", void 0 === d[e] && (d[e] = f.needsContext ? n(e, this).index(i) >= 0 : n.find(e, this, null, [i]).length), d[e] && d.push(f); d.length && g.push({ elem: i, handlers: d }) } return h < b.length && g.push({ elem: this, handlers: b.slice(h) }), g }, props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "), fixHooks: {}, keyHooks: { props: "char charCode key keyCode".split(" "), filter: function(a, b) { return null == a.which && (a.which = null != b.charCode ? b.charCode : b.keyCode), a } }, mouseHooks: { props: "button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "), filter: function(a, b) { var c, d, e, f = b.button; return null == a.pageX && null != b.clientX && (c = a.target.ownerDocument || l, d = c.documentElement, e = c.body, a.pageX = b.clientX + (d && d.scrollLeft || e && e.scrollLeft || 0) - (d && d.clientLeft || e && e.clientLeft || 0), a.pageY = b.clientY + (d && d.scrollTop || e && e.scrollTop || 0) - (d && d.clientTop || e && e.clientTop || 0)), a.which || void 0 === f || (a.which = 1 & f ? 1 : 2 & f ? 3 : 4 & f ? 2 : 0), a } }, fix: function(a) { if (a[n.expando]) return a; var b, c, d, e = a.type, f = a, g = this.fixHooks[e]; g || (this.fixHooks[e] = g = W.test(e) ? this.mouseHooks : V.test(e) ? this.keyHooks : {}), d = g.props ? this.props.concat(g.props) : this.props, a = new n.Event(f), b = d.length; while (b--) c = d[b], a[c] = f[c]; return a.target || (a.target = l), 3 === a.target.nodeType && (a.target = a.target.parentNode), g.filter ? g.filter(a, f) : a }, special: { load: { noBubble: !0 }, focus: { trigger: function() { return this !== _() && this.focus ? (this.focus(), !1) : void 0 }, delegateType: "focusin" }, blur: { trigger: function() { return this === _() && this.blur ? (this.blur(), !1) : void 0 }, delegateType: "focusout" }, click: { trigger: function() { return "checkbox" === this.type && this.click && n.nodeName(this, "input") ? (this.click(), !1) : void 0 }, _default: function(a) { return n.nodeName(a.target, "a") } }, beforeunload: { postDispatch: function(a) { void 0 !== a.result && a.originalEvent && (a.originalEvent.returnValue = a.result) } } }, simulate: function(a, b, c, d) { var e = n.extend(new n.Event, c, { type: a, isSimulated: !0, originalEvent: {} }); d ? n.event.trigger(e, null, b) : n.event.dispatch.call(b, e), e.isDefaultPrevented() && c.preventDefault() } }, n.removeEvent = function(a, b, c) { a.removeEventListener && a.removeEventListener(b, c, !1) } , n.Event = function(a, b) { return this instanceof n.Event ? (a && a.type ? (this.originalEvent = a, this.type = a.type, this.isDefaultPrevented = a.defaultPrevented || void 0 === a.defaultPrevented && a.returnValue === !1 ? Z : $) : this.type = a, b && n.extend(this, b), this.timeStamp = a && a.timeStamp || n.now(), void (this[n.expando] = !0)) : new n.Event(a,b) } , n.Event.prototype = { isDefaultPrevented: $, isPropagationStopped: $, isImmediatePropagationStopped: $, preventDefault: function() { var a = this.originalEvent; this.isDefaultPrevented = Z, a && a.preventDefault && a.preventDefault() }, stopPropagation: function() { var a = this.originalEvent; this.isPropagationStopped = Z, a && a.stopPropagation && a.stopPropagation() }, stopImmediatePropagation: function() { var a = this.originalEvent; this.isImmediatePropagationStopped = Z, a && a.stopImmediatePropagation && a.stopImmediatePropagation(), this.stopPropagation() } }, n.each({ mouseenter: "mouseover", mouseleave: "mouseout", pointerenter: "pointerover", pointerleave: "pointerout" }, function(a, b) { n.event.special[a] = { delegateType: b, bindType: b, handle: function(a) { var c, d = this, e = a.relatedTarget, f = a.handleObj; return (!e || e !== d && !n.contains(d, e)) && (a.type = f.origType, c = f.handler.apply(this, arguments), a.type = b), c } } }), k.focusinBubbles || n.each({ focus: "focusin", blur: "focusout" }, function(a, b) { var c = function(a) { n.event.simulate(b, a.target, n.event.fix(a), !0) }; n.event.special[b] = { setup: function() { var d = this.ownerDocument || this , e = L.access(d, b); e || d.addEventListener(a, c, !0), L.access(d, b, (e || 0) + 1) }, teardown: function() { var d = this.ownerDocument || this , e = L.access(d, b) - 1; e ? L.access(d, b, e) : (d.removeEventListener(a, c, !0), L.remove(d, b)) } } }), n.fn.extend({ on: function(a, b, c, d, e) { var f, g; if ("object" == typeof a) { "string" != typeof b && (c = c || b, b = void 0); for (g in a) this.on(g, b, c, a[g], e); return this } if (null == c && null == d ? (d = b, c = b = void 0) : null == d && ("string" == typeof b ? (d = c, c = void 0) : (d = c, c = b, b = void 0)), d === !1) d = $; else if (!d) return this; return 1 === e && (f = d, d = function(a) { return n().off(a), f.apply(this, arguments) } , d.guid = f.guid || (f.guid = n.guid++)), this.each(function() { n.event.add(this, a, d, c, b) }) }, one: function(a, b, c, d) { return this.on(a, b, c, d, 1) }, off: function(a, b, c) { var d, e; if (a && a.preventDefault && a.handleObj) return d = a.handleObj, n(a.delegateTarget).off(d.namespace ? d.origType + "." + d.namespace : d.origType, d.selector, d.handler), this; if ("object" == typeof a) { for (e in a) this.off(e, b, a[e]); return this } return (b === !1 || "function" == typeof b) && (c = b, b = void 0), c === !1 && (c = $), this.each(function() { n.event.remove(this, a, c, b) }) }, trigger: function(a, b) { return this.each(function() { n.event.trigger(a, b, this) }) }, triggerHandler: function(a, b) { var c = this[0]; return c ? n.event.trigger(a, b, c, !0) : void 0 } }); var ab = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi , bb = /<([\w:]+)/ , cb = /<|&#?\w+;/ , db = /<(?:script|style|link)/i , eb = /checked\s*(?:[^=]|=\s*.checked.)/i , fb = /^$|\/(?:java|ecma)script/i , gb = /^true\/(.*)/ , hb = /^\s*\s*$/g , ib = { option: [1, ""], thead: [1, "", "
"], col: [2, "", "
"], tr: [2, "", "
"], td: [3, "", "
"], _default: [0, "", ""] }; ib.optgroup = ib.option, ib.tbody = ib.tfoot = ib.colgroup = ib.caption = ib.thead, ib.th = ib.td; function jb(a, b) { return n.nodeName(a, "table") && n.nodeName(11 !== b.nodeType ? b : b.firstChild, "tr") ? a.getElementsByTagName("tbody")[0] || a.appendChild(a.ownerDocument.createElement("tbody")) : a } function kb(a) { return a.type = (null !== a.getAttribute("type")) + "/" + a.type, a } function lb(a) { var b = gb.exec(a.type); return b ? a.type = b[1] : a.removeAttribute("type"), a } function mb(a, b) { for (var c = 0, d = a.length; d > c; c++) L.set(a[c], "globalEval", !b || L.get(b[c], "globalEval")) } function nb(a, b) { var c, d, e, f, g, h, i, j; if (1 === b.nodeType) { if (L.hasData(a) && (f = L.access(a), g = L.set(b, f), j = f.events)) { delete g.handle, g.events = {}; for (e in j) for (c = 0, d = j[e].length; d > c; c++) n.event.add(b, e, j[e][c]) } M.hasData(a) && (h = M.access(a), i = n.extend({}, h), M.set(b, i)) } } function ob(a, b) { var c = a.getElementsByTagName ? a.getElementsByTagName(b || "*") : a.querySelectorAll ? a.querySelectorAll(b || "*") : []; return void 0 === b || b && n.nodeName(a, b) ? n.merge([a], c) : c } function pb(a, b) { var c = b.nodeName.toLowerCase(); "input" === c && T.test(a.type) ? b.checked = a.checked : ("input" === c || "textarea" === c) && (b.defaultValue = a.defaultValue) } n.extend({ clone: function(a, b, c) { var d, e, f, g, h = a.cloneNode(!0), i = n.contains(a.ownerDocument, a); if (!(k.noCloneChecked || 1 !== a.nodeType && 11 !== a.nodeType || n.isXMLDoc(a))) for (g = ob(h), f = ob(a), d = 0, e = f.length; e > d; d++) pb(f[d], g[d]); if (b) if (c) for (f = f || ob(a), g = g || ob(h), d = 0, e = f.length; e > d; d++) nb(f[d], g[d]); else nb(a, h); return g = ob(h, "script"), g.length > 0 && mb(g, !i && ob(a, "script")), h }, buildFragment: function(a, b, c, d) { for (var e, f, g, h, i, j, k = b.createDocumentFragment(), l = [], m = 0, o = a.length; o > m; m++) if (e = a[m], e || 0 === e) if ("object" === n.type(e)) n.merge(l, e.nodeType ? [e] : e); else if (cb.test(e)) { f = f || k.appendChild(b.createElement("div")), g = (bb.exec(e) || ["", ""])[1].toLowerCase(), h = ib[g] || ib._default, f.innerHTML = h[1] + e.replace(ab, "<$1>") + h[2], j = h[0]; while (j--) f = f.lastChild; n.merge(l, f.childNodes), f = k.firstChild, f.textContent = "" } else l.push(b.createTextNode(e)); k.textContent = "", m = 0; while (e = l[m++]) if ((!d || -1 === n.inArray(e, d)) && (i = n.contains(e.ownerDocument, e), f = ob(k.appendChild(e), "script"), i && mb(f), c)) { j = 0; while (e = f[j++]) fb.test(e.type || "") && c.push(e) } return k }, cleanData: function(a) { for (var b, c, d, e, f = n.event.special, g = 0; void 0 !== (c = a[g]); g++) { if (n.acceptData(c) && (e = c[L.expando], e && (b = L.cache[e]))) { if (b.events) for (d in b.events) f[d] ? n.event.remove(c, d) : n.removeEvent(c, d, b.handle); L.cache[e] && delete L.cache[e] } delete M.cache[c[M.expando]] } } }), n.fn.extend({ text: function(a) { return J(this, function(a) { return void 0 === a ? n.text(this) : this.empty().each(function() { (1 === this.nodeType || 11 === this.nodeType || 9 === this.nodeType) && (this.textContent = a) }) }, null, a, arguments.length) }, append: function() { return this.domManip(arguments, function(a) { if (1 === this.nodeType || 11 === this.nodeType || 9 === this.nodeType) { var b = jb(this, a); b.appendChild(a) } }) }, prepend: function() { return this.domManip(arguments, function(a) { if (1 === this.nodeType || 11 === this.nodeType || 9 === this.nodeType) { var b = jb(this, a); b.insertBefore(a, b.firstChild) } }) }, before: function() { return this.domManip(arguments, function(a) { this.parentNode && this.parentNode.insertBefore(a, this) }) }, after: function() { return this.domManip(arguments, function(a) { this.parentNode && this.parentNode.insertBefore(a, this.nextSibling) }) }, remove: function(a, b) { for (var c, d = a ? n.filter(a, this) : this, e = 0; null != (c = d[e]); e++) b || 1 !== c.nodeType || n.cleanData(ob(c)), c.parentNode && (b && n.contains(c.ownerDocument, c) && mb(ob(c, "script")), c.parentNode.removeChild(c)); return this }, empty: function() { for (var a, b = 0; null != (a = this[b]); b++) 1 === a.nodeType && (n.cleanData(ob(a, !1)), a.textContent = ""); return this }, clone: function(a, b) { return a = null == a ? !1 : a, b = null == b ? a : b, this.map(function() { return n.clone(this, a, b) }) }, html: function(a) { return J(this, function(a) { var b = this[0] || {} , c = 0 , d = this.length; if (void 0 === a && 1 === b.nodeType) return b.innerHTML; if ("string" == typeof a && !db.test(a) && !ib[(bb.exec(a) || ["", ""])[1].toLowerCase()]) { a = a.replace(ab, "<$1>"); try { for (; d > c; c++) b = this[c] || {}, 1 === b.nodeType && (n.cleanData(ob(b, !1)), b.innerHTML = a); b = 0 } catch (e) {} } b && this.empty().append(a) }, null, a, arguments.length) }, replaceWith: function() { var a = arguments[0]; return this.domManip(arguments, function(b) { a = this.parentNode, n.cleanData(ob(this)), a && a.replaceChild(b, this) }), a && (a.length || a.nodeType) ? this : this.remove() }, detach: function(a) { return this.remove(a, !0) }, domManip: function(a, b) { a = e.apply([], a); var c, d, f, g, h, i, j = 0, l = this.length, m = this, o = l - 1, p = a[0], q = n.isFunction(p); if (q || l > 1 && "string" == typeof p && !k.checkClone && eb.test(p)) return this.each(function(c) { var d = m.eq(c); q && (a[0] = p.call(this, c, d.html())), d.domManip(a, b) }); if (l && (c = n.buildFragment(a, this[0].ownerDocument, !1, this), d = c.firstChild, 1 === c.childNodes.length && (c = d), d)) { for (f = n.map(ob(c, "script"), kb), g = f.length; l > j; j++) h = c, j !== o && (h = n.clone(h, !0, !0), g && n.merge(f, ob(h, "script"))), b.call(this[j], h, j); if (g) for (i = f[f.length - 1].ownerDocument, n.map(f, lb), j = 0; g > j; j++) h = f[j], fb.test(h.type || "") && !L.access(h, "globalEval") && n.contains(i, h) && (h.src ? n._evalUrl && n._evalUrl(h.src) : n.globalEval(h.textContent.replace(hb, ""))) } return this } }), n.each({ appendTo: "append", prependTo: "prepend", insertBefore: "before", insertAfter: "after", replaceAll: "replaceWith" }, function(a, b) { n.fn[a] = function(a) { for (var c, d = [], e = n(a), g = e.length - 1, h = 0; g >= h; h++) c = h === g ? this : this.clone(!0), n(e[h])[b](c), f.apply(d, c.get()); return this.pushStack(d) } }); var qb, rb = {}; function sb(b, c) { var d, e = n(c.createElement(b)).appendTo(c.body), f = a.getDefaultComputedStyle && (d = a.getDefaultComputedStyle(e[0])) ? d.display : n.css(e[0], "display"); return e.detach(), f } function tb(a) { var b = l , c = rb[a]; return c || (c = sb(a, b), "none" !== c && c || (qb = (qb || n("")).appendTo(b.documentElement), b = qb[0].contentDocument, b.write(), b.close(), c = sb(a, b), qb.detach()), rb[a] = c), c } var ub = /^margin/ , vb = new RegExp("^(" + Q + ")(?!px)[a-z%]+$","i") , wb = function(a) { return a.ownerDocument.defaultView.getComputedStyle(a, null) }; function xb(a, b, c) { var d, e, f, g, h = a.style; return c = c || wb(a), c && (g = c.getPropertyValue(b) || c[b]), c && ("" !== g || n.contains(a.ownerDocument, a) || (g = n.style(a, b)), vb.test(g) && ub.test(b) && (d = h.width, e = h.minWidth, f = h.maxWidth, h.minWidth = h.maxWidth = h.width = g, g = c.width, h.width = d, h.minWidth = e, h.maxWidth = f)), void 0 !== g ? g + "" : g } function yb(a, b) { return { get: function() { return a() ? void delete this.get : (this.get = b).apply(this, arguments) } } } !function() { var b, c, d = l.documentElement, e = l.createElement("div"), f = l.createElement("div"); if (f.style) { f.style.backgroundClip = "content-box", f.cloneNode(!0).style.backgroundClip = "", k.clearCloneStyle = "content-box" === f.style.backgroundClip, e.style.cssText = "border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;position:absolute", e.appendChild(f); function g() { f.style.cssText = "-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute", f.innerHTML = "", d.appendChild(e); var g = a.getComputedStyle(f, null); b = "1%" !== g.top, c = "4px" === g.width, d.removeChild(e) } a.getComputedStyle && n.extend(k, { pixelPosition: function() { return g(), b }, boxSizingReliable: function() { return null == c && g(), c }, reliableMarginRight: function() { var b, c = f.appendChild(l.createElement("div")); return c.style.cssText = f.style.cssText = "-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0", c.style.marginRight = c.style.width = "0", f.style.width = "1px", d.appendChild(e), b = !parseFloat(a.getComputedStyle(c, null).marginRight), d.removeChild(e), b } }) } }(), n.swap = function(a, b, c, d) { var e, f, g = {}; for (f in b) g[f] = a.style[f], a.style[f] = b[f]; e = c.apply(a, d || []); for (f in b) a.style[f] = g[f]; return e } ; var zb = /^(none|table(?!-c[ea]).+)/ , Ab = new RegExp("^(" + Q + ")(.*)$","i") , Bb = new RegExp("^([+-])=(" + Q + ")","i") , Cb = { position: "absolute", visibility: "hidden", display: "block" } , Db = { letterSpacing: "0", fontWeight: "400" } , Eb = ["Webkit", "O", "Moz", "ms"]; function Fb(a, b) { if (b in a) return b; var c = b[0].toUpperCase() + b.slice(1) , d = b , e = Eb.length; while (e--) if (b = Eb[e] + c, b in a) return b; return d } function Gb(a, b, c) { var d = Ab.exec(b); return d ? Math.max(0, d[1] - (c || 0)) + (d[2] || "px") : b } function Hb(a, b, c, d, e) { for (var f = c === (d ? "border" : "content") ? 4 : "width" === b ? 1 : 0, g = 0; 4 > f; f += 2) "margin" === c && (g += n.css(a, c + R[f], !0, e)), d ? ("content" === c && (g -= n.css(a, "padding" + R[f], !0, e)), "margin" !== c && (g -= n.css(a, "border" + R[f] + "Width", !0, e))) : (g += n.css(a, "padding" + R[f], !0, e), "padding" !== c && (g += n.css(a, "border" + R[f] + "Width", !0, e))); return g } function Ib(a, b, c) { var d = !0 , e = "width" === b ? a.offsetWidth : a.offsetHeight , f = wb(a) , g = "border-box" === n.css(a, "boxSizing", !1, f); if (0 >= e || null == e) { if (e = xb(a, b, f), (0 > e || null == e) && (e = a.style[b]), vb.test(e)) return e; d = g && (k.boxSizingReliable() || e === a.style[b]), e = parseFloat(e) || 0 } return e + Hb(a, b, c || (g ? "border" : "content"), d, f) + "px" } function Jb(a, b) { for (var c, d, e, f = [], g = 0, h = a.length; h > g; g++) d = a[g], d.style && (f[g] = L.get(d, "olddisplay"), c = d.style.display, b ? (f[g] || "none" !== c || (d.style.display = ""), "" === d.style.display && S(d) && (f[g] = L.access(d, "olddisplay", tb(d.nodeName)))) : (e = S(d), "none" === c && e || L.set(d, "olddisplay", e ? c : n.css(d, "display")))); for (g = 0; h > g; g++) d = a[g], d.style && (b && "none" !== d.style.display && "" !== d.style.display || (d.style.display = b ? f[g] || "" : "none")); return a } n.extend({ cssHooks: { opacity: { get: function(a, b) { if (b) { var c = xb(a, "opacity"); return "" === c ? "1" : c } } } }, cssNumber: { columnCount: !0, fillOpacity: !0, flexGrow: !0, flexShrink: !0, fontWeight: !0, lineHeight: !0, opacity: !0, order: !0, orphans: !0, widows: !0, zIndex: !0, zoom: !0 }, cssProps: { "float": "cssFloat" }, style: function(a, b, c, d) { if (a && 3 !== a.nodeType && 8 !== a.nodeType && a.style) { var e, f, g, h = n.camelCase(b), i = a.style; return b = n.cssProps[h] || (n.cssProps[h] = Fb(i, h)), g = n.cssHooks[b] || n.cssHooks[h], void 0 === c ? g && "get"in g && void 0 !== (e = g.get(a, !1, d)) ? e : i[b] : (f = typeof c, "string" === f && (e = Bb.exec(c)) && (c = (e[1] + 1) * e[2] + parseFloat(n.css(a, b)), f = "number"), null != c && c === c && ("number" !== f || n.cssNumber[h] || (c += "px"), k.clearCloneStyle || "" !== c || 0 !== b.indexOf("background") || (i[b] = "inherit"), g && "set"in g && void 0 === (c = g.set(a, c, d)) || (i[b] = c)), void 0) } }, css: function(a, b, c, d) { var e, f, g, h = n.camelCase(b); return b = n.cssProps[h] || (n.cssProps[h] = Fb(a.style, h)), g = n.cssHooks[b] || n.cssHooks[h], g && "get"in g && (e = g.get(a, !0, c)), void 0 === e && (e = xb(a, b, d)), "normal" === e && b in Db && (e = Db[b]), "" === c || c ? (f = parseFloat(e), c === !0 || n.isNumeric(f) ? f || 0 : e) : e } }), n.each(["height", "width"], function(a, b) { n.cssHooks[b] = { get: function(a, c, d) { return c ? zb.test(n.css(a, "display")) && 0 === a.offsetWidth ? n.swap(a, Cb, function() { return Ib(a, b, d) }) : Ib(a, b, d) : void 0 }, set: function(a, c, d) { var e = d && wb(a); return Gb(a, c, d ? Hb(a, b, d, "border-box" === n.css(a, "boxSizing", !1, e), e) : 0) } } }), n.cssHooks.marginRight = yb(k.reliableMarginRight, function(a, b) { return b ? n.swap(a, { display: "inline-block" }, xb, [a, "marginRight"]) : void 0 }), n.each({ margin: "", padding: "", border: "Width" }, function(a, b) { n.cssHooks[a + b] = { expand: function(c) { for (var d = 0, e = {}, f = "string" == typeof c ? c.split(" ") : [c]; 4 > d; d++) e[a + R[d] + b] = f[d] || f[d - 2] || f[0]; return e } }, ub.test(a) || (n.cssHooks[a + b].set = Gb) }), n.fn.extend({ css: function(a, b) { return J(this, function(a, b, c) { var d, e, f = {}, g = 0; if (n.isArray(b)) { for (d = wb(a), e = b.length; e > g; g++) f[b[g]] = n.css(a, b[g], !1, d); return f } return void 0 !== c ? n.style(a, b, c) : n.css(a, b) }, a, b, arguments.length > 1) }, show: function() { return Jb(this, !0) }, hide: function() { return Jb(this) }, toggle: function(a) { return "boolean" == typeof a ? a ? this.show() : this.hide() : this.each(function() { S(this) ? n(this).show() : n(this).hide() }) } }); function Kb(a, b, c, d, e) { return new Kb.prototype.init(a,b,c,d,e) } n.Tween = Kb, Kb.prototype = { constructor: Kb, init: function(a, b, c, d, e, f) { this.elem = a, this.prop = c, this.easing = e || "swing", this.options = b, this.start = this.now = this.cur(), this.end = d, this.unit = f || (n.cssNumber[c] ? "" : "px") }, cur: function() { var a = Kb.propHooks[this.prop]; return a && a.get ? a.get(this) : Kb.propHooks._default.get(this) }, run: function(a) { var b, c = Kb.propHooks[this.prop]; return this.pos = b = this.options.duration ? n.easing[this.easing](a, this.options.duration * a, 0, 1, this.options.duration) : a, this.now = (this.end - this.start) * b + this.start, this.options.step && this.options.step.call(this.elem, this.now, this), c && c.set ? c.set(this) : Kb.propHooks._default.set(this), this } }, Kb.prototype.init.prototype = Kb.prototype, Kb.propHooks = { _default: { get: function(a) { var b; return null == a.elem[a.prop] || a.elem.style && null != a.elem.style[a.prop] ? (b = n.css(a.elem, a.prop, ""), b && "auto" !== b ? b : 0) : a.elem[a.prop] }, set: function(a) { n.fx.step[a.prop] ? n.fx.step[a.prop](a) : a.elem.style && (null != a.elem.style[n.cssProps[a.prop]] || n.cssHooks[a.prop]) ? n.style(a.elem, a.prop, a.now + a.unit) : a.elem[a.prop] = a.now } } }, Kb.propHooks.scrollTop = Kb.propHooks.scrollLeft = { set: function(a) { a.elem.nodeType && a.elem.parentNode && (a.elem[a.prop] = a.now) } }, n.easing = { linear: function(a) { return a }, swing: function(a) { return .5 - Math.cos(a * Math.PI) / 2 } }, n.fx = Kb.prototype.init, n.fx.step = {}; var Lb, Mb, Nb = /^(?:toggle|show|hide)$/, Ob = new RegExp("^(?:([+-])=|)(" + Q + ")([a-z%]*)$","i"), Pb = /queueHooks$/, Qb = [Vb], Rb = { "*": [function(a, b) { var c = this.createTween(a, b) , d = c.cur() , e = Ob.exec(b) , f = e && e[3] || (n.cssNumber[a] ? "" : "px") , g = (n.cssNumber[a] || "px" !== f && +d) && Ob.exec(n.css(c.elem, a)) , h = 1 , i = 20; if (g && g[3] !== f) { f = f || g[3], e = e || [], g = +d || 1; do h = h || ".5", g /= h, n.style(c.elem, a, g + f); while (h !== (h = c.cur() / d) && 1 !== h && --i) } return e && (g = c.start = +g || +d || 0, c.unit = f, c.end = e[1] ? g + (e[1] + 1) * e[2] : +e[2]), c } ] }; function Sb() { return setTimeout(function() { Lb = void 0 }), Lb = n.now() } function Tb(a, b) { var c, d = 0, e = { height: a }; for (b = b ? 1 : 0; 4 > d; d += 2 - b) c = R[d], e["margin" + c] = e["padding" + c] = a; return b && (e.opacity = e.width = a), e } function Ub(a, b, c) { for (var d, e = (Rb[b] || []).concat(Rb["*"]), f = 0, g = e.length; g > f; f++) if (d = e[f].call(c, b, a)) return d } function Vb(a, b, c) { var d, e, f, g, h, i, j, k, l = this, m = {}, o = a.style, p = a.nodeType && S(a), q = L.get(a, "fxshow"); c.queue || (h = n._queueHooks(a, "fx"), null == h.unqueued && (h.unqueued = 0, i = h.empty.fire, h.empty.fire = function() { h.unqueued || i() } ), h.unqueued++, l.always(function() { l.always(function() { h.unqueued--, n.queue(a, "fx").length || h.empty.fire() }) })), 1 === a.nodeType && ("height"in b || "width"in b) && (c.overflow = [o.overflow, o.overflowX, o.overflowY], j = n.css(a, "display"), k = "none" === j ? L.get(a, "olddisplay") || tb(a.nodeName) : j, "inline" === k && "none" === n.css(a, "float") && (o.display = "inline-block")), c.overflow && (o.overflow = "hidden", l.always(function() { o.overflow = c.overflow[0], o.overflowX = c.overflow[1], o.overflowY = c.overflow[2] })); for (d in b) if (e = b[d], Nb.exec(e)) { if (delete b[d], f = f || "toggle" === e, e === (p ? "hide" : "show")) { if ("show" !== e || !q || void 0 === q[d]) continue; p = !0 } m[d] = q && q[d] || n.style(a, d) } else j = void 0; if (n.isEmptyObject(m)) "inline" === ("none" === j ? tb(a.nodeName) : j) && (o.display = j); else { q ? "hidden"in q && (p = q.hidden) : q = L.access(a, "fxshow", {}), f && (q.hidden = !p), p ? n(a).show() : l.done(function() { n(a).hide() }), l.done(function() { var b; L.remove(a, "fxshow"); for (b in m) n.style(a, b, m[b]) }); for (d in m) g = Ub(p ? q[d] : 0, d, l), d in q || (q[d] = g.start, p && (g.end = g.start, g.start = "width" === d || "height" === d ? 1 : 0)) } } function Wb(a, b) { var c, d, e, f, g; for (c in a) if (d = n.camelCase(c), e = b[d], f = a[c], n.isArray(f) && (e = f[1], f = a[c] = f[0]), c !== d && (a[d] = f, delete a[c]), g = n.cssHooks[d], g && "expand"in g) { f = g.expand(f), delete a[d]; for (c in f) c in a || (a[c] = f[c], b[c] = e) } else b[d] = e } function Xb(a, b, c) { var d, e, f = 0, g = Qb.length, h = n.Deferred().always(function() { delete i.elem }), i = function() { if (e) return !1; for (var b = Lb || Sb(), c = Math.max(0, j.startTime + j.duration - b), d = c / j.duration || 0, f = 1 - d, g = 0, i = j.tweens.length; i > g; g++) j.tweens[g].run(f); return h.notifyWith(a, [j, f, c]), 1 > f && i ? c : (h.resolveWith(a, [j]), !1) }, j = h.promise({ elem: a, props: n.extend({}, b), opts: n.extend(!0, { specialEasing: {} }, c), originalProperties: b, originalOptions: c, startTime: Lb || Sb(), duration: c.duration, tweens: [], createTween: function(b, c) { var d = n.Tween(a, j.opts, b, c, j.opts.specialEasing[b] || j.opts.easing); return j.tweens.push(d), d }, stop: function(b) { var c = 0 , d = b ? j.tweens.length : 0; if (e) return this; for (e = !0; d > c; c++) j.tweens[c].run(1); return b ? h.resolveWith(a, [j, b]) : h.rejectWith(a, [j, b]), this } }), k = j.props; for (Wb(k, j.opts.specialEasing); g > f; f++) if (d = Qb[f].call(j, a, k, j.opts)) return d; return n.map(k, Ub, j), n.isFunction(j.opts.start) && j.opts.start.call(a, j), n.fx.timer(n.extend(i, { elem: a, anim: j, queue: j.opts.queue })), j.progress(j.opts.progress).done(j.opts.done, j.opts.complete).fail(j.opts.fail).always(j.opts.always) } n.Animation = n.extend(Xb, { tweener: function(a, b) { n.isFunction(a) ? (b = a, a = ["*"]) : a = a.split(" "); for (var c, d = 0, e = a.length; e > d; d++) c = a[d], Rb[c] = Rb[c] || [], Rb[c].unshift(b) }, prefilter: function(a, b) { b ? Qb.unshift(a) : Qb.push(a) } }), n.speed = function(a, b, c) { var d = a && "object" == typeof a ? n.extend({}, a) : { complete: c || !c && b || n.isFunction(a) && a, duration: a, easing: c && b || b && !n.isFunction(b) && b }; return d.duration = n.fx.off ? 0 : "number" == typeof d.duration ? d.duration : d.duration in n.fx.speeds ? n.fx.speeds[d.duration] : n.fx.speeds._default, (null == d.queue || d.queue === !0) && (d.queue = "fx"), d.old = d.complete, d.complete = function() { n.isFunction(d.old) && d.old.call(this), d.queue && n.dequeue(this, d.queue) } , d } , n.fn.extend({ fadeTo: function(a, b, c, d) { return this.filter(S).css("opacity", 0).show().end().animate({ opacity: b }, a, c, d) }, animate: function(a, b, c, d) { var e = n.isEmptyObject(a) , f = n.speed(b, c, d) , g = function() { var b = Xb(this, n.extend({}, a), f); (e || L.get(this, "finish")) && b.stop(!0) }; return g.finish = g, e || f.queue === !1 ? this.each(g) : this.queue(f.queue, g) }, stop: function(a, b, c) { var d = function(a) { var b = a.stop; delete a.stop, b(c) }; return "string" != typeof a && (c = b, b = a, a = void 0), b && a !== !1 && this.queue(a || "fx", []), this.each(function() { var b = !0 , e = null != a && a + "queueHooks" , f = n.timers , g = L.get(this); if (e) g[e] && g[e].stop && d(g[e]); else for (e in g) g[e] && g[e].stop && Pb.test(e) && d(g[e]); for (e = f.length; e--; ) f[e].elem !== this || null != a && f[e].queue !== a || (f[e].anim.stop(c), b = !1, f.splice(e, 1)); (b || !c) && n.dequeue(this, a) }) }, finish: function(a) { return a !== !1 && (a = a || "fx"), this.each(function() { var b, c = L.get(this), d = c[a + "queue"], e = c[a + "queueHooks"], f = n.timers, g = d ? d.length : 0; for (c.finish = !0, n.queue(this, a, []), e && e.stop && e.stop.call(this, !0), b = f.length; b--; ) f[b].elem === this && f[b].queue === a && (f[b].anim.stop(!0), f.splice(b, 1)); for (b = 0; g > b; b++) d[b] && d[b].finish && d[b].finish.call(this); delete c.finish }) } }), n.each(["toggle", "show", "hide"], function(a, b) { var c = n.fn[b]; n.fn[b] = function(a, d, e) { return null == a || "boolean" == typeof a ? c.apply(this, arguments) : this.animate(Tb(b, !0), a, d, e) } }), n.each({ slideDown: Tb("show"), slideUp: Tb("hide"), slideToggle: Tb("toggle"), fadeIn: { opacity: "show" }, fadeOut: { opacity: "hide" }, fadeToggle: { opacity: "toggle" } }, function(a, b) { n.fn[a] = function(a, c, d) { return this.animate(b, a, c, d) } }), n.timers = [], n.fx.tick = function() { var a, b = 0, c = n.timers; for (Lb = n.now(); b < c.length; b++) a = c[b], a() || c[b] !== a || c.splice(b--, 1); c.length || n.fx.stop(), Lb = void 0 } , n.fx.timer = function(a) { n.timers.push(a), a() ? n.fx.start() : n.timers.pop() } , n.fx.interval = 13, n.fx.start = function() { Mb || (Mb = setInterval(n.fx.tick, n.fx.interval)) } , n.fx.stop = function() { clearInterval(Mb), Mb = null } , n.fx.speeds = { slow: 600, fast: 200, _default: 400 }, n.fn.delay = function(a, b) { return a = n.fx ? n.fx.speeds[a] || a : a, b = b || "fx", this.queue(b, function(b, c) { var d = setTimeout(b, a); c.stop = function() { clearTimeout(d) } }) } , function() { var a = l.createElement("input") , b = l.createElement("select") , c = b.appendChild(l.createElement("option")); a.type = "checkbox", k.checkOn = "" !== a.value, k.optSelected = c.selected, b.disabled = !0, k.optDisabled = !c.disabled, a = l.createElement("input"), a.value = "t", a.type = "radio", k.radioValue = "t" === a.value }(); var Yb, Zb, $b = n.expr.attrHandle; n.fn.extend({ attr: function(a, b) { return J(this, n.attr, a, b, arguments.length > 1) }, removeAttr: function(a) { return this.each(function() { n.removeAttr(this, a) }) } }), n.extend({ attr: function(a, b, c) { var d, e, f = a.nodeType; if (a && 3 !== f && 8 !== f && 2 !== f) return typeof a.getAttribute === U ? n.prop(a, b, c) : (1 === f && n.isXMLDoc(a) || (b = b.toLowerCase(), d = n.attrHooks[b] || (n.expr.match.bool.test(b) ? Zb : Yb)), void 0 === c ? d && "get"in d && null !== (e = d.get(a, b)) ? e : (e = n.find.attr(a, b), null == e ? void 0 : e) : null !== c ? d && "set"in d && void 0 !== (e = d.set(a, c, b)) ? e : (a.setAttribute(b, c + ""), c) : void n.removeAttr(a, b)) }, removeAttr: function(a, b) { var c, d, e = 0, f = b && b.match(E); if (f && 1 === a.nodeType) while (c = f[e++]) d = n.propFix[c] || c, n.expr.match.bool.test(c) && (a[d] = !1), a.removeAttribute(c) }, attrHooks: { type: { set: function(a, b) { if (!k.radioValue && "radio" === b && n.nodeName(a, "input")) { var c = a.value; return a.setAttribute("type", b), c && (a.value = c), b } } } } }), Zb = { set: function(a, b, c) { return b === !1 ? n.removeAttr(a, c) : a.setAttribute(c, c), c } }, n.each(n.expr.match.bool.source.match(/\w+/g), function(a, b) { var c = $b[b] || n.find.attr; $b[b] = function(a, b, d) { var e, f; return d || (f = $b[b], $b[b] = e, e = null != c(a, b, d) ? b.toLowerCase() : null, $b[b] = f), e } }); var _b = /^(?:input|select|textarea|button)$/i; n.fn.extend({ prop: function(a, b) { return J(this, n.prop, a, b, arguments.length > 1) }, removeProp: function(a) { return this.each(function() { delete this[n.propFix[a] || a] }) } }), n.extend({ propFix: { "for": "htmlFor", "class": "className" }, prop: function(a, b, c) { var d, e, f, g = a.nodeType; if (a && 3 !== g && 8 !== g && 2 !== g) return f = 1 !== g || !n.isXMLDoc(a), f && (b = n.propFix[b] || b, e = n.propHooks[b]), void 0 !== c ? e && "set"in e && void 0 !== (d = e.set(a, c, b)) ? d : a[b] = c : e && "get"in e && null !== (d = e.get(a, b)) ? d : a[b] }, propHooks: { tabIndex: { get: function(a) { return a.hasAttribute("tabindex") || _b.test(a.nodeName) || a.href ? a.tabIndex : -1 } } } }), k.optSelected || (n.propHooks.selected = { get: function(a) { var b = a.parentNode; return b && b.parentNode && b.parentNode.selectedIndex, null } }), n.each(["tabIndex", "readOnly", "maxLength", "cellSpacing", "cellPadding", "rowSpan", "colSpan", "useMap", "frameBorder", "contentEditable"], function() { n.propFix[this.toLowerCase()] = this }); var ac = /[\t\r\n\f]/g; n.fn.extend({ addClass: function(a) { var b, c, d, e, f, g, h = "string" == typeof a && a, i = 0, j = this.length; if (n.isFunction(a)) return this.each(function(b) { n(this).addClass(a.call(this, b, this.className)) }); if (h) for (b = (a || "").match(E) || []; j > i; i++) if (c = this[i], d = 1 === c.nodeType && (c.className ? (" " + c.className + " ").replace(ac, " ") : " ")) { f = 0; while (e = b[f++]) d.indexOf(" " + e + " ") < 0 && (d += e + " "); g = n.trim(d), c.className !== g && (c.className = g) } return this }, removeClass: function(a) { var b, c, d, e, f, g, h = 0 === arguments.length || "string" == typeof a && a, i = 0, j = this.length; if (n.isFunction(a)) return this.each(function(b) { n(this).removeClass(a.call(this, b, this.className)) }); if (h) for (b = (a || "").match(E) || []; j > i; i++) if (c = this[i], d = 1 === c.nodeType && (c.className ? (" " + c.className + " ").replace(ac, " ") : "")) { f = 0; while (e = b[f++]) while (d.indexOf(" " + e + " ") >= 0) d = d.replace(" " + e + " ", " "); g = a ? n.trim(d) : "", c.className !== g && (c.className = g) } return this }, toggleClass: function(a, b) { var c = typeof a; return "boolean" == typeof b && "string" === c ? b ? this.addClass(a) : this.removeClass(a) : this.each(n.isFunction(a) ? function(c) { n(this).toggleClass(a.call(this, c, this.className, b), b) } : function() { if ("string" === c) { var b, d = 0, e = n(this), f = a.match(E) || []; while (b = f[d++]) e.hasClass(b) ? e.removeClass(b) : e.addClass(b) } else (c === U || "boolean" === c) && (this.className && L.set(this, "__className__", this.className), this.className = this.className || a === !1 ? "" : L.get(this, "__className__") || "") } ) }, hasClass: function(a) { for (var b = " " + a + " ", c = 0, d = this.length; d > c; c++) if (1 === this[c].nodeType && (" " + this[c].className + " ").replace(ac, " ").indexOf(b) >= 0) return !0; return !1 } }); var bc = /\r/g; n.fn.extend({ val: function(a) { var b, c, d, e = this[0]; { if (arguments.length) return d = n.isFunction(a), this.each(function(c) { var e; 1 === this.nodeType && (e = d ? a.call(this, c, n(this).val()) : a, null == e ? e = "" : "number" == typeof e ? e += "" : n.isArray(e) && (e = n.map(e, function(a) { return null == a ? "" : a + "" })), b = n.valHooks[this.type] || n.valHooks[this.nodeName.toLowerCase()], b && "set"in b && void 0 !== b.set(this, e, "value") || (this.value = e)) }); if (e) return b = n.valHooks[e.type] || n.valHooks[e.nodeName.toLowerCase()], b && "get"in b && void 0 !== (c = b.get(e, "value")) ? c : (c = e.value, "string" == typeof c ? c.replace(bc, "") : null == c ? "" : c) } } }), n.extend({ valHooks: { option: { get: function(a) { var b = n.find.attr(a, "value"); return null != b ? b : n.trim(n.text(a)) } }, select: { get: function(a) { for (var b, c, d = a.options, e = a.selectedIndex, f = "select-one" === a.type || 0 > e, g = f ? null : [], h = f ? e + 1 : d.length, i = 0 > e ? h : f ? e : 0; h > i; i++) if (c = d[i], !(!c.selected && i !== e || (k.optDisabled ? c.disabled : null !== c.getAttribute("disabled")) || c.parentNode.disabled && n.nodeName(c.parentNode, "optgroup"))) { if (b = n(c).val(), f) return b; g.push(b) } return g }, set: function(a, b) { var c, d, e = a.options, f = n.makeArray(b), g = e.length; while (g--) d = e[g], (d.selected = n.inArray(d.value, f) >= 0) && (c = !0); return c || (a.selectedIndex = -1), f } } } }), n.each(["radio", "checkbox"], function() { n.valHooks[this] = { set: function(a, b) { return n.isArray(b) ? a.checked = n.inArray(n(a).val(), b) >= 0 : void 0 } }, k.checkOn || (n.valHooks[this].get = function(a) { return null === a.getAttribute("value") ? "on" : a.value } ) }), n.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "), function(a, b) { n.fn[b] = function(a, c) { return arguments.length > 0 ? this.on(b, null, a, c) : this.trigger(b) } }), n.fn.extend({ hover: function(a, b) { return this.mouseenter(a).mouseleave(b || a) }, bind: function(a, b, c) { return this.on(a, null, b, c) }, unbind: function(a, b) { return this.off(a, null, b) }, delegate: function(a, b, c, d) { return this.on(b, a, c, d) }, undelegate: function(a, b, c) { return 1 === arguments.length ? this.off(a, "**") : this.off(b, a || "**", c) } }); var cc = n.now() , dc = /\?/; n.parseJSON = function(a) { return JSON.parse(a + "") } , n.parseXML = function(a) { var b, c; if (!a || "string" != typeof a) return null; try { c = new DOMParser, b = c.parseFromString(a, "text/xml") } catch (d) { b = void 0 } return (!b || b.getElementsByTagName("parsererror").length) && n.error("Invalid XML: " + a), b } ; var ec, fc, gc = /#.*$/, hc = /([?&])_=[^&]*/, ic = /^(.*?):[ \t]*([^\r\n]*)$/gm, jc = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/, kc = /^(?:GET|HEAD)$/, lc = /^\/\//, mc = /^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/, nc = {}, oc = {}, pc = "*/".concat("*"); try { fc = location.href } catch (qc) { fc = l.createElement("a"), fc.href = "", fc = fc.href } ec = mc.exec(fc.toLowerCase()) || []; function rc(a) { return function(b, c) { "string" != typeof b && (c = b, b = "*"); var d, e = 0, f = b.toLowerCase().match(E) || []; if (n.isFunction(c)) while (d = f[e++]) "+" === d[0] ? (d = d.slice(1) || "*", (a[d] = a[d] || []).unshift(c)) : (a[d] = a[d] || []).push(c) } } function sc(a, b, c, d) { var e = {} , f = a === oc; function g(h) { var i; return e[h] = !0, n.each(a[h] || [], function(a, h) { var j = h(b, c, d); return "string" != typeof j || f || e[j] ? f ? !(i = j) : void 0 : (b.dataTypes.unshift(j), g(j), !1) }), i } return g(b.dataTypes[0]) || !e["*"] && g("*") } function tc(a, b) { var c, d, e = n.ajaxSettings.flatOptions || {}; for (c in b) void 0 !== b[c] && ((e[c] ? a : d || (d = {}))[c] = b[c]); return d && n.extend(!0, a, d), a } function uc(a, b, c) { var d, e, f, g, h = a.contents, i = a.dataTypes; while ("*" === i[0]) i.shift(), void 0 === d && (d = a.mimeType || b.getResponseHeader("Content-Type")); if (d) for (e in h) if (h[e] && h[e].test(d)) { i.unshift(e); break } if (i[0]in c) f = i[0]; else { for (e in c) { if (!i[0] || a.converters[e + " " + i[0]]) { f = e; break } g || (g = e) } f = f || g } return f ? (f !== i[0] && i.unshift(f), c[f]) : void 0 } function vc(a, b, c, d) { var e, f, g, h, i, j = {}, k = a.dataTypes.slice(); if (k[1]) for (g in a.converters) j[g.toLowerCase()] = a.converters[g]; f = k.shift(); while (f) if (a.responseFields[f] && (c[a.responseFields[f]] = b), !i && d && a.dataFilter && (b = a.dataFilter(b, a.dataType)), i = f, f = k.shift()) if ("*" === f) f = i; else if ("*" !== i && i !== f) { if (g = j[i + " " + f] || j["* " + f], !g) for (e in j) if (h = e.split(" "), h[1] === f && (g = j[i + " " + h[0]] || j["* " + h[0]])) { g === !0 ? g = j[e] : j[e] !== !0 && (f = h[0], k.unshift(h[1])); break } if (g !== !0) if (g && a["throws"]) b = g(b); else try { b = g(b) } catch (l) { return { state: "parsererror", error: g ? l : "No conversion from " + i + " to " + f } } } return { state: "success", data: b } } n.extend({ active: 0, lastModified: {}, etag: {}, ajaxSettings: { url: fc, type: "GET", isLocal: jc.test(ec[1]), global: !0, processData: !0, async: !0, contentType: "application/x-www-form-urlencoded; charset=UTF-8", accepts: { "*": pc, text: "text/plain", html: "text/html", xml: "application/xml, text/xml", json: "application/json, text/javascript" }, contents: { xml: /xml/, html: /html/, json: /json/ }, responseFields: { xml: "responseXML", text: "responseText", json: "responseJSON" }, converters: { "* text": String, "text html": !0, "text json": n.parseJSON, "text xml": n.parseXML }, flatOptions: { url: !0, context: !0 } }, ajaxSetup: function(a, b) { return b ? tc(tc(a, n.ajaxSettings), b) : tc(n.ajaxSettings, a) }, ajaxPrefilter: rc(nc), ajaxTransport: rc(oc), ajax: function(a, b) { "object" == typeof a && (b = a, a = void 0), b = b || {}; var c, d, e, f, g, h, i, j, k = n.ajaxSetup({}, b), l = k.context || k, m = k.context && (l.nodeType || l.jquery) ? n(l) : n.event, o = n.Deferred(), p = n.Callbacks("once memory"), q = k.statusCode || {}, r = {}, s = {}, t = 0, u = "canceled", v = { readyState: 0, getResponseHeader: function(a) { var b; if (2 === t) { if (!f) { f = {}; while (b = ic.exec(e)) f[b[1].toLowerCase()] = b[2] } b = f[a.toLowerCase()] } return null == b ? null : b }, getAllResponseHeaders: function() { return 2 === t ? e : null }, setRequestHeader: function(a, b) { var c = a.toLowerCase(); return t || (a = s[c] = s[c] || a, r[a] = b), this }, overrideMimeType: function(a) { return t || (k.mimeType = a), this }, statusCode: function(a) { var b; if (a) if (2 > t) for (b in a) q[b] = [q[b], a[b]]; else v.always(a[v.status]); return this }, abort: function(a) { var b = a || u; return c && c.abort(b), x(0, b), this } }; if (o.promise(v).complete = p.add, v.success = v.done, v.error = v.fail, k.url = ((a || k.url || fc) + "").replace(gc, "").replace(lc, ec[1] + "//"), k.type = b.method || b.type || k.method || k.type, k.dataTypes = n.trim(k.dataType || "*").toLowerCase().match(E) || [""], null == k.crossDomain && (h = mc.exec(k.url.toLowerCase()), k.crossDomain = !(!h || h[1] === ec[1] && h[2] === ec[2] && (h[3] || ("http:" === h[1] ? "80" : "443")) === (ec[3] || ("http:" === ec[1] ? "80" : "443")))), k.data && k.processData && "string" != typeof k.data && (k.data = n.param(k.data, k.traditional)), sc(nc, k, b, v), 2 === t) return v; i = k.global, i && 0 === n.active++ && n.event.trigger("ajaxStart"), k.type = k.type.toUpperCase(), k.hasContent = !kc.test(k.type), d = k.url, k.hasContent || (k.data && (d = k.url += (dc.test(d) ? "&" : "?") + k.data, delete k.data), k.cache === !1 && (k.url = hc.test(d) ? d.replace(hc, "$1_=" + cc++) : d + (dc.test(d) ? "&" : "?") + "_=" + cc++)), k.ifModified && (n.lastModified[d] && v.setRequestHeader("If-Modified-Since", n.lastModified[d]), n.etag[d] && v.setRequestHeader("If-None-Match", n.etag[d])), (k.data && k.hasContent && k.contentType !== !1 || b.contentType) && v.setRequestHeader("Content-Type", k.contentType), v.setRequestHeader("Accept", k.dataTypes[0] && k.accepts[k.dataTypes[0]] ? k.accepts[k.dataTypes[0]] + ("*" !== k.dataTypes[0] ? ", " + pc + "; q=0.01" : "") : k.accepts["*"]); for (j in k.headers) v.setRequestHeader(j, k.headers[j]); if (k.beforeSend && (k.beforeSend.call(l, v, k) === !1 || 2 === t)) return v.abort(); u = "abort"; for (j in { success: 1, error: 1, complete: 1 }) v[j](k[j]); if (c = sc(oc, k, b, v)) { v.readyState = 1, i && m.trigger("ajaxSend", [v, k]), k.async && k.timeout > 0 && (g = setTimeout(function() { v.abort("timeout") }, k.timeout)); try { t = 1, c.send(r, x) } catch (w) { if (!(2 > t)) throw w; x(-1, w) } } else x(-1, "No Transport"); function x(a, b, f, h) { var j, r, s, u, w, x = b; 2 !== t && (t = 2, g && clearTimeout(g), c = void 0, e = h || "", v.readyState = a > 0 ? 4 : 0, j = a >= 200 && 300 > a || 304 === a, f && (u = uc(k, v, f)), u = vc(k, u, v, j), j ? (k.ifModified && (w = v.getResponseHeader("Last-Modified"), w && (n.lastModified[d] = w), w = v.getResponseHeader("etag"), w && (n.etag[d] = w)), 204 === a || "HEAD" === k.type ? x = "nocontent" : 304 === a ? x = "notmodified" : (x = u.state, r = u.data, s = u.error, j = !s)) : (s = x, (a || !x) && (x = "error", 0 > a && (a = 0))), v.status = a, v.statusText = (b || x) + "", j ? o.resolveWith(l, [r, x, v]) : o.rejectWith(l, [v, x, s]), v.statusCode(q), q = void 0, i && m.trigger(j ? "ajaxSuccess" : "ajaxError", [v, k, j ? r : s]), p.fireWith(l, [v, x]), i && (m.trigger("ajaxComplete", [v, k]), --n.active || n.event.trigger("ajaxStop"))) } return v }, getJSON: function(a, b, c) { return n.get(a, b, c, "json") }, getScript: function(a, b) { return n.get(a, void 0, b, "script") } }), n.each(["get", "post"], function(a, b) { n[b] = function(a, c, d, e) { return n.isFunction(c) && (e = e || d, d = c, c = void 0), n.ajax({ url: a, type: b, dataType: e, data: c, success: d }) } }), n.each(["ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend"], function(a, b) { n.fn[b] = function(a) { return this.on(b, a) } }), n._evalUrl = function(a) { return n.ajax({ url: a, type: "GET", dataType: "script", async: !1, global: !1, "throws": !0 }) } , n.fn.extend({ wrapAll: function(a) { var b; return n.isFunction(a) ? this.each(function(b) { n(this).wrapAll(a.call(this, b)) }) : (this[0] && (b = n(a, this[0].ownerDocument).eq(0).clone(!0), this[0].parentNode && b.insertBefore(this[0]), b.map(function() { var a = this; while (a.firstElementChild) a = a.firstElementChild; return a }).append(this)), this) }, wrapInner: function(a) { return this.each(n.isFunction(a) ? function(b) { n(this).wrapInner(a.call(this, b)) } : function() { var b = n(this) , c = b.contents(); c.length ? c.wrapAll(a) : b.append(a) } ) }, wrap: function(a) { var b = n.isFunction(a); return this.each(function(c) { n(this).wrapAll(b ? a.call(this, c) : a) }) }, unwrap: function() { return this.parent().each(function() { n.nodeName(this, "body") || n(this).replaceWith(this.childNodes) }).end() } }), n.expr.filters.hidden = function(a) { return a.offsetWidth <= 0 && a.offsetHeight <= 0 } , n.expr.filters.visible = function(a) { return !n.expr.filters.hidden(a) } ; var wc = /%20/g , xc = /\[\]$/ , yc = /\r?\n/g , zc = /^(?:submit|button|image|reset|file)$/i , Ac = /^(?:input|select|textarea|keygen)/i; function Bc(a, b, c, d) { var e; if (n.isArray(b)) n.each(b, function(b, e) { c || xc.test(a) ? d(a, e) : Bc(a + "[" + ("object" == typeof e ? b : "") + "]", e, c, d) }); else if (c || "object" !== n.type(b)) d(a, b); else for (e in b) Bc(a + "[" + e + "]", b[e], c, d) } n.param = function(a, b) { var c, d = [], e = function(a, b) { b = n.isFunction(b) ? b() : null == b ? "" : b, d[d.length] = encodeURIComponent(a) + "=" + encodeURIComponent(b) }; if (void 0 === b && (b = n.ajaxSettings && n.ajaxSettings.traditional), n.isArray(a) || a.jquery && !n.isPlainObject(a)) n.each(a, function() { e(this.name, this.value) }); else for (c in a) Bc(c, a[c], b, e); return d.join("&").replace(wc, "+") } , n.fn.extend({ serialize: function() { return n.param(this.serializeArray()) }, serializeArray: function() { return this.map(function() { var a = n.prop(this, "elements"); return a ? n.makeArray(a) : this }).filter(function() { var a = this.type; return this.name && !n(this).is(":disabled") && Ac.test(this.nodeName) && !zc.test(a) && (this.checked || !T.test(a)) }).map(function(a, b) { var c = n(this).val(); return null == c ? null : n.isArray(c) ? n.map(c, function(a) { return { name: b.name, value: a.replace(yc, "\r\n") } }) : { name: b.name, value: c.replace(yc, "\r\n") } }).get() } }), n.ajaxSettings.xhr = function() { try { return new XMLHttpRequest } catch (a) {} } ; var Cc = 0 , Dc = {} , Ec = { 0: 200, 1223: 204 } , Fc = n.ajaxSettings.xhr(); a.ActiveXObject && n(a).on("unload", function() { for (var a in Dc) Dc[a]() }), k.cors = !!Fc && "withCredentials"in Fc, k.ajax = Fc = !!Fc, n.ajaxTransport(function(a) { var b; return k.cors || Fc && !a.crossDomain ? { send: function(c, d) { var e, f = a.xhr(), g = ++Cc; if (f.open(a.type, a.url, a.async, a.username, a.password), a.xhrFields) for (e in a.xhrFields) f[e] = a.xhrFields[e]; a.mimeType && f.overrideMimeType && f.overrideMimeType(a.mimeType), a.crossDomain || c["X-Requested-With"] || (c["X-Requested-With"] = "XMLHttpRequest"); for (e in c) f.setRequestHeader(e, c[e]); b = function(a) { return function() { b && (delete Dc[g], b = f.onload = f.onerror = null, "abort" === a ? f.abort() : "error" === a ? d(f.status, f.statusText) : d(Ec[f.status] || f.status, f.statusText, "string" == typeof f.responseText ? { text: f.responseText } : void 0, f.getAllResponseHeaders())) } } , f.onload = b(), f.onerror = b("error"), b = Dc[g] = b("abort"); try { f.send(a.hasContent && a.data || null) } catch (h) { if (b) throw h } }, abort: function() { b && b() } } : void 0 }), n.ajaxSetup({ accepts: { script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript" }, contents: { script: /(?:java|ecma)script/ }, converters: { "text script": function(a) { return n.globalEval(a), a } } }), n.ajaxPrefilter("script", function(a) { void 0 === a.cache && (a.cache = !1), a.crossDomain && (a.type = "GET") }), n.ajaxTransport("script", function(a) { if (a.crossDomain) { var b, c; return { send: function(d, e) { b = n("<script>").prop({ async: !0, charset: a.scriptCharset, src: a.url }).on("load error", c = function(a) { b.remove(), c = null, a && e("error" === a.type ? 404 : 200, a.type) } ), l.head.appendChild(b[0]) }, abort: function() { c && c() } } } }); var Gc = [] , Hc = /(=)\?(?=&|$)|\?\?/; n.ajaxSetup({ jsonp: "callback", jsonpCallback: function() { var a = Gc.pop() || n.expando + "_" + cc++; return this[a] = !0, a } }), n.ajaxPrefilter("json jsonp", function(b, c, d) { var e, f, g, h = b.jsonp !== !1 && (Hc.test(b.url) ? "url" : "string" == typeof b.data && !(b.contentType || "").indexOf("application/x-www-form-urlencoded") && Hc.test(b.data) && "data"); return h || "jsonp" === b.dataTypes[0] ? (e = b.jsonpCallback = n.isFunction(b.jsonpCallback) ? b.jsonpCallback() : b.jsonpCallback, h ? b[h] = b[h].replace(Hc, "$1" + e) : b.jsonp !== !1 && (b.url += (dc.test(b.url) ? "&" : "?") + b.jsonp + "=" + e), b.converters["script json"] = function() { return g || n.error(e + " was not called"), g[0] } , b.dataTypes[0] = "json", f = a[e], a[e] = function() { g = arguments } , d.always(function() { a[e] = f, b[e] && (b.jsonpCallback = c.jsonpCallback, Gc.push(e)), g && n.isFunction(f) && f(g[0]), g = f = void 0 }), "script") : void 0 }), n.parseHTML = function(a, b, c) { if (!a || "string" != typeof a) return null; "boolean" == typeof b && (c = b, b = !1), b = b || l; var d = v.exec(a) , e = !c && []; return d ? [b.createElement(d[1])] : (d = n.buildFragment([a], b, e), e && e.length && n(e).remove(), n.merge([], d.childNodes)) } ; var Ic = n.fn.load; n.fn.load = function(a, b, c) { if ("string" != typeof a && Ic) return Ic.apply(this, arguments); var d, e, f, g = this, h = a.indexOf(" "); return h >= 0 && (d = n.trim(a.slice(h)), a = a.slice(0, h)), n.isFunction(b) ? (c = b, b = void 0) : b && "object" == typeof b && (e = "POST"), g.length > 0 && n.ajax({ url: a, type: e, dataType: "html", data: b }).done(function(a) { f = arguments, g.html(d ? n("<div>").append(n.parseHTML(a)).find(d) : a) }).complete(c && function(a, b) { g.each(c, f || [a.responseText, b, a]) } ), this } , n.expr.filters.animated = function(a) { return n.grep(n.timers, function(b) { return a === b.elem }).length } ; var Jc = a.document.documentElement; function Kc(a) { return n.isWindow(a) ? a : 9 === a.nodeType && a.defaultView } n.offset = { setOffset: function(a, b, c) { var d, e, f, g, h, i, j, k = n.css(a, "position"), l = n(a), m = {}; "static" === k && (a.style.position = "relative"), h = l.offset(), f = n.css(a, "top"), i = n.css(a, "left"), j = ("absolute" === k || "fixed" === k) && (f + i).indexOf("auto") > -1, j ? (d = l.position(), g = d.top, e = d.left) : (g = parseFloat(f) || 0, e = parseFloat(i) || 0), n.isFunction(b) && (b = b.call(a, c, h)), null != b.top && (m.top = b.top - h.top + g), null != b.left && (m.left = b.left - h.left + e), "using"in b ? b.using.call(a, m) : l.css(m) } }, n.fn.extend({ offset: function(a) { if (arguments.length) return void 0 === a ? this : this.each(function(b) { n.offset.setOffset(this, a, b) }); var b, c, d = this[0], e = { top: 0, left: 0 }, f = d && d.ownerDocument; if (f) return b = f.documentElement, n.contains(b, d) ? (typeof d.getBoundingClientRect !== U && (e = d.getBoundingClientRect()), c = Kc(f), { top: e.top + c.pageYOffset - b.clientTop, left: e.left + c.pageXOffset - b.clientLeft }) : e }, position: function() { if (this[0]) { var a, b, c = this[0], d = { top: 0, left: 0 }; return "fixed" === n.css(c, "position") ? b = c.getBoundingClientRect() : (a = this.offsetParent(), b = this.offset(), n.nodeName(a[0], "html") || (d = a.offset()), d.top += n.css(a[0], "borderTopWidth", !0), d.left += n.css(a[0], "borderLeftWidth", !0)), { top: b.top - d.top - n.css(c, "marginTop", !0), left: b.left - d.left - n.css(c, "marginLeft", !0) } } }, offsetParent: function() { return this.map(function() { var a = this.offsetParent || Jc; while (a && !n.nodeName(a, "html") && "static" === n.css(a, "position")) a = a.offsetParent; return a || Jc }) } }), n.each({ scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function(b, c) { var d = "pageYOffset" === c; n.fn[b] = function(e) { return J(this, function(b, e, f) { var g = Kc(b); return void 0 === f ? g ? g[c] : b[e] : void (g ? g.scrollTo(d ? a.pageXOffset : f, d ? f : a.pageYOffset) : b[e] = f) }, b, e, arguments.length, null) } }), n.each(["top", "left"], function(a, b) { n.cssHooks[b] = yb(k.pixelPosition, function(a, c) { return c ? (c = xb(a, b), vb.test(c) ? n(a).position()[b] + "px" : c) : void 0 }) }), n.each({ Height: "height", Width: "width" }, function(a, b) { n.each({ padding: "inner" + a, content: b, "": "outer" + a }, function(c, d) { n.fn[d] = function(d, e) { var f = arguments.length && (c || "boolean" != typeof d) , g = c || (d === !0 || e === !0 ? "margin" : "border"); return J(this, function(b, c, d) { var e; return n.isWindow(b) ? b.document.documentElement["client" + a] : 9 === b.nodeType ? (e = b.documentElement, Math.max(b.body["scroll" + a], e["scroll" + a], b.body["offset" + a], e["offset" + a], e["client" + a])) : void 0 === d ? n.css(b, c, g) : n.style(b, c, d, g) }, b, f ? d : void 0, f, null) } }) }), n.fn.size = function() { return this.length } , n.fn.andSelf = n.fn.addBack, "function" == typeof define && define.amd && define("jquery", [], function() { return n }); var Lc = a.jQuery , Mc = a.$; return n.noConflict = function(b) { return a.$ === n && (a.$ = Mc), b && a.jQuery === n && (a.jQuery = Lc), n } , typeof b === U && (a.jQuery = a.$ = n), n }); </script> <script type="text/javascript" > /*! * Materialize v1.0.0 (http://materializecss.com) * Copyright 2014-2017 Materialize * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) */ var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value"in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } }; var _createClass = function() { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value"in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function(Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; } ; }(); function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } /*! cash-dom 1.3.5, https://github.com/kenwheeler/cash @license MIT */ (function(factory) { window.cash = factory(); } )(function() { var doc = document , win = window , ArrayProto = Array.prototype , slice = ArrayProto.slice , filter = ArrayProto.filter , push = ArrayProto.push; var noop = function() {} , isFunction = function(item) { // @see https://crbug.com/568448 return typeof item === typeof noop && item.call; } , isString = function(item) { return typeof item === typeof ""; }; var idMatch = /^#[\w-]*$/ , classMatch = /^\.[\w-]*$/ , htmlMatch = /<.+>/ , singlet = /^\w+$/; function find(selector, context) { context = context || doc; var elems = classMatch.test(selector) ? context.getElementsByClassName(selector.slice(1)) : singlet.test(selector) ? context.getElementsByTagName(selector) : context.querySelectorAll(selector); return elems; } var frag; function parseHTML(str) { if (!frag) { frag = doc.implementation.createHTMLDocument(null); var base = frag.createElement("base"); base.href = doc.location.href; frag.head.appendChild(base); } frag.body.innerHTML = str; return frag.body.childNodes; } function onReady(fn) { if (doc.readyState !== "loading") { fn(); } else { doc.addEventListener("DOMContentLoaded", fn); } } function Init(selector, context) { if (!selector) { return this; } // If already a cash collection, don't do any further processing if (selector.cash && selector !== win) { return selector; } var elems = selector, i = 0, length; if (isString(selector)) { elems = idMatch.test(selector) ? // If an ID use the faster getElementById check doc.getElementById(selector.slice(1)) : htmlMatch.test(selector) ? // If HTML, parse it into real elements parseHTML(selector) : // else use `find` find(selector, context); // If function, use as shortcut for DOM ready } else if (isFunction(selector)) { onReady(selector); return this; } if (!elems) { return this; } // If a single DOM element is passed in or received via ID, return the single element if (elems.nodeType || elems === win) { this[0] = elems; this.length = 1; } else { // Treat like an array and loop through each item. length = this.length = elems.length; for (; i < length; i++) { this[i] = elems[i]; } } return this; } function cash(selector, context) { return new Init(selector,context); } var fn = cash.fn = cash.prototype = Init.prototype = { // jshint ignore:line cash: true, length: 0, push: push, splice: ArrayProto.splice, map: ArrayProto.map, init: Init }; Object.defineProperty(fn, "constructor", { value: cash }); cash.parseHTML = parseHTML; cash.noop = noop; cash.isFunction = isFunction; cash.isString = isString; cash.extend = fn.extend = function(target) { target = target || {}; var args = slice.call(arguments) , length = args.length , i = 1; if (args.length === 1) { target = this; i = 0; } for (; i < length; i++) { if (!args[i]) { continue; } for (var key in args[i]) { if (args[i].hasOwnProperty(key)) { target[key] = args[i][key]; } } } return target; } ; function each(collection, callback) { var l = collection.length , i = 0; for (; i < l; i++) { if (callback.call(collection[i], collection[i], i, collection) === false) { break; } } } function matches(el, selector) { var m = el && (el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector); return !!m && m.call(el, selector); } function getCompareFunction(selector) { return (/* Use browser's `matches` function if string */ isString(selector) ? matches : /* Match a cash element */ selector.cash ? function(el) { return selector.is(el); } : /* Direct comparison */ function(el, selector) { return el === selector; } ); } function unique(collection) { return cash(slice.call(collection).filter(function(item, index, self) { return self.indexOf(item) === index; })); } cash.extend({ merge: function(first, second) { var len = +second.length , i = first.length , j = 0; for (; j < len; i++, j++) { first[i] = second[j]; } first.length = i; return first; }, each: each, matches: matches, unique: unique, isArray: Array.isArray, isNumeric: function(n) { return !isNaN(parseFloat(n)) && isFinite(n); } }); var uid = cash.uid = "_cash" + Date.now(); function getDataCache(node) { return node[uid] = node[uid] || {}; } function setData(node, key, value) { return getDataCache(node)[key] = value; } function getData(node, key) { var c = getDataCache(node); if (c[key] === undefined) { c[key] = node.dataset ? node.dataset[key] : cash(node).attr("data-" + key); } return c[key]; } function removeData(node, key) { var c = getDataCache(node); if (c) { delete c[key]; } else if (node.dataset) { delete node.dataset[key]; } else { cash(node).removeAttr("data-" + name); } } fn.extend({ data: function(name, value) { if (isString(name)) { return value === undefined ? getData(this[0], name) : this.each(function(v) { return setData(v, name, value); }); } for (var key in name) { this.data(key, name[key]); } return this; }, removeData: function(key) { return this.each(function(v) { return removeData(v, key); }); } }); var notWhiteMatch = /\S+/g; function getClasses(c) { return isString(c) && c.match(notWhiteMatch); } function hasClass(v, c) { return v.classList ? v.classList.contains(c) : new RegExp("(^| )" + c + "( |$)","gi").test(v.className); } function addClass(v, c, spacedName) { if (v.classList) { v.classList.add(c); } else if (spacedName.indexOf(" " + c + " ")) { v.className += " " + c; } } function removeClass(v, c) { if (v.classList) { v.classList.remove(c); } else { v.className = v.className.replace(c, ""); } } fn.extend({ addClass: function(c) { var classes = getClasses(c); return classes ? this.each(function(v) { var spacedName = " " + v.className + " "; each(classes, function(c) { addClass(v, c, spacedName); }); }) : this; }, attr: function(name, value) { if (!name) { return undefined; } if (isString(name)) { if (value === undefined) { return this[0] ? this[0].getAttribute ? this[0].getAttribute(name) : this[0][name] : undefined; } return this.each(function(v) { if (v.setAttribute) { v.setAttribute(name, value); } else { v[name] = value; } }); } for (var key in name) { this.attr(key, name[key]); } return this; }, hasClass: function(c) { var check = false , classes = getClasses(c); if (classes && classes.length) { this.each(function(v) { check = hasClass(v, classes[0]); return !check; }); } return check; }, prop: function(name, value) { if (isString(name)) { return value === undefined ? this[0][name] : this.each(function(v) { v[name] = value; }); } for (var key in name) { this.prop(key, name[key]); } return this; }, removeAttr: function(name) { return this.each(function(v) { if (v.removeAttribute) { v.removeAttribute(name); } else { delete v[name]; } }); }, removeClass: function(c) { if (!arguments.length) { return this.attr("class", ""); } var classes = getClasses(c); return classes ? this.each(function(v) { each(classes, function(c) { removeClass(v, c); }); }) : this; }, removeProp: function(name) { return this.each(function(v) { delete v[name]; }); }, toggleClass: function(c, state) { if (state !== undefined) { return this[state ? "addClass" : "removeClass"](c); } var classes = getClasses(c); return classes ? this.each(function(v) { var spacedName = " " + v.className + " "; each(classes, function(c) { if (hasClass(v, c)) { removeClass(v, c); } else { addClass(v, c, spacedName); } }); }) : this; } }); fn.extend({ add: function(selector, context) { return unique(cash.merge(this, cash(selector, context))); }, each: function(callback) { each(this, callback); return this; }, eq: function(index) { return cash(this.get(index)); }, filter: function(selector) { if (!selector) { return this; } var comparator = isFunction(selector) ? selector : getCompareFunction(selector); return cash(filter.call(this, function(e) { return comparator(e, selector); })); }, first: function() { return this.eq(0); }, get: function(index) { if (index === undefined) { return slice.call(this); } return index < 0 ? this[index + this.length] : this[index]; }, index: function(elem) { var child = elem ? cash(elem)[0] : this[0] , collection = elem ? this : cash(child).parent().children(); return slice.call(collection).indexOf(child); }, last: function() { return this.eq(-1); } }); var camelCase = function() { var camelRegex = /(?:^\w|[A-Z]|\b\w)/g , whiteSpace = /[\s-_]+/g; return function(str) { return str.replace(camelRegex, function(letter, index) { return letter[index === 0 ? "toLowerCase" : "toUpperCase"](); }).replace(whiteSpace, ""); } ; }(); var getPrefixedProp = function() { var cache = {} , doc = document , div = doc.createElement("div") , style = div.style; return function(prop) { prop = camelCase(prop); if (cache[prop]) { return cache[prop]; } var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1) , prefixes = ["webkit", "moz", "ms", "o"] , props = (prop + " " + prefixes.join(ucProp + " ") + ucProp).split(" "); each(props, function(p) { if (p in style) { cache[p] = prop = cache[prop] = p; return false; } }); return cache[prop]; } ; }(); cash.prefixedProp = getPrefixedProp; cash.camelCase = camelCase; fn.extend({ css: function(prop, value) { if (isString(prop)) { prop = getPrefixedProp(prop); return arguments.length > 1 ? this.each(function(v) { return v.style[prop] = value; }) : win.getComputedStyle(this[0])[prop]; } for (var key in prop) { this.css(key, prop[key]); } return this; } }); function compute(el, prop) { return parseInt(win.getComputedStyle(el[0], null)[prop], 10) || 0; } each(["Width", "Height"], function(v) { var lower = v.toLowerCase(); fn[lower] = function() { return this[0].getBoundingClientRect()[lower]; } ; fn["inner" + v] = function() { return this[0]["client" + v]; } ; fn["outer" + v] = function(margins) { return this[0]["offset" + v] + (margins ? compute(this, "margin" + (v === "Width" ? "Left" : "Top")) + compute(this, "margin" + (v === "Width" ? "Right" : "Bottom")) : 0); } ; }); function registerEvent(node, eventName, callback) { var eventCache = getData(node, "_cashEvents") || setData(node, "_cashEvents", {}); eventCache[eventName] = eventCache[eventName] || []; eventCache[eventName].push(callback); node.addEventListener(eventName, callback); } function removeEvent(node, eventName, callback) { var events = getData(node, "_cashEvents"), eventCache = events && events[eventName], index; if (!eventCache) { return; } if (callback) { node.removeEventListener(eventName, callback); index = eventCache.indexOf(callback); if (index >= 0) { eventCache.splice(index, 1); } } else { each(eventCache, function(event) { node.removeEventListener(eventName, event); }); eventCache = []; } } fn.extend({ off: function(eventName, callback) { return this.each(function(v) { return removeEvent(v, eventName, callback); }); }, on: function(eventName, delegate, callback, runOnce) { // jshint ignore:line var originalCallback; if (!isString(eventName)) { for (var key in eventName) { this.on(key, delegate, eventName[key]); } return this; } if (isFunction(delegate)) { callback = delegate; delegate = null; } if (eventName === "ready") { onReady(callback); return this; } if (delegate) { originalCallback = callback; callback = function(e) { var t = e.target; while (!matches(t, delegate)) { if (t === this || t === null) { return t = false; } t = t.parentNode; } if (t) { originalCallback.call(t, e); } } ; } return this.each(function(v) { var finalCallback = callback; if (runOnce) { finalCallback = function() { callback.apply(this, arguments); removeEvent(v, eventName, finalCallback); } ; } registerEvent(v, eventName, finalCallback); }); }, one: function(eventName, delegate, callback) { return this.on(eventName, delegate, callback, true); }, ready: onReady, /** * Modified * Triggers browser event * @param String eventName * @param Object data - Add properties to event object */ trigger: function(eventName, data) { if (document.createEvent) { var evt = document.createEvent('HTMLEvents'); evt.initEvent(eventName, true, false); evt = this.extend(evt, data); return this.each(function(v) { return v.dispatchEvent(evt); }); } } }); function encode(name, value) { return "&" + encodeURIComponent(name) + "=" + encodeURIComponent(value).replace(/%20/g, "+"); } function getSelectMultiple_(el) { var values = []; each(el.options, function(o) { if (o.selected) { values.push(o.value); } }); return values.length ? values : null; } function getSelectSingle_(el) { var selectedIndex = el.selectedIndex; return selectedIndex >= 0 ? el.options[selectedIndex].value : null; } function getValue(el) { var type = el.type; if (!type) { return null; } switch (type.toLowerCase()) { case "select-one": return getSelectSingle_(el); case "select-multiple": return getSelectMultiple_(el); case "radio": return el.checked ? el.value : null; case "checkbox": return el.checked ? el.value : null; default: return el.value ? el.value : null; } } fn.extend({ serialize: function() { var query = ""; each(this[0].elements || this, function(el) { if (el.disabled || el.tagName === "FIELDSET") { return; } var name = el.name; switch (el.type.toLowerCase()) { case "file": case "reset": case "submit": case "button": break; case "select-multiple": var values = getValue(el); if (values !== null) { each(values, function(value) { query += encode(name, value); }); } break; default: var value = getValue(el); if (value !== null) { query += encode(name, value); } } }); return query.substr(1); }, val: function(value) { if (value === undefined) { return getValue(this[0]); } return this.each(function(v) { return v.value = value; }); } }); function insertElement(el, child, prepend) { if (prepend) { var first = el.childNodes[0]; el.insertBefore(child, first); } else { el.appendChild(child); } } function insertContent(parent, child, prepend) { var str = isString(child); if (!str && child.length) { each(child, function(v) { return insertContent(parent, v, prepend); }); return; } each(parent, str ? function(v) { return v.insertAdjacentHTML(prepend ? "afterbegin" : "beforeend", child); } : function(v, i) { return insertElement(v, i === 0 ? child : child.cloneNode(true), prepend); } ); } fn.extend({ after: function(selector) { cash(selector).insertAfter(this); return this; }, append: function(content) { insertContent(this, content); return this; }, appendTo: function(parent) { insertContent(cash(parent), this); return this; }, before: function(selector) { cash(selector).insertBefore(this); return this; }, clone: function() { return cash(this.map(function(v) { return v.cloneNode(true); })); }, empty: function() { this.html(""); return this; }, html: function(content) { if (content === undefined) { return this[0].innerHTML; } var source = content.nodeType ? content[0].outerHTML : content; return this.each(function(v) { return v.innerHTML = source; }); }, insertAfter: function(selector) { var _this = this; cash(selector).each(function(el, i) { var parent = el.parentNode , sibling = el.nextSibling; _this.each(function(v) { parent.insertBefore(i === 0 ? v : v.cloneNode(true), sibling); }); }); return this; }, insertBefore: function(selector) { var _this2 = this; cash(selector).each(function(el, i) { var parent = el.parentNode; _this2.each(function(v) { parent.insertBefore(i === 0 ? v : v.cloneNode(true), el); }); }); return this; }, prepend: function(content) { insertContent(this, content, true); return this; }, prependTo: function(parent) { insertContent(cash(parent), this, true); return this; }, remove: function() { return this.each(function(v) { if (!!v.parentNode) { return v.parentNode.removeChild(v); } }); }, text: function(content) { if (content === undefined) { return this[0].textContent; } return this.each(function(v) { return v.textContent = content; }); } }); var docEl = doc.documentElement; fn.extend({ position: function() { var el = this[0]; return { left: el.offsetLeft, top: el.offsetTop }; }, offset: function() { var rect = this[0].getBoundingClientRect(); return { top: rect.top + win.pageYOffset - docEl.clientTop, left: rect.left + win.pageXOffset - docEl.clientLeft }; }, offsetParent: function() { return cash(this[0].offsetParent); } }); fn.extend({ children: function(selector) { var elems = []; this.each(function(el) { push.apply(elems, el.children); }); elems = unique(elems); return !selector ? elems : elems.filter(function(v) { return matches(v, selector); }); }, closest: function(selector) { if (!selector || this.length < 1) { return cash(); } if (this.is(selector)) { return this.filter(selector); } return this.parent().closest(selector); }, is: function(selector) { if (!selector) { return false; } var match = false , comparator = getCompareFunction(selector); this.each(function(el) { match = comparator(el, selector); return !match; }); return match; }, find: function(selector) { if (!selector || selector.nodeType) { return cash(selector && this.has(selector).length ? selector : null); } var elems = []; this.each(function(el) { push.apply(elems, find(selector, el)); }); return unique(elems); }, has: function(selector) { var comparator = isString(selector) ? function(el) { return find(selector, el).length !== 0; } : function(el) { return el.contains(selector); } ; return this.filter(comparator); }, next: function() { return cash(this[0].nextElementSibling); }, not: function(selector) { if (!selector) { return this; } var comparator = getCompareFunction(selector); return this.filter(function(el) { return !comparator(el, selector); }); }, parent: function() { var result = []; this.each(function(item) { if (item && item.parentNode) { result.push(item.parentNode); } }); return unique(result); }, parents: function(selector) { var last, result = []; this.each(function(item) { last = item; while (last && last.parentNode && last !== doc.body.parentNode) { last = last.parentNode; if (!selector || selector && matches(last, selector)) { result.push(last); } } }); return unique(result); }, prev: function() { return cash(this[0].previousElementSibling); }, siblings: function(selector) { var collection = this.parent().children(selector) , el = this[0]; return collection.filter(function(i) { return i !== el; }); } }); return cash; }); ;var Component = function() { /** * Generic constructor for all components * @constructor * @param {Element} el * @param {Object} options */ function Component(classDef, el, options) { _classCallCheck(this, Component); // Display error if el is valid HTML Element if (!(el instanceof Element)) { console.error(Error(el + ' is not an HTML Element')); } // If exists, destroy and reinitialize in child var ins = classDef.getInstance(el); if (!!ins) { ins.destroy(); } this.el = el; this.$el = cash(el); } /** * Initializes components * @param {class} classDef * @param {Element | NodeList | jQuery} els * @param {Object} options */ _createClass(Component, null, [{ key: "init", value: function init(classDef, els, options) { var instances = null; if (els instanceof Element) { instances = new classDef(els,options); } else if (!!els && (els.jquery || els.cash || els instanceof NodeList)) { var instancesArr = []; for (var i = 0; i < els.length; i++) { instancesArr.push(new classDef(els[i],options)); } instances = instancesArr; } return instances; } }]); return Component; }(); ;// Required for Meteor package, the use of window prevents export by Meteor (function(window) { if (window.Package) { M = {}; } else { window.M = {}; } // Check for jQuery M.jQueryLoaded = !!window.jQuery; } )(window); // AMD if (typeof define === 'function' && define.amd) { define('M', [], function() { return M; }); // Common JS } else if (typeof exports !== 'undefined' && !exports.nodeType) { if (typeof module !== 'undefined' && !module.nodeType && module.exports) { exports = module.exports = M; } exports.default = M; } M.version = '1.0.0'; M.keys = { TAB: 9, ENTER: 13, ESC: 27, ARROW_UP: 38, ARROW_DOWN: 40 }; /** * TabPress Keydown handler */ M.tabPressed = false; M.keyDown = false; var docHandleKeydown = function(e) { M.keyDown = true; if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) { M.tabPressed = true; } }; var docHandleKeyup = function(e) { M.keyDown = false; if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) { M.tabPressed = false; } }; var docHandleFocus = function(e) { if (M.keyDown) { document.body.classList.add('keyboard-focused'); } }; var docHandleBlur = function(e) { document.body.classList.remove('keyboard-focused'); }; document.addEventListener('keydown', docHandleKeydown, true); document.addEventListener('keyup', docHandleKeyup, true); document.addEventListener('focus', docHandleFocus, true); document.addEventListener('blur', docHandleBlur, true); /** * Initialize jQuery wrapper for plugin * @param {Class} plugin javascript class * @param {string} pluginName jQuery plugin name * @param {string} classRef Class reference name */ M.initializeJqueryWrapper = function(plugin, pluginName, classRef) { jQuery.fn[pluginName] = function(methodOrOptions) { // Call plugin method if valid method name is passed in if (plugin.prototype[methodOrOptions]) { var params = Array.prototype.slice.call(arguments, 1); // Getter methods if (methodOrOptions.slice(0, 3) === 'get') { var instance = this.first()[0][classRef]; return instance[methodOrOptions].apply(instance, params); } // Void methods return this.each(function() { var instance = this[classRef]; instance[methodOrOptions].apply(instance, params); }); // Initialize plugin if options or no argument is passed in } else if (typeof methodOrOptions === 'object' || !methodOrOptions) { plugin.init(this, arguments[0]); return this; } // Return error if an unrecognized method name is passed in jQuery.error("Method " + methodOrOptions + " does not exist on jQuery." + pluginName); } ; } ; /** * Automatically initialize components * @param {Element} context DOM Element to search within for components */ M.AutoInit = function(context) { // Use document.body if no context is given var root = !!context ? context : document.body; var registry = { Autocomplete: root.querySelectorAll('.autocomplete:not(.no-autoinit)'), Carousel: root.querySelectorAll('.carousel:not(.no-autoinit)'), Chips: root.querySelectorAll('.chips:not(.no-autoinit)'), Collapsible: root.querySelectorAll('.collapsible:not(.no-autoinit)'), Datepicker: root.querySelectorAll('.datepicker:not(.no-autoinit)'), Dropdown: root.querySelectorAll('.dropdown-trigger:not(.no-autoinit)'), Materialbox: root.querySelectorAll('.materialboxed:not(.no-autoinit)'), Modal: root.querySelectorAll('.modal:not(.no-autoinit)'), Parallax: root.querySelectorAll('.parallax:not(.no-autoinit)'), Pushpin: root.querySelectorAll('.pushpin:not(.no-autoinit)'), ScrollSpy: root.querySelectorAll('.scrollspy:not(.no-autoinit)'), FormSelect: root.querySelectorAll('select:not(.no-autoinit)'), Sidenav: root.querySelectorAll('.sidenav:not(.no-autoinit)'), Tabs: root.querySelectorAll('.tabs:not(.no-autoinit)'), TapTarget: root.querySelectorAll('.tap-target:not(.no-autoinit)'), Timepicker: root.querySelectorAll('.timepicker:not(.no-autoinit)'), Tooltip: root.querySelectorAll('.tooltipped:not(.no-autoinit)'), FloatingActionButton: root.querySelectorAll('.fixed-action-btn:not(.no-autoinit)') }; for (var pluginName in registry) { var plugin = M[pluginName]; plugin.init(registry[pluginName]); } } ; /** * Generate approximated selector string for a jQuery object * @param {jQuery} obj jQuery object to be parsed * @returns {string} */ M.objectSelectorString = function(obj) { var tagStr = obj.prop('tagName') || ''; var idStr = obj.attr('id') || ''; var classStr = obj.attr('class') || ''; return (tagStr + idStr + classStr).replace(/\s/g, ''); } ; // Unique Random ID M.guid = function() { function s4() { return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1); } return function() { return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); } ; }(); /** * Escapes hash from special characters * @param {string} hash String returned from this.hash * @returns {string} */ M.escapeHash = function(hash) { return hash.replace(/(:|\.|\[|\]|,|=|\/)/g, '\\$1'); } ; M.elementOrParentIsFixed = function(element) { var $element = $(element); var $checkElements = $element.add($element.parents()); var isFixed = false; $checkElements.each(function() { if ($(this).css('position') === 'fixed') { isFixed = true; return false; } }); return isFixed; } ; /** * @typedef {Object} Edges * @property {Boolean} top If the top edge was exceeded * @property {Boolean} right If the right edge was exceeded * @property {Boolean} bottom If the bottom edge was exceeded * @property {Boolean} left If the left edge was exceeded */ /** * @typedef {Object} Bounding * @property {Number} left left offset coordinate * @property {Number} top top offset coordinate * @property {Number} width * @property {Number} height */ /** * Escapes hash from special characters * @param {Element} container Container element that acts as the boundary * @param {Bounding} bounding element bounding that is being checked * @param {Number} offset offset from edge that counts as exceeding * @returns {Edges} */ M.checkWithinContainer = function(container, bounding, offset) { var edges = { top: false, right: false, bottom: false, left: false }; var containerRect = container.getBoundingClientRect(); // If body element is smaller than viewport, use viewport height instead. var containerBottom = container === document.body ? Math.max(containerRect.bottom, window.innerHeight) : containerRect.bottom; var scrollLeft = container.scrollLeft; var scrollTop = container.scrollTop; var scrolledX = bounding.left - scrollLeft; var scrolledY = bounding.top - scrollTop; // Check for container and viewport for each edge if (scrolledX < containerRect.left + offset || scrolledX < offset) { edges.left = true; } if (scrolledX + bounding.width > containerRect.right - offset || scrolledX + bounding.width > window.innerWidth - offset) { edges.right = true; } if (scrolledY < containerRect.top + offset || scrolledY < offset) { edges.top = true; } if (scrolledY + bounding.height > containerBottom - offset || scrolledY + bounding.height > window.innerHeight - offset) { edges.bottom = true; } return edges; } ; M.checkPossibleAlignments = function(el, container, bounding, offset) { var canAlign = { top: true, right: true, bottom: true, left: true, spaceOnTop: null, spaceOnRight: null, spaceOnBottom: null, spaceOnLeft: null }; var containerAllowsOverflow = getComputedStyle(container).overflow === 'visible'; var containerRect = container.getBoundingClientRect(); var containerHeight = Math.min(containerRect.height, window.innerHeight); var containerWidth = Math.min(containerRect.width, window.innerWidth); var elOffsetRect = el.getBoundingClientRect(); var scrollLeft = container.scrollLeft; var scrollTop = container.scrollTop; var scrolledX = bounding.left - scrollLeft; var scrolledYTopEdge = bounding.top - scrollTop; var scrolledYBottomEdge = bounding.top + elOffsetRect.height - scrollTop; // Check for container and viewport for left canAlign.spaceOnRight = !containerAllowsOverflow ? containerWidth - (scrolledX + bounding.width) : window.innerWidth - (elOffsetRect.left + bounding.width); if (canAlign.spaceOnRight < 0) { canAlign.left = false; } // Check for container and viewport for Right canAlign.spaceOnLeft = !containerAllowsOverflow ? scrolledX - bounding.width + elOffsetRect.width : elOffsetRect.right - bounding.width; if (canAlign.spaceOnLeft < 0) { canAlign.right = false; } // Check for container and viewport for Top canAlign.spaceOnBottom = !containerAllowsOverflow ? containerHeight - (scrolledYTopEdge + bounding.height + offset) : window.innerHeight - (elOffsetRect.top + bounding.height + offset); if (canAlign.spaceOnBottom < 0) { canAlign.top = false; } // Check for container and viewport for Bottom canAlign.spaceOnTop = !containerAllowsOverflow ? scrolledYBottomEdge - (bounding.height - offset) : elOffsetRect.bottom - (bounding.height + offset); if (canAlign.spaceOnTop < 0) { canAlign.bottom = false; } return canAlign; } ; M.getOverflowParent = function(element) { if (element == null) { return null; } if (element === document.body || getComputedStyle(element).overflow !== 'visible') { return element; } return M.getOverflowParent(element.parentElement); } ; /** * Gets id of component from a trigger * @param {Element} trigger trigger * @returns {string} */ M.getIdFromTrigger = function(trigger) { var id = trigger.getAttribute('data-target'); if (!id) { id = trigger.getAttribute('href'); if (id) { id = id.slice(1); } else { id = ''; } } return id; } ; /** * Multi browser support for document scroll top * @returns {Number} */ M.getDocumentScrollTop = function() { return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; } ; /** * Multi browser support for document scroll left * @returns {Number} */ M.getDocumentScrollLeft = function() { return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0; } ; /** * @typedef {Object} Edges * @property {Boolean} top If the top edge was exceeded * @property {Boolean} right If the right edge was exceeded * @property {Boolean} bottom If the bottom edge was exceeded * @property {Boolean} left If the left edge was exceeded */ /** * @typedef {Object} Bounding * @property {Number} left left offset coordinate * @property {Number} top top offset coordinate * @property {Number} width * @property {Number} height */ /** * Get time in ms * @license https://raw.github.com/jashkenas/underscore/master/LICENSE * @type {function} * @return {number} */ var getTime = Date.now || function() { return new Date().getTime(); } ; /** * Returns a function, that, when invoked, will only be triggered at most once * during a given window of time. Normally, the throttled function will run * as much as it can, without ever going more than once per `wait` duration; * but if you'd like to disable the execution on the leading edge, pass * `{leading: false}`. To disable execution on the trailing edge, ditto. * @license https://raw.github.com/jashkenas/underscore/master/LICENSE * @param {function} func * @param {number} wait * @param {Object=} options * @returns {Function} */ M.throttle = function(func, wait, options) { var context = void 0 , args = void 0 , result = void 0; var timeout = null; var previous = 0; options || (options = {}); var later = function() { previous = options.leading === false ? 0 : getTime(); timeout = null; result = func.apply(context, args); context = args = null; }; return function() { var now = getTime(); if (!previous && options.leading === false) previous = now; var remaining = wait - (now - previous); context = this; args = arguments; if (remaining <= 0) { clearTimeout(timeout); timeout = null; previous = now; result = func.apply(context, args); context = args = null; } else if (!timeout && options.trailing !== false) { timeout = setTimeout(later, remaining); } return result; } ; } ; ;/* v2.2.0 2017 Julian Garnier Released under the MIT license */ var $jscomp = { scope: {} }; $jscomp.defineProperty = "function" == typeof Object.defineProperties ? Object.defineProperty : function(e, r, p) { if (p.get || p.set) throw new TypeError("ES3 does not support getters and setters."); e != Array.prototype && e != Object.prototype && (e[r] = p.value); } ; $jscomp.getGlobal = function(e) { return "undefined" != typeof window && window === e ? e : "undefined" != typeof global && null != global ? global : e; } ; $jscomp.global = $jscomp.getGlobal(this); $jscomp.SYMBOL_PREFIX = "jscomp_symbol_"; $jscomp.initSymbol = function() { $jscomp.initSymbol = function() {} ; $jscomp.global.Symbol || ($jscomp.global.Symbol = $jscomp.Symbol); } ; $jscomp.symbolCounter_ = 0; $jscomp.Symbol = function(e) { return $jscomp.SYMBOL_PREFIX + (e || "") + $jscomp.symbolCounter_++; } ; $jscomp.initSymbolIterator = function() { $jscomp.initSymbol(); var e = $jscomp.global.Symbol.iterator; e || (e = $jscomp.global.Symbol.iterator = $jscomp.global.Symbol("iterator")); "function" != typeof Array.prototype[e] && $jscomp.defineProperty(Array.prototype, e, { configurable: !0, writable: !0, value: function() { return $jscomp.arrayIterator(this); } }); $jscomp.initSymbolIterator = function() {} ; } ; $jscomp.arrayIterator = function(e) { var r = 0; return $jscomp.iteratorPrototype(function() { return r < e.length ? { done: !1, value: e[r++] } : { done: !0 }; }); } ; $jscomp.iteratorPrototype = function(e) { $jscomp.initSymbolIterator(); e = { next: e }; e[$jscomp.global.Symbol.iterator] = function() { return this; } ; return e; } ; $jscomp.array = $jscomp.array || {}; $jscomp.iteratorFromArray = function(e, r) { $jscomp.initSymbolIterator(); e instanceof String && (e += ""); var p = 0 , m = { next: function() { if (p < e.length) { var u = p++; return { value: r(u, e[u]), done: !1 }; } m.next = function() { return { done: !0, value: void 0 }; } ; return m.next(); } }; m[Symbol.iterator] = function() { return m; } ; return m; } ; $jscomp.polyfill = function(e, r, p, m) { if (r) { p = $jscomp.global; e = e.split("."); for (m = 0; m < e.length - 1; m++) { var u = e[m]; u in p || (p[u] = {}); p = p[u]; } e = e[e.length - 1]; m = p[e]; r = r(m); r != m && null != r && $jscomp.defineProperty(p, e, { configurable: !0, writable: !0, value: r }); } } ; $jscomp.polyfill("Array.prototype.keys", function(e) { return e ? e : function() { return $jscomp.iteratorFromArray(this, function(e) { return e; }); } ; }, "es6-impl", "es3"); var $jscomp$this = this; (function(r) { M.anime = r(); } )(function() { function e(a) { if (!h.col(a)) try { return document.querySelectorAll(a); } catch (c) {} } function r(a, c) { for (var d = a.length, b = 2 <= arguments.length ? arguments[1] : void 0, f = [], n = 0; n < d; n++) { if (n in a) { var k = a[n]; c.call(b, k, n, a) && f.push(k); } } return f; } function p(a) { return a.reduce(function(a, d) { return a.concat(h.arr(d) ? p(d) : d); }, []); } function m(a) { if (h.arr(a)) return a; h.str(a) && (a = e(a) || a); return a instanceof NodeList || a instanceof HTMLCollection ? [].slice.call(a) : [a]; } function u(a, c) { return a.some(function(a) { return a === c; }); } function C(a) { var c = {}, d; for (d in a) { c[d] = a[d]; } return c; } function D(a, c) { var d = C(a), b; for (b in a) { d[b] = c.hasOwnProperty(b) ? c[b] : a[b]; } return d; } function z(a, c) { var d = C(a), b; for (b in c) { d[b] = h.und(a[b]) ? c[b] : a[b]; } return d; } function T(a) { a = a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function(a, c, d, k) { return c + c + d + d + k + k; }); var c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a); a = parseInt(c[1], 16); var d = parseInt(c[2], 16) , c = parseInt(c[3], 16); return "rgba(" + a + "," + d + "," + c + ",1)"; } function U(a) { function c(a, c, b) { 0 > b && (b += 1); 1 < b && --b; return b < 1 / 6 ? a + 6 * (c - a) * b : .5 > b ? c : b < 2 / 3 ? a + (c - a) * (2 / 3 - b) * 6 : a; } var d = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(a) || /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(a); a = parseInt(d[1]) / 360; var b = parseInt(d[2]) / 100 , f = parseInt(d[3]) / 100 , d = d[4] || 1; if (0 == b) f = b = a = f; else { var n = .5 > f ? f * (1 + b) : f + b - f * b , k = 2 * f - n , f = c(k, n, a + 1 / 3) , b = c(k, n, a); a = c(k, n, a - 1 / 3); } return "rgba(" + 255 * f + "," + 255 * b + "," + 255 * a + "," + d + ")"; } function y(a) { if (a = /([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(a)) return a[2]; } function V(a) { if (-1 < a.indexOf("translate") || "perspective" === a) return "px"; if (-1 < a.indexOf("rotate") || -1 < a.indexOf("skew")) return "deg"; } function I(a, c) { return h.fnc(a) ? a(c.target, c.id, c.total) : a; } function E(a, c) { if (c in a.style) return getComputedStyle(a).getPropertyValue(c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()) || "0"; } function J(a, c) { if (h.dom(a) && u(W, c)) return "transform"; if (h.dom(a) && (a.getAttribute(c) || h.svg(a) && a[c])) return "attribute"; if (h.dom(a) && "transform" !== c && E(a, c)) return "css"; if (null != a[c]) return "object"; } function X(a, c) { var d = V(c) , d = -1 < c.indexOf("scale") ? 1 : 0 + d; a = a.style.transform; if (!a) return d; for (var b = [], f = [], n = [], k = /(\w+)\((.+?)\)/g; b = k.exec(a); ) { f.push(b[1]), n.push(b[2]); } a = r(n, function(a, b) { return f[b] === c; }); return a.length ? a[0] : d; } function K(a, c) { switch (J(a, c)) { case "transform": return X(a, c); case "css": return E(a, c); case "attribute": return a.getAttribute(c); } return a[c] || 0; } function L(a, c) { var d = /^(\*=|\+=|-=)/.exec(a); if (!d) return a; var b = y(a) || 0; c = parseFloat(c); a = parseFloat(a.replace(d[0], "")); switch (d[0][0]) { case "+": return c + a + b; case "-": return c - a + b; case "*": return c * a + b; } } function F(a, c) { return Math.sqrt(Math.pow(c.x - a.x, 2) + Math.pow(c.y - a.y, 2)); } function M(a) { a = a.points; for (var c = 0, d, b = 0; b < a.numberOfItems; b++) { var f = a.getItem(b); 0 < b && (c += F(d, f)); d = f; } return c; } function N(a) { if (a.getTotalLength) return a.getTotalLength(); switch (a.tagName.toLowerCase()) { case "circle": return 2 * Math.PI * a.getAttribute("r"); case "rect": return 2 * a.getAttribute("width") + 2 * a.getAttribute("height"); case "line": return F({ x: a.getAttribute("x1"), y: a.getAttribute("y1") }, { x: a.getAttribute("x2"), y: a.getAttribute("y2") }); case "polyline": return M(a); case "polygon": var c = a.points; return M(a) + F(c.getItem(c.numberOfItems - 1), c.getItem(0)); } } function Y(a, c) { function d(b) { b = void 0 === b ? 0 : b; return a.el.getPointAtLength(1 <= c + b ? c + b : 0); } var b = d() , f = d(-1) , n = d(1); switch (a.property) { case "x": return b.x; case "y": return b.y; case "angle": return 180 * Math.atan2(n.y - f.y, n.x - f.x) / Math.PI; } } function O(a, c) { var d = /-?\d*\.?\d+/g, b; b = h.pth(a) ? a.totalLength : a; if (h.col(b)) { if (h.rgb(b)) { var f = /rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(b); b = f ? "rgba(" + f[1] + ",1)" : b; } else b = h.hex(b) ? T(b) : h.hsl(b) ? U(b) : void 0; } else f = (f = y(b)) ? b.substr(0, b.length - f.length) : b, b = c && !/\s/g.test(b) ? f + c : f; b += ""; return { original: b, numbers: b.match(d) ? b.match(d).map(Number) : [0], strings: h.str(a) || c ? b.split(d) : [] }; } function P(a) { a = a ? p(h.arr(a) ? a.map(m) : m(a)) : []; return r(a, function(a, d, b) { return b.indexOf(a) === d; }); } function Z(a) { var c = P(a); return c.map(function(a, b) { return { target: a, id: b, total: c.length }; }); } function aa(a, c) { var d = C(c); if (h.arr(a)) { var b = a.length; 2 !== b || h.obj(a[0]) ? h.fnc(c.duration) || (d.duration = c.duration / b) : a = { value: a }; } return m(a).map(function(a, b) { b = b ? 0 : c.delay; a = h.obj(a) && !h.pth(a) ? a : { value: a }; h.und(a.delay) && (a.delay = b); return a; }).map(function(a) { return z(a, d); }); } function ba(a, c) { var d = {}, b; for (b in a) { var f = I(a[b], c); h.arr(f) && (f = f.map(function(a) { return I(a, c); }), 1 === f.length && (f = f[0])); d[b] = f; } d.duration = parseFloat(d.duration); d.delay = parseFloat(d.delay); return d; } function ca(a) { return h.arr(a) ? A.apply(this, a) : Q[a]; } function da(a, c) { var d; return a.tweens.map(function(b) { b = ba(b, c); var f = b.value , e = K(c.target, a.name) , k = d ? d.to.original : e , k = h.arr(f) ? f[0] : k , w = L(h.arr(f) ? f[1] : f, k) , e = y(w) || y(k) || y(e); b.from = O(k, e); b.to = O(w, e); b.start = d ? d.end : a.offset; b.end = b.start + b.delay + b.duration; b.easing = ca(b.easing); b.elasticity = (1E3 - Math.min(Math.max(b.elasticity, 1), 999)) / 1E3; b.isPath = h.pth(f); b.isColor = h.col(b.from.original); b.isColor && (b.round = 1); return d = b; }); } function ea(a, c) { return r(p(a.map(function(a) { return c.map(function(b) { var c = J(a.target, b.name); if (c) { var d = da(b, a); b = { type: c, property: b.name, animatable: a, tweens: d, duration: d[d.length - 1].end, delay: d[0].delay }; } else b = void 0; return b; }); })), function(a) { return !h.und(a); }); } function R(a, c, d, b) { var f = "delay" === a; return c.length ? (f ? Math.min : Math.max).apply(Math, c.map(function(b) { return b[a]; })) : f ? b.delay : d.offset + b.delay + b.duration; } function fa(a) { var c = D(ga, a), d = D(S, a), b = Z(a.targets), f = [], e = z(c, d), k; for (k in a) { e.hasOwnProperty(k) || "targets" === k || f.push({ name: k, offset: e.offset, tweens: aa(a[k], d) }); } a = ea(b, f); return z(c, { children: [], animatables: b, animations: a, duration: R("duration", a, c, d), delay: R("delay", a, c, d) }); } function q(a) { function c() { return window.Promise && new Promise(function(a) { return p = a; } ); } function d(a) { return g.reversed ? g.duration - a : a; } function b(a) { for (var b = 0, c = {}, d = g.animations, f = d.length; b < f; ) { var e = d[b] , k = e.animatable , h = e.tweens , n = h.length - 1 , l = h[n]; n && (l = r(h, function(b) { return a < b.end; })[0] || l); for (var h = Math.min(Math.max(a - l.start - l.delay, 0), l.duration) / l.duration, w = isNaN(h) ? 1 : l.easing(h, l.elasticity), h = l.to.strings, p = l.round, n = [], m = void 0, m = l.to.numbers.length, t = 0; t < m; t++) { var x = void 0 , x = l.to.numbers[t] , q = l.from.numbers[t] , x = l.isPath ? Y(l.value, w * x) : q + w * (x - q); p && (l.isColor && 2 < t || (x = Math.round(x * p) / p)); n.push(x); } if (l = h.length) for (m = h[0], w = 0; w < l; w++) { p = h[w + 1], t = n[w], isNaN(t) || (m = p ? m + (t + p) : m + (t + " ")); } else m = n[0]; ha[e.type](k.target, e.property, m, c, k.id); e.currentValue = m; b++; } if (b = Object.keys(c).length) for (d = 0; d < b; d++) { H || (H = E(document.body, "transform") ? "transform" : "-webkit-transform"), g.animatables[d].target.style[H] = c[d].join(" "); } g.currentTime = a; g.progress = a / g.duration * 100; } function f(a) { if (g[a]) g[a](g); } function e() { g.remaining && !0 !== g.remaining && g.remaining--; } function k(a) { var k = g.duration , n = g.offset , w = n + g.delay , r = g.currentTime , x = g.reversed , q = d(a); if (g.children.length) { var u = g.children , v = u.length; if (q >= g.currentTime) for (var G = 0; G < v; G++) { u[G].seek(q); } else for (; v--; ) { u[v].seek(q); } } if (q >= w || !k) g.began || (g.began = !0, f("begin")), f("run"); if (q > n && q < k) b(q); else if (q <= n && 0 !== r && (b(0), x && e()), q >= k && r !== k || !k) b(k), x || e(); f("update"); a >= k && (g.remaining ? (t = h, "alternate" === g.direction && (g.reversed = !g.reversed)) : (g.pause(), g.completed || (g.completed = !0, f("complete"), "Promise"in window && (p(), m = c()))), l = 0); } a = void 0 === a ? {} : a; var h, t, l = 0, p = null, m = c(), g = fa(a); g.reset = function() { var a = g.direction , c = g.loop; g.currentTime = 0; g.progress = 0; g.paused = !0; g.began = !1; g.completed = !1; g.reversed = "reverse" === a; g.remaining = "alternate" === a && 1 === c ? 2 : c; b(0); for (a = g.children.length; a--; ) { g.children[a].reset(); } } ; g.tick = function(a) { h = a; t || (t = h); k((l + h - t) * q.speed); } ; g.seek = function(a) { k(d(a)); } ; g.pause = function() { var a = v.indexOf(g); -1 < a && v.splice(a, 1); g.paused = !0; } ; g.play = function() { g.paused && (g.paused = !1, t = 0, l = d(g.currentTime), v.push(g), B || ia()); } ; g.reverse = function() { g.reversed = !g.reversed; t = 0; l = d(g.currentTime); } ; g.restart = function() { g.pause(); g.reset(); g.play(); } ; g.finished = m; g.reset(); g.autoplay && g.play(); return g; } var ga = { update: void 0, begin: void 0, run: void 0, complete: void 0, loop: 1, direction: "normal", autoplay: !0, offset: 0 }, S = { duration: 1E3, delay: 0, easing: "easeOutElastic", elasticity: 500, round: 0 }, W = "translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "), H, h = { arr: function(a) { return Array.isArray(a); }, obj: function(a) { return -1 < Object.prototype.toString.call(a).indexOf("Object"); }, pth: function(a) { return h.obj(a) && a.hasOwnProperty("totalLength"); }, svg: function(a) { return a instanceof SVGElement; }, dom: function(a) { return a.nodeType || h.svg(a); }, str: function(a) { return "string" === typeof a; }, fnc: function(a) { return "function" === typeof a; }, und: function(a) { return "undefined" === typeof a; }, hex: function(a) { return (/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a)); }, rgb: function(a) { return (/^rgb/.test(a)); }, hsl: function(a) { return (/^hsl/.test(a)); }, col: function(a) { return h.hex(a) || h.rgb(a) || h.hsl(a); } }, A = function() { function a(a, d, b) { return (((1 - 3 * b + 3 * d) * a + (3 * b - 6 * d)) * a + 3 * d) * a; } return function(c, d, b, f) { if (0 <= c && 1 >= c && 0 <= b && 1 >= b) { var e = new Float32Array(11); if (c !== d || b !== f) for (var k = 0; 11 > k; ++k) { e[k] = a(.1 * k, c, b); } return function(k) { if (c === d && b === f) return k; if (0 === k) return 0; if (1 === k) return 1; for (var h = 0, l = 1; 10 !== l && e[l] <= k; ++l) { h += .1; } --l; var l = h + (k - e[l]) / (e[l + 1] - e[l]) * .1 , n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c; if (.001 <= n) { for (h = 0; 4 > h; ++h) { n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c; if (0 === n) break; var m = a(l, c, b) - k , l = l - m / n; } k = l; } else if (0 === n) k = l; else { var l = h , h = h + .1 , g = 0; do { m = l + (h - l) / 2, n = a(m, c, b) - k, 0 < n ? h = m : l = m; } while (1e-7 < Math.abs(n) && 10 > ++g); k = m; } return a(k, d, f); } ; } } ; }(), Q = function() { function a(a, b) { return 0 === a || 1 === a ? a : -Math.pow(2, 10 * (a - 1)) * Math.sin(2 * (a - 1 - b / (2 * Math.PI) * Math.asin(1)) * Math.PI / b); } var c = "Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "), d = { In: [[.55, .085, .68, .53], [.55, .055, .675, .19], [.895, .03, .685, .22], [.755, .05, .855, .06], [.47, 0, .745, .715], [.95, .05, .795, .035], [.6, .04, .98, .335], [.6, -.28, .735, .045], a], Out: [[.25, .46, .45, .94], [.215, .61, .355, 1], [.165, .84, .44, 1], [.23, 1, .32, 1], [.39, .575, .565, 1], [.19, 1, .22, 1], [.075, .82, .165, 1], [.175, .885, .32, 1.275], function(b, c) { return 1 - a(1 - b, c); } ], InOut: [[.455, .03, .515, .955], [.645, .045, .355, 1], [.77, 0, .175, 1], [.86, 0, .07, 1], [.445, .05, .55, .95], [1, 0, 0, 1], [.785, .135, .15, .86], [.68, -.55, .265, 1.55], function(b, c) { return .5 > b ? a(2 * b, c) / 2 : 1 - a(-2 * b + 2, c) / 2; } ] }, b = { linear: A(.25, .25, .75, .75) }, f = {}, e; for (e in d) { f.type = e, d[f.type].forEach(function(a) { return function(d, f) { b["ease" + a.type + c[f]] = h.fnc(d) ? d : A.apply($jscomp$this, d); } ; }(f)), f = { type: f.type }; } return b; }(), ha = { css: function(a, c, d) { return a.style[c] = d; }, attribute: function(a, c, d) { return a.setAttribute(c, d); }, object: function(a, c, d) { return a[c] = d; }, transform: function(a, c, d, b, f) { b[f] || (b[f] = []); b[f].push(c + "(" + d + ")"); } }, v = [], B = 0, ia = function() { function a() { B = requestAnimationFrame(c); } function c(c) { var b = v.length; if (b) { for (var d = 0; d < b; ) { v[d] && v[d].tick(c), d++; } a(); } else cancelAnimationFrame(B), B = 0; } return a; }(); q.version = "2.2.0"; q.speed = 1; q.running = v; q.remove = function(a) { a = P(a); for (var c = v.length; c--; ) { for (var d = v[c], b = d.animations, f = b.length; f--; ) { u(a, b[f].animatable.target) && (b.splice(f, 1), b.length || d.pause()); } } } ; q.getValue = K; q.path = function(a, c) { var d = h.str(a) ? e(a)[0] : a , b = c || 100; return function(a) { return { el: d, property: a, totalLength: N(d) * (b / 100) }; } ; } ; q.setDashoffset = function(a) { var c = N(a); a.setAttribute("stroke-dasharray", c); return c; } ; q.bezier = A; q.easings = Q; q.timeline = function(a) { var c = q(a); c.pause(); c.duration = 0; c.add = function(d) { c.children.forEach(function(a) { a.began = !0; a.completed = !0; }); m(d).forEach(function(b) { var d = z(b, D(S, a || {})); d.targets = d.targets || a.targets; b = c.duration; var e = d.offset; d.autoplay = !1; d.direction = c.direction; d.offset = h.und(e) ? b : L(e, b); c.began = !0; c.completed = !0; c.seek(d.offset); d = q(d); d.began = !0; d.completed = !0; d.duration > b && (c.duration = d.duration); c.children.push(d); }); c.seek(0); c.reset(); c.autoplay && c.restart(); return c; } ; return c; } ; q.random = function(a, c) { return Math.floor(Math.random() * (c - a + 1)) + a; } ; return q; }); ;(function($, anim) { 'use strict'; var _defaults = { accordion: true, onOpenStart: undefined, onOpenEnd: undefined, onCloseStart: undefined, onCloseEnd: undefined, inDuration: 300, outDuration: 300 }; /** * @class * */ var Collapsible = function(_Component) { _inherits(Collapsible, _Component); /** * Construct Collapsible instance * @constructor * @param {Element} el * @param {Object} options */ function Collapsible(el, options) { _classCallCheck(this, Collapsible); var _this3 = _possibleConstructorReturn(this, (Collapsible.__proto__ || Object.getPrototypeOf(Collapsible)).call(this, Collapsible, el, options)); _this3.el.M_Collapsible = _this3; /** * Options for the collapsible * @member Collapsible#options * @prop {Boolean} [accordion=false] - Type of the collapsible * @prop {Function} onOpenStart - Callback function called before collapsible is opened * @prop {Function} onOpenEnd - Callback function called after collapsible is opened * @prop {Function} onCloseStart - Callback function called before collapsible is closed * @prop {Function} onCloseEnd - Callback function called after collapsible is closed * @prop {Number} inDuration - Transition in duration in milliseconds. * @prop {Number} outDuration - Transition duration in milliseconds. */ _this3.options = $.extend({}, Collapsible.defaults, options); // Setup tab indices _this3.$headers = _this3.$el.children('li').children('.collapsible-header'); _this3.$headers.attr('tabindex', 0); _this3._setupEventHandlers(); // Open first active var $activeBodies = _this3.$el.children('li.active').children('.collapsible-body'); if (_this3.options.accordion) { // Handle Accordion $activeBodies.first().css('display', 'block'); } else { // Handle Expandables $activeBodies.css('display', 'block'); } return _this3; } _createClass(Collapsible, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this._removeEventHandlers(); this.el.M_Collapsible = undefined; } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { var _this4 = this; this._handleCollapsibleClickBound = this._handleCollapsibleClick.bind(this); this._handleCollapsibleKeydownBound = this._handleCollapsibleKeydown.bind(this); this.el.addEventListener('click', this._handleCollapsibleClickBound); this.$headers.each(function(header) { header.addEventListener('keydown', _this4._handleCollapsibleKeydownBound); }); } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { var _this5 = this; this.el.removeEventListener('click', this._handleCollapsibleClickBound); this.$headers.each(function(header) { header.removeEventListener('keydown', _this5._handleCollapsibleKeydownBound); }); } /** * Handle Collapsible Click * @param {Event} e */ }, { key: "_handleCollapsibleClick", value: function _handleCollapsibleClick(e) { var $header = $(e.target).closest('.collapsible-header'); if (e.target && $header.length) { var $collapsible = $header.closest('.collapsible'); if ($collapsible[0] === this.el) { var $collapsibleLi = $header.closest('li'); var $collapsibleLis = $collapsible.children('li'); var isActive = $collapsibleLi[0].classList.contains('active'); var index = $collapsibleLis.index($collapsibleLi); if (isActive) { this.close(index); } else { this.open(index); } } } } /** * Handle Collapsible Keydown * @param {Event} e */ }, { key: "_handleCollapsibleKeydown", value: function _handleCollapsibleKeydown(e) { if (e.keyCode === 13) { this._handleCollapsibleClickBound(e); } } /** * Animate in collapsible slide * @param {Number} index - 0th index of slide */ }, { key: "_animateIn", value: function _animateIn(index) { var _this6 = this; var $collapsibleLi = this.$el.children('li').eq(index); if ($collapsibleLi.length) { var $body = $collapsibleLi.children('.collapsible-body'); anim.remove($body[0]); $body.css({ display: 'block', overflow: 'hidden', height: 0, paddingTop: '', paddingBottom: '' }); var pTop = $body.css('padding-top'); var pBottom = $body.css('padding-bottom'); var finalHeight = $body[0].scrollHeight; $body.css({ paddingTop: 0, paddingBottom: 0 }); anim({ targets: $body[0], height: finalHeight, paddingTop: pTop, paddingBottom: pBottom, duration: this.options.inDuration, easing: 'easeInOutCubic', complete: function(anim) { $body.css({ overflow: '', paddingTop: '', paddingBottom: '', height: '' }); // onOpenEnd callback if (typeof _this6.options.onOpenEnd === 'function') { _this6.options.onOpenEnd.call(_this6, $collapsibleLi[0]); } } }); } } /** * Animate out collapsible slide * @param {Number} index - 0th index of slide to open */ }, { key: "_animateOut", value: function _animateOut(index) { var _this7 = this; var $collapsibleLi = this.$el.children('li').eq(index); if ($collapsibleLi.length) { var $body = $collapsibleLi.children('.collapsible-body'); anim.remove($body[0]); $body.css('overflow', 'hidden'); anim({ targets: $body[0], height: 0, paddingTop: 0, paddingBottom: 0, duration: this.options.outDuration, easing: 'easeInOutCubic', complete: function() { $body.css({ height: '', overflow: '', padding: '', display: '' }); // onCloseEnd callback if (typeof _this7.options.onCloseEnd === 'function') { _this7.options.onCloseEnd.call(_this7, $collapsibleLi[0]); } } }); } } /** * Open Collapsible * @param {Number} index - 0th index of slide */ }, { key: "open", value: function open(index) { var _this8 = this; var $collapsibleLi = this.$el.children('li').eq(index); if ($collapsibleLi.length && !$collapsibleLi[0].classList.contains('active')) { // onOpenStart callback if (typeof this.options.onOpenStart === 'function') { this.options.onOpenStart.call(this, $collapsibleLi[0]); } // Handle accordion behavior if (this.options.accordion) { var $collapsibleLis = this.$el.children('li'); var $activeLis = this.$el.children('li.active'); $activeLis.each(function(el) { var index = $collapsibleLis.index($(el)); _this8.close(index); }); } // Animate in $collapsibleLi[0].classList.add('active'); this._animateIn(index); } } /** * Close Collapsible * @param {Number} index - 0th index of slide */ }, { key: "close", value: function close(index) { var $collapsibleLi = this.$el.children('li').eq(index); if ($collapsibleLi.length && $collapsibleLi[0].classList.contains('active')) { // onCloseStart callback if (typeof this.options.onCloseStart === 'function') { this.options.onCloseStart.call(this, $collapsibleLi[0]); } // Animate out $collapsibleLi[0].classList.remove('active'); this._animateOut(index); } } }], [{ key: "init", value: function init(els, options) { return _get(Collapsible.__proto__ || Object.getPrototypeOf(Collapsible), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Collapsible; } }, { key: "defaults", get: function() { return _defaults; } }]); return Collapsible; }(Component); M.Collapsible = Collapsible; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Collapsible, 'collapsible', 'M_Collapsible'); } } )(cash, M.anime); ;(function($, anim) { 'use strict'; var _defaults = { alignment: 'left', autoFocus: true, constrainWidth: true, container: null, coverTrigger: true, closeOnClick: true, hover: false, inDuration: 150, outDuration: 250, onOpenStart: null, onOpenEnd: null, onCloseStart: null, onCloseEnd: null, onItemClick: null }; /** * @class */ var Dropdown = function(_Component2) { _inherits(Dropdown, _Component2); function Dropdown(el, options) { _classCallCheck(this, Dropdown); var _this9 = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, Dropdown, el, options)); _this9.el.M_Dropdown = _this9; Dropdown._dropdowns.push(_this9); _this9.id = M.getIdFromTrigger(el); _this9.dropdownEl = document.getElementById(_this9.id); _this9.$dropdownEl = $(_this9.dropdownEl); /** * Options for the dropdown * @member Dropdown#options * @prop {String} [alignment='left'] - Edge which the dropdown is aligned to * @prop {Boolean} [autoFocus=true] - Automatically focus dropdown el for keyboard * @prop {Boolean} [constrainWidth=true] - Constrain width to width of the button * @prop {Element} container - Container element to attach dropdown to (optional) * @prop {Boolean} [coverTrigger=true] - Place dropdown over trigger * @prop {Boolean} [closeOnClick=true] - Close on click of dropdown item * @prop {Boolean} [hover=false] - Open dropdown on hover * @prop {Number} [inDuration=150] - Duration of open animation in ms * @prop {Number} [outDuration=250] - Duration of close animation in ms * @prop {Function} onOpenStart - Function called when dropdown starts opening * @prop {Function} onOpenEnd - Function called when dropdown finishes opening * @prop {Function} onCloseStart - Function called when dropdown starts closing * @prop {Function} onCloseEnd - Function called when dropdown finishes closing */ _this9.options = $.extend({}, Dropdown.defaults, options); /** * Describes open/close state of dropdown * @type {Boolean} */ _this9.isOpen = false; /** * Describes if dropdown content is scrollable * @type {Boolean} */ _this9.isScrollable = false; /** * Describes if touch moving on dropdown content * @type {Boolean} */ _this9.isTouchMoving = false; _this9.focusedIndex = -1; _this9.filterQuery = []; // Move dropdown-content after dropdown-trigger if (!!_this9.options.container) { $(_this9.options.container).append(_this9.dropdownEl); } else { _this9.$el.after(_this9.dropdownEl); } _this9._makeDropdownFocusable(); _this9._resetFilterQueryBound = _this9._resetFilterQuery.bind(_this9); _this9._handleDocumentClickBound = _this9._handleDocumentClick.bind(_this9); _this9._handleDocumentTouchmoveBound = _this9._handleDocumentTouchmove.bind(_this9); _this9._handleDropdownClickBound = _this9._handleDropdownClick.bind(_this9); _this9._handleDropdownKeydownBound = _this9._handleDropdownKeydown.bind(_this9); _this9._handleTriggerKeydownBound = _this9._handleTriggerKeydown.bind(_this9); _this9._setupEventHandlers(); return _this9; } _createClass(Dropdown, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this._resetDropdownStyles(); this._removeEventHandlers(); Dropdown._dropdowns.splice(Dropdown._dropdowns.indexOf(this), 1); this.el.M_Dropdown = undefined; } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { // Trigger keydown handler this.el.addEventListener('keydown', this._handleTriggerKeydownBound); // Item click handler this.dropdownEl.addEventListener('click', this._handleDropdownClickBound); // Hover event handlers if (this.options.hover) { this._handleMouseEnterBound = this._handleMouseEnter.bind(this); this.el.addEventListener('mouseenter', this._handleMouseEnterBound); this._handleMouseLeaveBound = this._handleMouseLeave.bind(this); this.el.addEventListener('mouseleave', this._handleMouseLeaveBound); this.dropdownEl.addEventListener('mouseleave', this._handleMouseLeaveBound); // Click event handlers } else { this._handleClickBound = this._handleClick.bind(this); this.el.addEventListener('click', this._handleClickBound); } } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { this.el.removeEventListener('keydown', this._handleTriggerKeydownBound); this.dropdownEl.removeEventListener('click', this._handleDropdownClickBound); if (this.options.hover) { this.el.removeEventListener('mouseenter', this._handleMouseEnterBound); this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound); this.dropdownEl.removeEventListener('mouseleave', this._handleMouseLeaveBound); } else { this.el.removeEventListener('click', this._handleClickBound); } } }, { key: "_setupTemporaryEventHandlers", value: function _setupTemporaryEventHandlers() { // Use capture phase event handler to prevent click document.body.addEventListener('click', this._handleDocumentClickBound, true); document.body.addEventListener('touchend', this._handleDocumentClickBound); document.body.addEventListener('touchmove', this._handleDocumentTouchmoveBound); this.dropdownEl.addEventListener('keydown', this._handleDropdownKeydownBound); } }, { key: "_removeTemporaryEventHandlers", value: function _removeTemporaryEventHandlers() { // Use capture phase event handler to prevent click document.body.removeEventListener('click', this._handleDocumentClickBound, true); document.body.removeEventListener('touchend', this._handleDocumentClickBound); document.body.removeEventListener('touchmove', this._handleDocumentTouchmoveBound); this.dropdownEl.removeEventListener('keydown', this._handleDropdownKeydownBound); } }, { key: "_handleClick", value: function _handleClick(e) { e.preventDefault(); this.open(); } }, { key: "_handleMouseEnter", value: function _handleMouseEnter() { this.open(); } }, { key: "_handleMouseLeave", value: function _handleMouseLeave(e) { var toEl = e.toElement || e.relatedTarget; var leaveToDropdownContent = !!$(toEl).closest('.dropdown-content').length; var leaveToActiveDropdownTrigger = false; var $closestTrigger = $(toEl).closest('.dropdown-trigger'); if ($closestTrigger.length && !!$closestTrigger[0].M_Dropdown && $closestTrigger[0].M_Dropdown.isOpen) { leaveToActiveDropdownTrigger = true; } // Close hover dropdown if mouse did not leave to either active dropdown-trigger or dropdown-content if (!leaveToActiveDropdownTrigger && !leaveToDropdownContent) { this.close(); } } }, { key: "_handleDocumentClick", value: function _handleDocumentClick(e) { var _this10 = this; var $target = $(e.target); if (this.options.closeOnClick && $target.closest('.dropdown-content').length && !this.isTouchMoving) { // isTouchMoving to check if scrolling on mobile. setTimeout(function() { _this10.close(); }, 0); } else if ($target.closest('.dropdown-trigger').length || !$target.closest('.dropdown-content').length) { setTimeout(function() { _this10.close(); }, 0); } this.isTouchMoving = false; } }, { key: "_handleTriggerKeydown", value: function _handleTriggerKeydown(e) { // ARROW DOWN OR ENTER WHEN SELECT IS CLOSED - open Dropdown if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ENTER) && !this.isOpen) { e.preventDefault(); this.open(); } } /** * Handle Document Touchmove * @param {Event} e */ }, { key: "_handleDocumentTouchmove", value: function _handleDocumentTouchmove(e) { var $target = $(e.target); if ($target.closest('.dropdown-content').length) { this.isTouchMoving = true; } } /** * Handle Dropdown Click * @param {Event} e */ }, { key: "_handleDropdownClick", value: function _handleDropdownClick(e) { // onItemClick callback if (typeof this.options.onItemClick === 'function') { var itemEl = $(e.target).closest('li')[0]; this.options.onItemClick.call(this, itemEl); } } /** * Handle Dropdown Keydown * @param {Event} e */ }, { key: "_handleDropdownKeydown", value: function _handleDropdownKeydown(e) { if (e.which === M.keys.TAB) { e.preventDefault(); this.close(); // Navigate down dropdown list } else if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) && this.isOpen) { e.preventDefault(); var direction = e.which === M.keys.ARROW_DOWN ? 1 : -1; var newFocusedIndex = this.focusedIndex; var foundNewIndex = false; do { newFocusedIndex = newFocusedIndex + direction; if (!!this.dropdownEl.children[newFocusedIndex] && this.dropdownEl.children[newFocusedIndex].tabIndex !== -1) { foundNewIndex = true; break; } } while (newFocusedIndex < this.dropdownEl.children.length && newFocusedIndex >= 0); if (foundNewIndex) { this.focusedIndex = newFocusedIndex; this._focusFocusedItem(); } // ENTER selects choice on focused item } else if (e.which === M.keys.ENTER && this.isOpen) { // Search for <a> and <button> var focusedElement = this.dropdownEl.children[this.focusedIndex]; var $activatableElement = $(focusedElement).find('a, button').first(); // Click a or button tag if exists, otherwise click li tag if (!!$activatableElement.length) { $activatableElement[0].click(); } else if (!!focusedElement) { focusedElement.click(); } // Close dropdown on ESC } else if (e.which === M.keys.ESC && this.isOpen) { e.preventDefault(); this.close(); } // CASE WHEN USER TYPE LETTERS var letter = String.fromCharCode(e.which).toLowerCase() , nonLetters = [9, 13, 27, 38, 40]; if (letter && nonLetters.indexOf(e.which) === -1) { this.filterQuery.push(letter); var string = this.filterQuery.join('') , newOptionEl = $(this.dropdownEl).find('li').filter(function(el) { return $(el).text().toLowerCase().indexOf(string) === 0; })[0]; if (newOptionEl) { this.focusedIndex = $(newOptionEl).index(); this._focusFocusedItem(); } } this.filterTimeout = setTimeout(this._resetFilterQueryBound, 1000); } /** * Setup dropdown */ }, { key: "_resetFilterQuery", value: function _resetFilterQuery() { this.filterQuery = []; } }, { key: "_resetDropdownStyles", value: function _resetDropdownStyles() { this.$dropdownEl.css({ display: '', width: '', height: '', left: '', top: '', 'transform-origin': '', transform: '', opacity: '' }); } }, { key: "_makeDropdownFocusable", value: function _makeDropdownFocusable() { // Needed for arrow key navigation this.dropdownEl.tabIndex = 0; // Only set tabindex if it hasn't been set by user $(this.dropdownEl).children().each(function(el) { if (!el.getAttribute('tabindex')) { el.setAttribute('tabindex', 0); } }); } }, { key: "_focusFocusedItem", value: function _focusFocusedItem() { if (this.focusedIndex >= 0 && this.focusedIndex < this.dropdownEl.children.length && this.options.autoFocus) { this.dropdownEl.children[this.focusedIndex].focus(); } } }, { key: "_getDropdownPosition", value: function _getDropdownPosition() { var offsetParentBRect = this.el.offsetParent.getBoundingClientRect(); var triggerBRect = this.el.getBoundingClientRect(); var dropdownBRect = this.dropdownEl.getBoundingClientRect(); var idealHeight = dropdownBRect.height; var idealWidth = dropdownBRect.width; var idealXPos = triggerBRect.left - dropdownBRect.left; var idealYPos = triggerBRect.top - dropdownBRect.top; var dropdownBounds = { left: idealXPos, top: idealYPos, height: idealHeight, width: idealWidth }; // Countainer here will be closest ancestor with overflow: hidden var closestOverflowParent = !!this.dropdownEl.offsetParent ? this.dropdownEl.offsetParent : this.dropdownEl.parentNode; var alignments = M.checkPossibleAlignments(this.el, closestOverflowParent, dropdownBounds, this.options.coverTrigger ? 0 : triggerBRect.height); var verticalAlignment = 'top'; var horizontalAlignment = this.options.alignment; idealYPos += this.options.coverTrigger ? 0 : triggerBRect.height; // Reset isScrollable this.isScrollable = false; if (!alignments.top) { if (alignments.bottom) { verticalAlignment = 'bottom'; } else { this.isScrollable = true; // Determine which side has most space and cutoff at correct height if (alignments.spaceOnTop > alignments.spaceOnBottom) { verticalAlignment = 'bottom'; idealHeight += alignments.spaceOnTop; idealYPos -= alignments.spaceOnTop; } else { idealHeight += alignments.spaceOnBottom; } } } // If preferred horizontal alignment is possible if (!alignments[horizontalAlignment]) { var oppositeAlignment = horizontalAlignment === 'left' ? 'right' : 'left'; if (alignments[oppositeAlignment]) { horizontalAlignment = oppositeAlignment; } else { // Determine which side has most space and cutoff at correct height if (alignments.spaceOnLeft > alignments.spaceOnRight) { horizontalAlignment = 'right'; idealWidth += alignments.spaceOnLeft; idealXPos -= alignments.spaceOnLeft; } else { horizontalAlignment = 'left'; idealWidth += alignments.spaceOnRight; } } } if (verticalAlignment === 'bottom') { idealYPos = idealYPos - dropdownBRect.height + (this.options.coverTrigger ? triggerBRect.height : 0); } if (horizontalAlignment === 'right') { idealXPos = idealXPos - dropdownBRect.width + triggerBRect.width; } return { x: idealXPos, y: idealYPos, verticalAlignment: verticalAlignment, horizontalAlignment: horizontalAlignment, height: idealHeight, width: idealWidth }; } /** * Animate in dropdown */ }, { key: "_animateIn", value: function _animateIn() { var _this11 = this; anim.remove(this.dropdownEl); anim({ targets: this.dropdownEl, opacity: { value: [0, 1], easing: 'easeOutQuad' }, scaleX: [0.3, 1], scaleY: [0.3, 1], duration: this.options.inDuration, easing: 'easeOutQuint', complete: function(anim) { if (_this11.options.autoFocus) { _this11.dropdownEl.focus(); } // onOpenEnd callback if (typeof _this11.options.onOpenEnd === 'function') { _this11.options.onOpenEnd.call(_this11, _this11.el); } } }); } /** * Animate out dropdown */ }, { key: "_animateOut", value: function _animateOut() { var _this12 = this; anim.remove(this.dropdownEl); anim({ targets: this.dropdownEl, opacity: { value: 0, easing: 'easeOutQuint' }, scaleX: 0.3, scaleY: 0.3, duration: this.options.outDuration, easing: 'easeOutQuint', complete: function(anim) { _this12._resetDropdownStyles(); // onCloseEnd callback if (typeof _this12.options.onCloseEnd === 'function') { _this12.options.onCloseEnd.call(_this12, _this12.el); } } }); } /** * Place dropdown */ }, { key: "_placeDropdown", value: function _placeDropdown() { // Set width before calculating positionInfo var idealWidth = this.options.constrainWidth ? this.el.getBoundingClientRect().width : this.dropdownEl.getBoundingClientRect().width; this.dropdownEl.style.width = idealWidth + 'px'; var positionInfo = this._getDropdownPosition(); this.dropdownEl.style.left = positionInfo.x + 'px'; this.dropdownEl.style.top = positionInfo.y + 'px'; this.dropdownEl.style.height = positionInfo.height + 'px'; this.dropdownEl.style.width = positionInfo.width + 'px'; this.dropdownEl.style.transformOrigin = (positionInfo.horizontalAlignment === 'left' ? '0' : '100%') + " " + (positionInfo.verticalAlignment === 'top' ? '0' : '100%'); } /** * Open Dropdown */ }, { key: "open", value: function open() { if (this.isOpen) { return; } this.isOpen = true; // onOpenStart callback if (typeof this.options.onOpenStart === 'function') { this.options.onOpenStart.call(this, this.el); } // Reset styles this._resetDropdownStyles(); this.dropdownEl.style.display = 'block'; this._placeDropdown(); this._animateIn(); this._setupTemporaryEventHandlers(); } /** * Close Dropdown */ }, { key: "close", value: function close() { if (!this.isOpen) { return; } this.isOpen = false; this.focusedIndex = -1; // onCloseStart callback if (typeof this.options.onCloseStart === 'function') { this.options.onCloseStart.call(this, this.el); } this._animateOut(); this._removeTemporaryEventHandlers(); if (this.options.autoFocus) { this.el.focus(); } } /** * Recalculate dimensions */ }, { key: "recalculateDimensions", value: function recalculateDimensions() { if (this.isOpen) { this.$dropdownEl.css({ width: '', height: '', left: '', top: '', 'transform-origin': '' }); this._placeDropdown(); } } }], [{ key: "init", value: function init(els, options) { return _get(Dropdown.__proto__ || Object.getPrototypeOf(Dropdown), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Dropdown; } }, { key: "defaults", get: function() { return _defaults; } }]); return Dropdown; }(Component); /** * @static * @memberof Dropdown */ Dropdown._dropdowns = []; M.Dropdown = Dropdown; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Dropdown, 'dropdown', 'M_Dropdown'); } } )(cash, M.anime); ;(function($, anim) { 'use strict'; var _defaults = { opacity: 0.5, inDuration: 250, outDuration: 250, onOpenStart: null, onOpenEnd: null, onCloseStart: null, onCloseEnd: null, preventScrolling: true, dismissible: true, startingTop: '4%', endingTop: '10%' }; /** * @class * */ var Modal = function(_Component3) { _inherits(Modal, _Component3); /** * Construct Modal instance and set up overlay * @constructor * @param {Element} el * @param {Object} options */ function Modal(el, options) { _classCallCheck(this, Modal); var _this13 = _possibleConstructorReturn(this, (Modal.__proto__ || Object.getPrototypeOf(Modal)).call(this, Modal, el, options)); _this13.el.M_Modal = _this13; /** * Options for the modal * @member Modal#options * @prop {Number} [opacity=0.5] - Opacity of the modal overlay * @prop {Number} [inDuration=250] - Length in ms of enter transition * @prop {Number} [outDuration=250] - Length in ms of exit transition * @prop {Function} onOpenStart - Callback function called before modal is opened * @prop {Function} onOpenEnd - Callback function called after modal is opened * @prop {Function} onCloseStart - Callback function called before modal is closed * @prop {Function} onCloseEnd - Callback function called after modal is closed * @prop {Boolean} [dismissible=true] - Allow modal to be dismissed by keyboard or overlay click * @prop {String} [startingTop='4%'] - startingTop * @prop {String} [endingTop='10%'] - endingTop */ _this13.options = $.extend({}, Modal.defaults, options); /** * Describes open/close state of modal * @type {Boolean} */ _this13.isOpen = false; _this13.id = _this13.$el.attr('id'); _this13._openingTrigger = undefined; _this13.$overlay = $('<div class="modal-overlay"></script></div>'); _this13.el.tabIndex = 0; _this13._nthModalOpened = 0; Modal._count++; _this13._setupEventHandlers(); return _this13; } _createClass(Modal, [{ key: "destroy", /** * Teardown component */ value: function destroy() { Modal._count--; this._removeEventHandlers(); this.el.removeAttribute('style'); this.$overlay.remove(); this.el.M_Modal = undefined; } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { this._handleOverlayClickBound = this._handleOverlayClick.bind(this); this._handleModalCloseClickBound = this._handleModalCloseClick.bind(this); if (Modal._count === 1) { document.body.addEventListener('click', this._handleTriggerClick); } this.$overlay[0].addEventListener('click', this._handleOverlayClickBound); this.el.addEventListener('click', this._handleModalCloseClickBound); } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { if (Modal._count === 0) { document.body.removeEventListener('click', this._handleTriggerClick); } this.$overlay[0].removeEventListener('click', this._handleOverlayClickBound); this.el.removeEventListener('click', this._handleModalCloseClickBound); } /** * Handle Trigger Click * @param {Event} e */ }, { key: "_handleTriggerClick", value: function _handleTriggerClick(e) { var $trigger = $(e.target).closest('.modal-trigger'); if ($trigger.length) { var modalId = M.getIdFromTrigger($trigger[0]); var modalInstance = document.getElementById(modalId).M_Modal; if (modalInstance) { modalInstance.open($trigger); } e.preventDefault(); } } /** * Handle Overlay Click */ }, { key: "_handleOverlayClick", value: function _handleOverlayClick() { if (this.options.dismissible) { this.close(); } } /** * Handle Modal Close Click * @param {Event} e */ }, { key: "_handleModalCloseClick", value: function _handleModalCloseClick(e) { var $closeTrigger = $(e.target).closest('.modal-close'); if ($closeTrigger.length) { this.close(); } } /** * Handle Keydown * @param {Event} e */ }, { key: "_handleKeydown", value: function _handleKeydown(e) { // ESC key if (e.keyCode === 27 && this.options.dismissible) { this.close(); } } /** * Handle Focus * @param {Event} e */ }, { key: "_handleFocus", value: function _handleFocus(e) { // Only trap focus if this modal is the last model opened (prevents loops in nested modals). if (!this.el.contains(e.target) && this._nthModalOpened === Modal._modalsOpen) { this.el.focus(); } } /** * Animate in modal */ }, { key: "_animateIn", value: function _animateIn() { var _this14 = this; // Set initial styles $.extend(this.el.style, { display: 'block', opacity: 0 }); $.extend(this.$overlay[0].style, { display: 'block', opacity: 0 }); // Animate overlay anim({ targets: this.$overlay[0], opacity: this.options.opacity, duration: this.options.inDuration, easing: 'easeOutQuad' }); // Define modal animation options var enterAnimOptions = { targets: this.el, duration: this.options.inDuration, easing: 'easeOutCubic', // Handle modal onOpenEnd callback complete: function() { if (typeof _this14.options.onOpenEnd === 'function') { _this14.options.onOpenEnd.call(_this14, _this14.el, _this14._openingTrigger); } } }; // Bottom sheet animation if (this.el.classList.contains('bottom-sheet')) { $.extend(enterAnimOptions, { bottom: 0, opacity: 1 }); anim(enterAnimOptions); // Normal modal animation } else { $.extend(enterAnimOptions, { top: [this.options.startingTop, this.options.endingTop], opacity: 1, scaleX: [0.8, 1], scaleY: [0.8, 1] }); anim(enterAnimOptions); } } /** * Animate out modal */ }, { key: "_animateOut", value: function _animateOut() { var _this15 = this; // Animate overlay anim({ targets: this.$overlay[0], opacity: 0, duration: this.options.outDuration, easing: 'easeOutQuart' }); // Define modal animation options var exitAnimOptions = { targets: this.el, duration: this.options.outDuration, easing: 'easeOutCubic', // Handle modal ready callback complete: function() { _this15.el.style.display = 'none'; _this15.$overlay.remove(); // Call onCloseEnd callback if (typeof _this15.options.onCloseEnd === 'function') { _this15.options.onCloseEnd.call(_this15, _this15.el); } } }; // Bottom sheet animation if (this.el.classList.contains('bottom-sheet')) { $.extend(exitAnimOptions, { bottom: '-100%', opacity: 0 }); anim(exitAnimOptions); // Normal modal animation } else { $.extend(exitAnimOptions, { top: [this.options.endingTop, this.options.startingTop], opacity: 0, scaleX: 0.8, scaleY: 0.8 }); anim(exitAnimOptions); } } /** * Open Modal * @param {cash} [$trigger] */ }, { key: "open", value: function open($trigger) { if (this.isOpen) { return; } this.isOpen = true; Modal._modalsOpen++; this._nthModalOpened = Modal._modalsOpen; // Set Z-Index based on number of currently open modals this.$overlay[0].style.zIndex = 1000 + Modal._modalsOpen * 2; this.el.style.zIndex = 1000 + Modal._modalsOpen * 2 + 1; // Set opening trigger, undefined indicates modal was opened by javascript this._openingTrigger = !!$trigger ? $trigger[0] : undefined; // onOpenStart callback if (typeof this.options.onOpenStart === 'function') { this.options.onOpenStart.call(this, this.el, this._openingTrigger); } if (this.options.preventScrolling) { document.body.style.overflow = 'hidden'; } this.el.classList.add('open'); this.el.insertAdjacentElement('afterend', this.$overlay[0]); if (this.options.dismissible) { this._handleKeydownBound = this._handleKeydown.bind(this); this._handleFocusBound = this._handleFocus.bind(this); document.addEventListener('keydown', this._handleKeydownBound); document.addEventListener('focus', this._handleFocusBound, true); } anim.remove(this.el); anim.remove(this.$overlay[0]); this._animateIn(); // Focus modal this.el.focus(); return this; } /** * Close Modal */ }, { key: "close", value: function close() { if (!this.isOpen) { return; } this.isOpen = false; Modal._modalsOpen--; this._nthModalOpened = 0; // Call onCloseStart callback if (typeof this.options.onCloseStart === 'function') { this.options.onCloseStart.call(this, this.el); } this.el.classList.remove('open'); // Enable body scrolling only if there are no more modals open. if (Modal._modalsOpen === 0) { document.body.style.overflow = ''; } if (this.options.dismissible) { document.removeEventListener('keydown', this._handleKeydownBound); document.removeEventListener('focus', this._handleFocusBound, true); } anim.remove(this.el); anim.remove(this.$overlay[0]); this._animateOut(); return this; } }], [{ key: "init", value: function init(els, options) { return _get(Modal.__proto__ || Object.getPrototypeOf(Modal), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Modal; } }, { key: "defaults", get: function() { return _defaults; } }]); return Modal; }(Component); /** * @static * @memberof Modal */ Modal._modalsOpen = 0; /** * @static * @memberof Modal */ Modal._count = 0; M.Modal = Modal; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Modal, 'modal', 'M_Modal'); } } )(cash, M.anime); ;(function($, anim) { 'use strict'; var _defaults = { inDuration: 275, outDuration: 200, onOpenStart: null, onOpenEnd: null, onCloseStart: null, onCloseEnd: null }; /** * @class * */ var Materialbox = function(_Component4) { _inherits(Materialbox, _Component4); /** * Construct Materialbox instance * @constructor * @param {Element} el * @param {Object} options */ function Materialbox(el, options) { _classCallCheck(this, Materialbox); var _this16 = _possibleConstructorReturn(this, (Materialbox.__proto__ || Object.getPrototypeOf(Materialbox)).call(this, Materialbox, el, options)); _this16.el.M_Materialbox = _this16; /** * Options for the modal * @member Materialbox#options * @prop {Number} [inDuration=275] - Length in ms of enter transition * @prop {Number} [outDuration=200] - Length in ms of exit transition * @prop {Function} onOpenStart - Callback function called before materialbox is opened * @prop {Function} onOpenEnd - Callback function called after materialbox is opened * @prop {Function} onCloseStart - Callback function called before materialbox is closed * @prop {Function} onCloseEnd - Callback function called after materialbox is closed */ _this16.options = $.extend({}, Materialbox.defaults, options); _this16.overlayActive = false; _this16.doneAnimating = true; _this16.placeholder = $('<div></div>').addClass('material-placeholder'); _this16.originalWidth = 0; _this16.originalHeight = 0; _this16.originInlineStyles = _this16.$el.attr('style'); _this16.caption = _this16.el.getAttribute('data-caption') || ''; // Wrap _this16.$el.before(_this16.placeholder); _this16.placeholder.append(_this16.$el); _this16._setupEventHandlers(); return _this16; } _createClass(Materialbox, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this._removeEventHandlers(); this.el.M_Materialbox = undefined; // Unwrap image $(this.placeholder).after(this.el).remove(); this.$el.removeAttr('style'); } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { this._handleMaterialboxClickBound = this._handleMaterialboxClick.bind(this); this.el.addEventListener('click', this._handleMaterialboxClickBound); } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { this.el.removeEventListener('click', this._handleMaterialboxClickBound); } /** * Handle Materialbox Click * @param {Event} e */ }, { key: "_handleMaterialboxClick", value: function _handleMaterialboxClick(e) { // If already modal, return to original if (this.doneAnimating === false || this.overlayActive && this.doneAnimating) { this.close(); } else { this.open(); } } /** * Handle Window Scroll */ }, { key: "_handleWindowScroll", value: function _handleWindowScroll() { if (this.overlayActive) { this.close(); } } /** * Handle Window Resize */ }, { key: "_handleWindowResize", value: function _handleWindowResize() { if (this.overlayActive) { this.close(); } } /** * Handle Window Resize * @param {Event} e */ }, { key: "_handleWindowEscape", value: function _handleWindowEscape(e) { // ESC key if (e.keyCode === 27 && this.doneAnimating && this.overlayActive) { this.close(); } } /** * Find ancestors with overflow: hidden; and make visible */ }, { key: "_makeAncestorsOverflowVisible", value: function _makeAncestorsOverflowVisible() { this.ancestorsChanged = $(); var ancestor = this.placeholder[0].parentNode; while (ancestor !== null && !$(ancestor).is(document)) { var curr = $(ancestor); if (curr.css('overflow') !== 'visible') { curr.css('overflow', 'visible'); if (this.ancestorsChanged === undefined) { this.ancestorsChanged = curr; } else { this.ancestorsChanged = this.ancestorsChanged.add(curr); } } ancestor = ancestor.parentNode; } } /** * Animate image in */ }, { key: "_animateImageIn", value: function _animateImageIn() { var _this17 = this; var animOptions = { targets: this.el, height: [this.originalHeight, this.newHeight], width: [this.originalWidth, this.newWidth], left: M.getDocumentScrollLeft() + this.windowWidth / 2 - this.placeholder.offset().left - this.newWidth / 2, top: M.getDocumentScrollTop() + this.windowHeight / 2 - this.placeholder.offset().top - this.newHeight / 2, duration: this.options.inDuration, easing: 'easeOutQuad', complete: function() { _this17.doneAnimating = true; // onOpenEnd callback if (typeof _this17.options.onOpenEnd === 'function') { _this17.options.onOpenEnd.call(_this17, _this17.el); } } }; // Override max-width or max-height if needed this.maxWidth = this.$el.css('max-width'); this.maxHeight = this.$el.css('max-height'); if (this.maxWidth !== 'none') { animOptions.maxWidth = this.newWidth; } if (this.maxHeight !== 'none') { animOptions.maxHeight = this.newHeight; } anim(animOptions); } /** * Animate image out */ }, { key: "_animateImageOut", value: function _animateImageOut() { var _this18 = this; var animOptions = { targets: this.el, width: this.originalWidth, height: this.originalHeight, left: 0, top: 0, duration: this.options.outDuration, easing: 'easeOutQuad', complete: function() { _this18.placeholder.css({ height: '', width: '', position: '', top: '', left: '' }); // Revert to width or height attribute if (_this18.attrWidth) { _this18.$el.attr('width', _this18.attrWidth); } if (_this18.attrHeight) { _this18.$el.attr('height', _this18.attrHeight); } _this18.$el.removeAttr('style'); _this18.originInlineStyles && _this18.$el.attr('style', _this18.originInlineStyles); // Remove class _this18.$el.removeClass('active'); _this18.doneAnimating = true; // Remove overflow overrides on ancestors if (_this18.ancestorsChanged.length) { _this18.ancestorsChanged.css('overflow', ''); } // onCloseEnd callback if (typeof _this18.options.onCloseEnd === 'function') { _this18.options.onCloseEnd.call(_this18, _this18.el); } } }; anim(animOptions); } /** * Update open and close vars */ }, { key: "_updateVars", value: function _updateVars() { this.windowWidth = window.innerWidth; this.windowHeight = window.innerHeight; this.caption = this.el.getAttribute('data-caption') || ''; } /** * Open Materialbox */ }, { key: "open", value: function open() { var _this19 = this; this._updateVars(); this.originalWidth = this.el.getBoundingClientRect().width; this.originalHeight = this.el.getBoundingClientRect().height; // Set states this.doneAnimating = false; this.$el.addClass('active'); this.overlayActive = true; // onOpenStart callback if (typeof this.options.onOpenStart === 'function') { this.options.onOpenStart.call(this, this.el); } // Set positioning for placeholder this.placeholder.css({ width: this.placeholder[0].getBoundingClientRect().width + 'px', height: this.placeholder[0].getBoundingClientRect().height + 'px', position: 'relative', top: 0, left: 0 }); this._makeAncestorsOverflowVisible(); // Set css on origin this.$el.css({ position: 'absolute', 'z-index': 1000, 'will-change': 'left, top, width, height' }); // Change from width or height attribute to css this.attrWidth = this.$el.attr('width'); this.attrHeight = this.$el.attr('height'); if (this.attrWidth) { this.$el.css('width', this.attrWidth + 'px'); this.$el.removeAttr('width'); } if (this.attrHeight) { this.$el.css('width', this.attrHeight + 'px'); this.$el.removeAttr('height'); } // Add overlay this.$overlay = $('<div id="materialbox-overlay"></div>').css({ opacity: 0 }).one('click', function() { if (_this19.doneAnimating) { _this19.close(); } }); // Put before in origin image to preserve z-index layering. this.$el.before(this.$overlay); // Set dimensions if needed var overlayOffset = this.$overlay[0].getBoundingClientRect(); this.$overlay.css({ width: this.windowWidth + 'px', height: this.windowHeight + 'px', left: -1 * overlayOffset.left + 'px', top: -1 * overlayOffset.top + 'px' }); anim.remove(this.el); anim.remove(this.$overlay[0]); // Animate Overlay anim({ targets: this.$overlay[0], opacity: 1, duration: this.options.inDuration, easing: 'easeOutQuad' }); // Add and animate caption if it exists if (this.caption !== '') { if (this.$photocaption) { anim.remove(this.$photoCaption[0]); } this.$photoCaption = $('<div class="materialbox-caption"></div>'); this.$photoCaption.text(this.caption); $('body').append(this.$photoCaption); this.$photoCaption.css({ display: 'inline' }); anim({ targets: this.$photoCaption[0], opacity: 1, duration: this.options.inDuration, easing: 'easeOutQuad' }); } // Resize Image var ratio = 0; var widthPercent = this.originalWidth / this.windowWidth; var heightPercent = this.originalHeight / this.windowHeight; this.newWidth = 0; this.newHeight = 0; if (widthPercent > heightPercent) { ratio = this.originalHeight / this.originalWidth; this.newWidth = this.windowWidth * 0.9; this.newHeight = this.windowWidth * 0.9 * ratio; } else { ratio = this.originalWidth / this.originalHeight; this.newWidth = this.windowHeight * 0.9 * ratio; this.newHeight = this.windowHeight * 0.9; } this._animateImageIn(); // Handle Exit triggers this._handleWindowScrollBound = this._handleWindowScroll.bind(this); this._handleWindowResizeBound = this._handleWindowResize.bind(this); this._handleWindowEscapeBound = this._handleWindowEscape.bind(this); window.addEventListener('scroll', this._handleWindowScrollBound); window.addEventListener('resize', this._handleWindowResizeBound); window.addEventListener('keyup', this._handleWindowEscapeBound); } /** * Close Materialbox */ }, { key: "close", value: function close() { var _this20 = this; this._updateVars(); this.doneAnimating = false; // onCloseStart callback if (typeof this.options.onCloseStart === 'function') { this.options.onCloseStart.call(this, this.el); } anim.remove(this.el); anim.remove(this.$overlay[0]); if (this.caption !== '') { anim.remove(this.$photoCaption[0]); } // disable exit handlers window.removeEventListener('scroll', this._handleWindowScrollBound); window.removeEventListener('resize', this._handleWindowResizeBound); window.removeEventListener('keyup', this._handleWindowEscapeBound); anim({ targets: this.$overlay[0], opacity: 0, duration: this.options.outDuration, easing: 'easeOutQuad', complete: function() { _this20.overlayActive = false; _this20.$overlay.remove(); } }); this._animateImageOut(); // Remove Caption + reset css settings on image if (this.caption !== '') { anim({ targets: this.$photoCaption[0], opacity: 0, duration: this.options.outDuration, easing: 'easeOutQuad', complete: function() { _this20.$photoCaption.remove(); } }); } } }], [{ key: "init", value: function init(els, options) { return _get(Materialbox.__proto__ || Object.getPrototypeOf(Materialbox), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Materialbox; } }, { key: "defaults", get: function() { return _defaults; } }]); return Materialbox; }(Component); M.Materialbox = Materialbox; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Materialbox, 'materialbox', 'M_Materialbox'); } } )(cash, M.anime); ;(function($) { 'use strict'; var _defaults = { responsiveThreshold: 0 // breakpoint for swipeable }; var Parallax = function(_Component5) { _inherits(Parallax, _Component5); function Parallax(el, options) { _classCallCheck(this, Parallax); var _this21 = _possibleConstructorReturn(this, (Parallax.__proto__ || Object.getPrototypeOf(Parallax)).call(this, Parallax, el, options)); _this21.el.M_Parallax = _this21; /** * Options for the Parallax * @member Parallax#options * @prop {Number} responsiveThreshold */ _this21.options = $.extend({}, Parallax.defaults, options); _this21._enabled = window.innerWidth > _this21.options.responsiveThreshold; _this21.$img = _this21.$el.find('img').first(); _this21.$img.each(function() { var el = this; if (el.complete) $(el).trigger('load'); }); _this21._updateParallax(); _this21._setupEventHandlers(); _this21._setupStyles(); Parallax._parallaxes.push(_this21); return _this21; } _createClass(Parallax, [{ key: "destroy", /** * Teardown component */ value: function destroy() { Parallax._parallaxes.splice(Parallax._parallaxes.indexOf(this), 1); this.$img[0].style.transform = ''; this._removeEventHandlers(); this.$el[0].M_Parallax = undefined; } }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { this._handleImageLoadBound = this._handleImageLoad.bind(this); this.$img[0].addEventListener('load', this._handleImageLoadBound); if (Parallax._parallaxes.length === 0) { Parallax._handleScrollThrottled = M.throttle(Parallax._handleScroll, 5); window.addEventListener('scroll', Parallax._handleScrollThrottled); Parallax._handleWindowResizeThrottled = M.throttle(Parallax._handleWindowResize, 5); window.addEventListener('resize', Parallax._handleWindowResizeThrottled); } } }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { this.$img[0].removeEventListener('load', this._handleImageLoadBound); if (Parallax._parallaxes.length === 0) { window.removeEventListener('scroll', Parallax._handleScrollThrottled); window.removeEventListener('resize', Parallax._handleWindowResizeThrottled); } } }, { key: "_setupStyles", value: function _setupStyles() { this.$img[0].style.opacity = 1; } }, { key: "_handleImageLoad", value: function _handleImageLoad() { this._updateParallax(); } }, { key: "_updateParallax", value: function _updateParallax() { var containerHeight = this.$el.height() > 0 ? this.el.parentNode.offsetHeight : 500; var imgHeight = this.$img[0].offsetHeight; var parallaxDist = imgHeight - containerHeight; var bottom = this.$el.offset().top + containerHeight; var top = this.$el.offset().top; var scrollTop = M.getDocumentScrollTop(); var windowHeight = window.innerHeight; var windowBottom = scrollTop + windowHeight; var percentScrolled = (windowBottom - top) / (containerHeight + windowHeight); var parallax = parallaxDist * percentScrolled; if (!this._enabled) { this.$img[0].style.transform = ''; } else if (bottom > scrollTop && top < scrollTop + windowHeight) { this.$img[0].style.transform = "translate3D(-50%, " + parallax + "px, 0)"; } } }], [{ key: "init", value: function init(els, options) { return _get(Parallax.__proto__ || Object.getPrototypeOf(Parallax), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Parallax; } }, { key: "_handleScroll", value: function _handleScroll() { for (var i = 0; i < Parallax._parallaxes.length; i++) { var parallaxInstance = Parallax._parallaxes[i]; parallaxInstance._updateParallax.call(parallaxInstance); } } }, { key: "_handleWindowResize", value: function _handleWindowResize() { for (var i = 0; i < Parallax._parallaxes.length; i++) { var parallaxInstance = Parallax._parallaxes[i]; parallaxInstance._enabled = window.innerWidth > parallaxInstance.options.responsiveThreshold; } } }, { key: "defaults", get: function() { return _defaults; } }]); return Parallax; }(Component); /** * @static * @memberof Parallax */ Parallax._parallaxes = []; M.Parallax = Parallax; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Parallax, 'parallax', 'M_Parallax'); } } )(cash); ;(function($, anim) { 'use strict'; var _defaults = { duration: 300, onShow: null, swipeable: false, responsiveThreshold: Infinity // breakpoint for swipeable }; /** * @class * */ var Tabs = function(_Component6) { _inherits(Tabs, _Component6); /** * Construct Tabs instance * @constructor * @param {Element} el * @param {Object} options */ function Tabs(el, options) { _classCallCheck(this, Tabs); var _this22 = _possibleConstructorReturn(this, (Tabs.__proto__ || Object.getPrototypeOf(Tabs)).call(this, Tabs, el, options)); _this22.el.M_Tabs = _this22; /** * Options for the Tabs * @member Tabs#options * @prop {Number} duration * @prop {Function} onShow * @prop {Boolean} swipeable * @prop {Number} responsiveThreshold */ _this22.options = $.extend({}, Tabs.defaults, options); // Setup _this22.$tabLinks = _this22.$el.children('li.tab').children('a'); _this22.index = 0; _this22._setupActiveTabLink(); // Setup tabs content if (_this22.options.swipeable) { _this22._setupSwipeableTabs(); } else { _this22._setupNormalTabs(); } // Setup tabs indicator after content to ensure accurate widths _this22._setTabsAndTabWidth(); _this22._createIndicator(); _this22._setupEventHandlers(); return _this22; } _createClass(Tabs, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this._removeEventHandlers(); this._indicator.parentNode.removeChild(this._indicator); if (this.options.swipeable) { this._teardownSwipeableTabs(); } else { this._teardownNormalTabs(); } this.$el[0].M_Tabs = undefined; } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { this._handleWindowResizeBound = this._handleWindowResize.bind(this); window.addEventListener('resize', this._handleWindowResizeBound); this._handleTabClickBound = this._handleTabClick.bind(this); this.el.addEventListener('click', this._handleTabClickBound); } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { window.removeEventListener('resize', this._handleWindowResizeBound); this.el.removeEventListener('click', this._handleTabClickBound); } /** * Handle window Resize */ }, { key: "_handleWindowResize", value: function _handleWindowResize() { this._setTabsAndTabWidth(); if (this.tabWidth !== 0 && this.tabsWidth !== 0) { this._indicator.style.left = this._calcLeftPos(this.$activeTabLink) + 'px'; this._indicator.style.right = this._calcRightPos(this.$activeTabLink) + 'px'; } } /** * Handle tab click * @param {Event} e */ }, { key: "_handleTabClick", value: function _handleTabClick(e) { var _this23 = this; var tab = $(e.target).closest('li.tab'); var tabLink = $(e.target).closest('a'); // Handle click on tab link only if (!tabLink.length || !tabLink.parent().hasClass('tab')) { return; } if (tab.hasClass('disabled')) { e.preventDefault(); return; } // Act as regular link if target attribute is specified. if (!!tabLink.attr('target')) { return; } // Make the old tab inactive. this.$activeTabLink.removeClass('active'); var $oldContent = this.$content; // Update the variables with the new link and content this.$activeTabLink = tabLink; this.$content = $(M.escapeHash(tabLink[0].hash)); this.$tabLinks = this.$el.children('li.tab').children('a'); // Make the tab active. this.$activeTabLink.addClass('active'); var prevIndex = this.index; this.index = Math.max(this.$tabLinks.index(tabLink), 0); // Swap content if (this.options.swipeable) { if (this._tabsCarousel) { this._tabsCarousel.set(this.index, function() { if (typeof _this23.options.onShow === 'function') { _this23.options.onShow.call(_this23, _this23.$content[0]); } }); } } else { if (this.$content.length) { this.$content[0].style.display = 'block'; this.$content.addClass('active'); if (typeof this.options.onShow === 'function') { this.options.onShow.call(this, this.$content[0]); } if ($oldContent.length && !$oldContent.is(this.$content)) { $oldContent[0].style.display = 'none'; $oldContent.removeClass('active'); } } } // Update widths after content is swapped (scrollbar bugfix) this._setTabsAndTabWidth(); // Update indicator this._animateIndicator(prevIndex); // Prevent the anchor's default click action e.preventDefault(); } /** * Generate elements for tab indicator. */ }, { key: "_createIndicator", value: function _createIndicator() { var _this24 = this; var indicator = document.createElement('li'); indicator.classList.add('indicator'); this.el.appendChild(indicator); this._indicator = indicator; setTimeout(function() { _this24._indicator.style.left = _this24._calcLeftPos(_this24.$activeTabLink) + 'px'; _this24._indicator.style.right = _this24._calcRightPos(_this24.$activeTabLink) + 'px'; }, 0); } /** * Setup first active tab link. */ }, { key: "_setupActiveTabLink", value: function _setupActiveTabLink() { // If the location.hash matches one of the links, use that as the active tab. this.$activeTabLink = $(this.$tabLinks.filter('[href="' + location.hash + '"]')); // If no match is found, use the first link or any with class 'active' as the initial active tab. if (this.$activeTabLink.length === 0) { this.$activeTabLink = this.$el.children('li.tab').children('a.active').first(); } if (this.$activeTabLink.length === 0) { this.$activeTabLink = this.$el.children('li.tab').children('a').first(); } this.$tabLinks.removeClass('active'); this.$activeTabLink[0].classList.add('active'); this.index = Math.max(this.$tabLinks.index(this.$activeTabLink), 0); if (this.$activeTabLink.length) { this.$content = $(M.escapeHash(this.$activeTabLink[0].hash)); this.$content.addClass('active'); } } /** * Setup swipeable tabs */ }, { key: "_setupSwipeableTabs", value: function _setupSwipeableTabs() { var _this25 = this; // Change swipeable according to responsive threshold if (window.innerWidth > this.options.responsiveThreshold) { this.options.swipeable = false; } var $tabsContent = $(); this.$tabLinks.each(function(link) { var $currContent = $(M.escapeHash(link.hash)); $currContent.addClass('carousel-item'); $tabsContent = $tabsContent.add($currContent); }); var $tabsWrapper = $('<div class="tabs-content carousel carousel-slider"></div>'); $tabsContent.first().before($tabsWrapper); $tabsWrapper.append($tabsContent); $tabsContent[0].style.display = ''; // Keep active tab index to set initial carousel slide var activeTabIndex = this.$activeTabLink.closest('.tab').index(); this._tabsCarousel = M.Carousel.init($tabsWrapper[0], { fullWidth: true, noWrap: true, onCycleTo: function(item) { var prevIndex = _this25.index; _this25.index = $(item).index(); _this25.$activeTabLink.removeClass('active'); _this25.$activeTabLink = _this25.$tabLinks.eq(_this25.index); _this25.$activeTabLink.addClass('active'); _this25._animateIndicator(prevIndex); if (typeof _this25.options.onShow === 'function') { _this25.options.onShow.call(_this25, _this25.$content[0]); } } }); // Set initial carousel slide to active tab this._tabsCarousel.set(activeTabIndex); } /** * Teardown normal tabs. */ }, { key: "_teardownSwipeableTabs", value: function _teardownSwipeableTabs() { var $tabsWrapper = this._tabsCarousel.$el; this._tabsCarousel.destroy(); // Unwrap $tabsWrapper.after($tabsWrapper.children()); $tabsWrapper.remove(); } /** * Setup normal tabs. */ }, { key: "_setupNormalTabs", value: function _setupNormalTabs() { // Hide Tabs Content this.$tabLinks.not(this.$activeTabLink).each(function(link) { if (!!link.hash) { var $currContent = $(M.escapeHash(link.hash)); if ($currContent.length) { $currContent[0].style.display = 'none'; } } }); } /** * Teardown normal tabs. */ }, { key: "_teardownNormalTabs", value: function _teardownNormalTabs() { // show Tabs Content this.$tabLinks.each(function(link) { if (!!link.hash) { var $currContent = $(M.escapeHash(link.hash)); if ($currContent.length) { $currContent[0].style.display = ''; } } }); } /** * set tabs and tab width */ }, { key: "_setTabsAndTabWidth", value: function _setTabsAndTabWidth() { this.tabsWidth = this.$el.width(); this.tabWidth = Math.max(this.tabsWidth, this.el.scrollWidth) / this.$tabLinks.length; } /** * Finds right attribute for indicator based on active tab. * @param {cash} el */ }, { key: "_calcRightPos", value: function _calcRightPos(el) { return Math.ceil(this.tabsWidth - el.position().left - el[0].getBoundingClientRect().width); } /** * Finds left attribute for indicator based on active tab. * @param {cash} el */ }, { key: "_calcLeftPos", value: function _calcLeftPos(el) { return Math.floor(el.position().left); } }, { key: "updateTabIndicator", value: function updateTabIndicator() { this._setTabsAndTabWidth(); this._animateIndicator(this.index); } /** * Animates Indicator to active tab. * @param {Number} prevIndex */ }, { key: "_animateIndicator", value: function _animateIndicator(prevIndex) { var leftDelay = 0 , rightDelay = 0; if (this.index - prevIndex >= 0) { leftDelay = 90; } else { rightDelay = 90; } // Animate var animOptions = { targets: this._indicator, left: { value: this._calcLeftPos(this.$activeTabLink), delay: leftDelay }, right: { value: this._calcRightPos(this.$activeTabLink), delay: rightDelay }, duration: this.options.duration, easing: 'easeOutQuad' }; anim.remove(this._indicator); anim(animOptions); } /** * Select tab. * @param {String} tabId */ }, { key: "select", value: function select(tabId) { var tab = this.$tabLinks.filter('[href="#' + tabId + '"]'); if (tab.length) { tab.trigger('click'); } } }], [{ key: "init", value: function init(els, options) { return _get(Tabs.__proto__ || Object.getPrototypeOf(Tabs), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Tabs; } }, { key: "defaults", get: function() { return _defaults; } }]); return Tabs; }(Component); M.Tabs = Tabs; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Tabs, 'tabs', 'M_Tabs'); } } )(cash, M.anime); ;(function($, anim) { 'use strict'; var _defaults = { exitDelay: 200, enterDelay: 0, html: null, margin: 5, inDuration: 250, outDuration: 200, position: 'bottom', transitionMovement: 10 }; /** * @class * */ var Tooltip = function(_Component7) { _inherits(Tooltip, _Component7); /** * Construct Tooltip instance * @constructor * @param {Element} el * @param {Object} options */ function Tooltip(el, options) { _classCallCheck(this, Tooltip); var _this26 = _possibleConstructorReturn(this, (Tooltip.__proto__ || Object.getPrototypeOf(Tooltip)).call(this, Tooltip, el, options)); _this26.el.M_Tooltip = _this26; _this26.options = $.extend({}, Tooltip.defaults, options); _this26.isOpen = false; _this26.isHovered = false; _this26.isFocused = false; _this26._appendTooltipEl(); _this26._setupEventHandlers(); return _this26; } _createClass(Tooltip, [{ key: "destroy", /** * Teardown component */ value: function destroy() { $(this.tooltipEl).remove(); this._removeEventHandlers(); this.el.M_Tooltip = undefined; } }, { key: "_appendTooltipEl", value: function _appendTooltipEl() { var tooltipEl = document.createElement('div'); tooltipEl.classList.add('material-tooltip'); this.tooltipEl = tooltipEl; var tooltipContentEl = document.createElement('div'); tooltipContentEl.classList.add('tooltip-content'); tooltipContentEl.innerHTML = this.options.html; tooltipEl.appendChild(tooltipContentEl); document.body.appendChild(tooltipEl); } }, { key: "_updateTooltipContent", value: function _updateTooltipContent() { this.tooltipEl.querySelector('.tooltip-content').innerHTML = this.options.html; } }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { this._handleMouseEnterBound = this._handleMouseEnter.bind(this); this._handleMouseLeaveBound = this._handleMouseLeave.bind(this); this._handleFocusBound = this._handleFocus.bind(this); this._handleBlurBound = this._handleBlur.bind(this); this.el.addEventListener('mouseenter', this._handleMouseEnterBound); this.el.addEventListener('mouseleave', this._handleMouseLeaveBound); this.el.addEventListener('focus', this._handleFocusBound, true); this.el.addEventListener('blur', this._handleBlurBound, true); } }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { this.el.removeEventListener('mouseenter', this._handleMouseEnterBound); this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound); this.el.removeEventListener('focus', this._handleFocusBound, true); this.el.removeEventListener('blur', this._handleBlurBound, true); } }, { key: "open", value: function open(isManual) { if (this.isOpen) { return; } isManual = isManual === undefined ? true : undefined; // Default value true this.isOpen = true; // Update tooltip content with HTML attribute options this.options = $.extend({}, this.options, this._getAttributeOptions()); this._updateTooltipContent(); this._setEnterDelayTimeout(isManual); } }, { key: "close", value: function close() { if (!this.isOpen) { return; } this.isHovered = false; this.isFocused = false; this.isOpen = false; this._setExitDelayTimeout(); } /** * Create timeout which delays when the tooltip closes */ }, { key: "_setExitDelayTimeout", value: function _setExitDelayTimeout() { var _this27 = this; clearTimeout(this._exitDelayTimeout); this._exitDelayTimeout = setTimeout(function() { if (_this27.isHovered || _this27.isFocused) { return; } _this27._animateOut(); }, this.options.exitDelay); } /** * Create timeout which delays when the toast closes */ }, { key: "_setEnterDelayTimeout", value: function _setEnterDelayTimeout(isManual) { var _this28 = this; clearTimeout(this._enterDelayTimeout); this._enterDelayTimeout = setTimeout(function() { if (!_this28.isHovered && !_this28.isFocused && !isManual) { return; } _this28._animateIn(); }, this.options.enterDelay); } }, { key: "_positionTooltip", value: function _positionTooltip() { var origin = this.el , tooltip = this.tooltipEl , originHeight = origin.offsetHeight , originWidth = origin.offsetWidth , tooltipHeight = tooltip.offsetHeight , tooltipWidth = tooltip.offsetWidth , newCoordinates = void 0 , margin = this.options.margin , targetTop = void 0 , targetLeft = void 0; this.xMovement = 0, this.yMovement = 0; targetTop = origin.getBoundingClientRect().top + M.getDocumentScrollTop(); targetLeft = origin.getBoundingClientRect().left + M.getDocumentScrollLeft(); if (this.options.position === 'top') { targetTop += -tooltipHeight - margin; targetLeft += originWidth / 2 - tooltipWidth / 2; this.yMovement = -this.options.transitionMovement; } else if (this.options.position === 'right') { targetTop += originHeight / 2 - tooltipHeight / 2; targetLeft += originWidth + margin; this.xMovement = this.options.transitionMovement; } else if (this.options.position === 'left') { targetTop += originHeight / 2 - tooltipHeight / 2; targetLeft += -tooltipWidth - margin; this.xMovement = -this.options.transitionMovement; } else { targetTop += originHeight + margin; targetLeft += originWidth / 2 - tooltipWidth / 2; this.yMovement = this.options.transitionMovement; } newCoordinates = this._repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight); $(tooltip).css({ top: newCoordinates.y + 'px', left: newCoordinates.x + 'px' }); } }, { key: "_repositionWithinScreen", value: function _repositionWithinScreen(x, y, width, height) { var scrollLeft = M.getDocumentScrollLeft(); var scrollTop = M.getDocumentScrollTop(); var newX = x - scrollLeft; var newY = y - scrollTop; var bounding = { left: newX, top: newY, width: width, height: height }; var offset = this.options.margin + this.options.transitionMovement; var edges = M.checkWithinContainer(document.body, bounding, offset); if (edges.left) { newX = offset; } else if (edges.right) { newX -= newX + width - window.innerWidth; } if (edges.top) { newY = offset; } else if (edges.bottom) { newY -= newY + height - window.innerHeight; } return { x: newX + scrollLeft, y: newY + scrollTop }; } }, { key: "_animateIn", value: function _animateIn() { this._positionTooltip(); this.tooltipEl.style.visibility = 'visible'; anim.remove(this.tooltipEl); anim({ targets: this.tooltipEl, opacity: 1, translateX: this.xMovement, translateY: this.yMovement, duration: this.options.inDuration, easing: 'easeOutCubic' }); } }, { key: "_animateOut", value: function _animateOut() { anim.remove(this.tooltipEl); anim({ targets: this.tooltipEl, opacity: 0, translateX: 0, translateY: 0, duration: this.options.outDuration, easing: 'easeOutCubic' }); } }, { key: "_handleMouseEnter", value: function _handleMouseEnter() { this.isHovered = true; this.isFocused = false; // Allows close of tooltip when opened by focus. this.open(false); } }, { key: "_handleMouseLeave", value: function _handleMouseLeave() { this.isHovered = false; this.isFocused = false; // Allows close of tooltip when opened by focus. this.close(); } }, { key: "_handleFocus", value: function _handleFocus() { if (M.tabPressed) { this.isFocused = true; this.open(false); } } }, { key: "_handleBlur", value: function _handleBlur() { this.isFocused = false; this.close(); } }, { key: "_getAttributeOptions", value: function _getAttributeOptions() { var attributeOptions = {}; var tooltipTextOption = this.el.getAttribute('data-tooltip'); var positionOption = this.el.getAttribute('data-position'); if (tooltipTextOption) { attributeOptions.html = tooltipTextOption; } if (positionOption) { attributeOptions.position = positionOption; } return attributeOptions; } }], [{ key: "init", value: function init(els, options) { return _get(Tooltip.__proto__ || Object.getPrototypeOf(Tooltip), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Tooltip; } }, { key: "defaults", get: function() { return _defaults; } }]); return Tooltip; }(Component); M.Tooltip = Tooltip; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Tooltip, 'tooltip', 'M_Tooltip'); } } )(cash, M.anime); ;/*! * Waves v0.6.4 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ ;(function(window) { 'use strict'; var Waves = Waves || {}; var $$ = document.querySelectorAll.bind(document); // Find exact position of element function isWindow(obj) { return obj !== null && obj === obj.window; } function getWindow(elem) { return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView; } function offset(elem) { var docElem, win, box = { top: 0, left: 0 }, doc = elem && elem.ownerDocument; docElem = doc.documentElement; if (typeof elem.getBoundingClientRect !== typeof undefined) { box = elem.getBoundingClientRect(); } win = getWindow(doc); return { top: box.top + win.pageYOffset - docElem.clientTop, left: box.left + win.pageXOffset - docElem.clientLeft }; } function convertStyle(obj) { var style = ''; for (var a in obj) { if (obj.hasOwnProperty(a)) { style += a + ':' + obj[a] + ';'; } } return style; } var Effect = { // Effect delay duration: 750, show: function(e, element) { // Disable right click if (e.button === 2) { return false; } var el = element || this; // Create ripple var ripple = document.createElement('div'); ripple.className = 'waves-ripple'; el.appendChild(ripple); // Get click coordinate and element witdh var pos = offset(el); var relativeY = e.pageY - pos.top; var relativeX = e.pageX - pos.left; var scale = 'scale(' + el.clientWidth / 100 * 10 + ')'; // Support for touch devices if ('touches'in e) { relativeY = e.touches[0].pageY - pos.top; relativeX = e.touches[0].pageX - pos.left; } // Attach data to element ripple.setAttribute('data-hold', Date.now()); ripple.setAttribute('data-scale', scale); ripple.setAttribute('data-x', relativeX); ripple.setAttribute('data-y', relativeY); // Set ripple position var rippleStyle = { 'top': relativeY + 'px', 'left': relativeX + 'px' }; ripple.className = ripple.className + ' waves-notransition'; ripple.setAttribute('style', convertStyle(rippleStyle)); ripple.className = ripple.className.replace('waves-notransition', ''); // Scale the ripple rippleStyle['-webkit-transform'] = scale; rippleStyle['-moz-transform'] = scale; rippleStyle['-ms-transform'] = scale; rippleStyle['-o-transform'] = scale; rippleStyle.transform = scale; rippleStyle.opacity = '1'; rippleStyle['-webkit-transition-duration'] = Effect.duration + 'ms'; rippleStyle['-moz-transition-duration'] = Effect.duration + 'ms'; rippleStyle['-o-transition-duration'] = Effect.duration + 'ms'; rippleStyle['transition-duration'] = Effect.duration + 'ms'; rippleStyle['-webkit-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)'; rippleStyle['-moz-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)'; rippleStyle['-o-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)'; rippleStyle['transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)'; ripple.setAttribute('style', convertStyle(rippleStyle)); }, hide: function(e) { TouchHandler.touchup(e); var el = this; var width = el.clientWidth * 1.4; // Get first ripple var ripple = null; var ripples = el.getElementsByClassName('waves-ripple'); if (ripples.length > 0) { ripple = ripples[ripples.length - 1]; } else { return false; } var relativeX = ripple.getAttribute('data-x'); var relativeY = ripple.getAttribute('data-y'); var scale = ripple.getAttribute('data-scale'); // Get delay beetween mousedown and mouse leave var diff = Date.now() - Number(ripple.getAttribute('data-hold')); var delay = 350 - diff; if (delay < 0) { delay = 0; } // Fade out ripple after delay setTimeout(function() { var style = { 'top': relativeY + 'px', 'left': relativeX + 'px', 'opacity': '0', // Duration '-webkit-transition-duration': Effect.duration + 'ms', '-moz-transition-duration': Effect.duration + 'ms', '-o-transition-duration': Effect.duration + 'ms', 'transition-duration': Effect.duration + 'ms', '-webkit-transform': scale, '-moz-transform': scale, '-ms-transform': scale, '-o-transform': scale, 'transform': scale }; ripple.setAttribute('style', convertStyle(style)); setTimeout(function() { try { el.removeChild(ripple); } catch (e) { return false; } }, Effect.duration); }, delay); }, // Little hack to make <input> can perform waves effect wrapInput: function(elements) { for (var a = 0; a < elements.length; a++) { var el = elements[a]; if (el.tagName.toLowerCase() === 'input') { var parent = el.parentNode; // If input already have parent just pass through if (parent.tagName.toLowerCase() === 'i' && parent.className.indexOf('waves-effect') !== -1) { continue; } // Put element class and style to the specified parent var wrapper = document.createElement('i'); wrapper.className = el.className + ' waves-input-wrapper'; var elementStyle = el.getAttribute('style'); if (!elementStyle) { elementStyle = ''; } wrapper.setAttribute('style', elementStyle); el.className = 'waves-button-input'; el.removeAttribute('style'); // Put element as child parent.replaceChild(wrapper, el); wrapper.appendChild(el); } } } }; /** * Disable mousedown event for 500ms during and after touch */ var TouchHandler = { /* uses an integer rather than bool so there's no issues with * needing to clear timeouts if another touch event occurred * within the 500ms. Cannot mouseup between touchstart and * touchend, nor in the 500ms after touchend. */ touches: 0, allowEvent: function(e) { var allow = true; if (e.type === 'touchstart') { TouchHandler.touches += 1; //push } else if (e.type === 'touchend' || e.type === 'touchcancel') { setTimeout(function() { if (TouchHandler.touches > 0) { TouchHandler.touches -= 1; //pop after 500ms } }, 500); } else if (e.type === 'mousedown' && TouchHandler.touches > 0) { allow = false; } return allow; }, touchup: function(e) { TouchHandler.allowEvent(e); } }; /** * Delegated click handler for .waves-effect element. * returns null when .waves-effect element not in "click tree" */ function getWavesEffectElement(e) { if (TouchHandler.allowEvent(e) === false) { return null; } var element = null; var target = e.target || e.srcElement; while (target.parentNode !== null) { if (!(target instanceof SVGElement) && target.className.indexOf('waves-effect') !== -1) { element = target; break; } target = target.parentNode; } return element; } /** * Bubble the click and show effect if .waves-effect elem was found */ function showEffect(e) { var element = getWavesEffectElement(e); if (element !== null) { Effect.show(e, element); if ('ontouchstart'in window) { element.addEventListener('touchend', Effect.hide, false); element.addEventListener('touchcancel', Effect.hide, false); } element.addEventListener('mouseup', Effect.hide, false); element.addEventListener('mouseleave', Effect.hide, false); element.addEventListener('dragend', Effect.hide, false); } } Waves.displayEffect = function(options) { options = options || {}; if ('duration'in options) { Effect.duration = options.duration; } //Wrap input inside <i> tag Effect.wrapInput($$('.waves-effect')); if ('ontouchstart'in window) { document.body.addEventListener('touchstart', showEffect, false); } document.body.addEventListener('mousedown', showEffect, false); } ; /** * Attach Waves to an input element (or any element which doesn't * bubble mouseup/mousedown events). * Intended to be used with dynamically loaded forms/inputs, or * where the user doesn't want a delegated click handler. */ Waves.attach = function(element) { //FUTURE: automatically add waves classes and allow users // to specify them with an options param? Eg. light/classic/button if (element.tagName.toLowerCase() === 'input') { Effect.wrapInput([element]); element = element.parentNode; } if ('ontouchstart'in window) { element.addEventListener('touchstart', showEffect, false); } element.addEventListener('mousedown', showEffect, false); } ; window.Waves = Waves; document.addEventListener('DOMContentLoaded', function() { Waves.displayEffect(); }, false); } )(window); ;(function($, anim) { 'use strict'; var _defaults = { html: '', displayLength: 4000, inDuration: 300, outDuration: 375, classes: '', completeCallback: null, activationPercent: 0.8 }; var Toast = function() { function Toast(options) { _classCallCheck(this, Toast); /** * Options for the toast * @member Toast#options */ this.options = $.extend({}, Toast.defaults, options); this.message = this.options.html; /** * Describes current pan state toast * @type {Boolean} */ this.panning = false; /** * Time remaining until toast is removed */ this.timeRemaining = this.options.displayLength; if (Toast._toasts.length === 0) { Toast._createContainer(); } // Create new toast Toast._toasts.push(this); var toastElement = this._createToast(); toastElement.M_Toast = this; this.el = toastElement; this.$el = $(toastElement); this._animateIn(); this._setTimer(); } _createClass(Toast, [{ key: "_createToast", /** * Create toast and append it to toast container */ value: function _createToast() { var toast = document.createElement('div'); toast.classList.add('toast'); // Add custom classes onto toast if (!!this.options.classes.length) { $(toast).addClass(this.options.classes); } // Set content if (typeof HTMLElement === 'object' ? this.message instanceof HTMLElement : this.message && typeof this.message === 'object' && this.message !== null && this.message.nodeType === 1 && typeof this.message.nodeName === 'string') { toast.appendChild(this.message); // Check if it is jQuery object } else if (!!this.message.jquery) { $(toast).append(this.message[0]); // Insert as html; } else { toast.innerHTML = this.message; } // Append toasft Toast._container.appendChild(toast); return toast; } /** * Animate in toast */ }, { key: "_animateIn", value: function _animateIn() { // Animate toast in anim({ targets: this.el, top: 0, opacity: 1, duration: this.options.inDuration, easing: 'easeOutCubic' }); } /** * Create setInterval which automatically removes toast when timeRemaining >= 0 * has been reached */ }, { key: "_setTimer", value: function _setTimer() { var _this29 = this; if (this.timeRemaining !== Infinity) { this.counterInterval = setInterval(function() { // If toast is not being dragged, decrease its time remaining if (!_this29.panning) { _this29.timeRemaining -= 20; } // Animate toast out if (_this29.timeRemaining <= 0) { _this29.dismiss(); } }, 20); } } /** * Dismiss toast with animation */ }, { key: "dismiss", value: function dismiss() { var _this30 = this; window.clearInterval(this.counterInterval); var activationDistance = this.el.offsetWidth * this.options.activationPercent; if (this.wasSwiped) { this.el.style.transition = 'transform .05s, opacity .05s'; this.el.style.transform = "translateX(" + activationDistance + "px)"; this.el.style.opacity = 0; } anim({ targets: this.el, opacity: 0, marginTop: -40, duration: this.options.outDuration, easing: 'easeOutExpo', complete: function() { // Call the optional callback if (typeof _this30.options.completeCallback === 'function') { _this30.options.completeCallback(); } // Remove toast from DOM _this30.$el.remove(); Toast._toasts.splice(Toast._toasts.indexOf(_this30), 1); if (Toast._toasts.length === 0) { Toast._removeContainer(); } } }); } }], [{ key: "getInstance", /** * Get Instance */ value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Toast; } /** * Append toast container and add event handlers */ }, { key: "_createContainer", value: function _createContainer() { var container = document.createElement('div'); container.setAttribute('id', 'toast-container'); // Add event handler container.addEventListener('touchstart', Toast._onDragStart); container.addEventListener('touchmove', Toast._onDragMove); container.addEventListener('touchend', Toast._onDragEnd); container.addEventListener('mousedown', Toast._onDragStart); document.addEventListener('mousemove', Toast._onDragMove); document.addEventListener('mouseup', Toast._onDragEnd); document.body.appendChild(container); Toast._container = container; } /** * Remove toast container and event handlers */ }, { key: "_removeContainer", value: function _removeContainer() { // Add event handler document.removeEventListener('mousemove', Toast._onDragMove); document.removeEventListener('mouseup', Toast._onDragEnd); $(Toast._container).remove(); Toast._container = null; } /** * Begin drag handler * @param {Event} e */ }, { key: "_onDragStart", value: function _onDragStart(e) { if (e.target && $(e.target).closest('.toast').length) { var $toast = $(e.target).closest('.toast'); var toast = $toast[0].M_Toast; toast.panning = true; Toast._draggedToast = toast; toast.el.classList.add('panning'); toast.el.style.transition = ''; toast.startingXPos = Toast._xPos(e); toast.time = Date.now(); toast.xPos = Toast._xPos(e); } } /** * Drag move handler * @param {Event} e */ }, { key: "_onDragMove", value: function _onDragMove(e) { if (!!Toast._draggedToast) { e.preventDefault(); var toast = Toast._draggedToast; toast.deltaX = Math.abs(toast.xPos - Toast._xPos(e)); toast.xPos = Toast._xPos(e); toast.velocityX = toast.deltaX / (Date.now() - toast.time); toast.time = Date.now(); var totalDeltaX = toast.xPos - toast.startingXPos; var activationDistance = toast.el.offsetWidth * toast.options.activationPercent; toast.el.style.transform = "translateX(" + totalDeltaX + "px)"; toast.el.style.opacity = 1 - Math.abs(totalDeltaX / activationDistance); } } /** * End drag handler */ }, { key: "_onDragEnd", value: function _onDragEnd() { if (!!Toast._draggedToast) { var toast = Toast._draggedToast; toast.panning = false; toast.el.classList.remove('panning'); var totalDeltaX = toast.xPos - toast.startingXPos; var activationDistance = toast.el.offsetWidth * toast.options.activationPercent; var shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || toast.velocityX > 1; // Remove toast if (shouldBeDismissed) { toast.wasSwiped = true; toast.dismiss(); // Animate toast back to original position } else { toast.el.style.transition = 'transform .2s, opacity .2s'; toast.el.style.transform = ''; toast.el.style.opacity = ''; } Toast._draggedToast = null; } } /** * Get x position of mouse or touch event * @param {Event} e */ }, { key: "_xPos", value: function _xPos(e) { if (e.targetTouches && e.targetTouches.length >= 1) { return e.targetTouches[0].clientX; } // mouse event return e.clientX; } /** * Remove all toasts */ }, { key: "dismissAll", value: function dismissAll() { for (var toastIndex in Toast._toasts) { Toast._toasts[toastIndex].dismiss(); } } }, { key: "defaults", get: function() { return _defaults; } }]); return Toast; }(); /** * @static * @memberof Toast * @type {Array.<Toast>} */ Toast._toasts = []; /** * @static * @memberof Toast */ Toast._container = null; /** * @static * @memberof Toast * @type {Toast} */ Toast._draggedToast = null; M.Toast = Toast; M.toast = function(options) { return new Toast(options); } ; } )(cash, M.anime); ;(function($, anim) { 'use strict'; var _defaults = { edge: 'left', draggable: true, inDuration: 250, outDuration: 200, onOpenStart: null, onOpenEnd: null, onCloseStart: null, onCloseEnd: null, preventScrolling: true }; /** * @class */ var Sidenav = function(_Component8) { _inherits(Sidenav, _Component8); /** * Construct Sidenav instance and set up overlay * @constructor * @param {Element} el * @param {Object} options */ function Sidenav(el, options) { _classCallCheck(this, Sidenav); var _this31 = _possibleConstructorReturn(this, (Sidenav.__proto__ || Object.getPrototypeOf(Sidenav)).call(this, Sidenav, el, options)); _this31.el.M_Sidenav = _this31; _this31.id = _this31.$el.attr('id'); /** * Options for the Sidenav * @member Sidenav#options * @prop {String} [edge='left'] - Side of screen on which Sidenav appears * @prop {Boolean} [draggable=true] - Allow swipe gestures to open/close Sidenav * @prop {Number} [inDuration=250] - Length in ms of enter transition * @prop {Number} [outDuration=200] - Length in ms of exit transition * @prop {Function} onOpenStart - Function called when sidenav starts entering * @prop {Function} onOpenEnd - Function called when sidenav finishes entering * @prop {Function} onCloseStart - Function called when sidenav starts exiting * @prop {Function} onCloseEnd - Function called when sidenav finishes exiting */ _this31.options = $.extend({}, Sidenav.defaults, options); /** * Describes open/close state of Sidenav * @type {Boolean} */ _this31.isOpen = false; /** * Describes if Sidenav is fixed * @type {Boolean} */ _this31.isFixed = _this31.el.classList.contains('sidenav-fixed'); /** * Describes if Sidenav is being draggeed * @type {Boolean} */ _this31.isDragged = false; // Window size variables for window resize checks _this31.lastWindowWidth = window.innerWidth; _this31.lastWindowHeight = window.innerHeight; _this31._createOverlay(); _this31._createDragTarget(); _this31._setupEventHandlers(); _this31._setupClasses(); _this31._setupFixed(); Sidenav._sidenavs.push(_this31); return _this31; } _createClass(Sidenav, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this._removeEventHandlers(); this._enableBodyScrolling(); this._overlay.parentNode.removeChild(this._overlay); this.dragTarget.parentNode.removeChild(this.dragTarget); this.el.M_Sidenav = undefined; this.el.style.transform = ''; var index = Sidenav._sidenavs.indexOf(this); if (index >= 0) { Sidenav._sidenavs.splice(index, 1); } } }, { key: "_createOverlay", value: function _createOverlay() { var overlay = document.createElement('div'); this._closeBound = this.close.bind(this); overlay.classList.add('sidenav-overlay'); overlay.addEventListener('click', this._closeBound); document.body.appendChild(overlay); this._overlay = overlay; } }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { if (Sidenav._sidenavs.length === 0) { document.body.addEventListener('click', this._handleTriggerClick); } this._handleDragTargetDragBound = this._handleDragTargetDrag.bind(this); this._handleDragTargetReleaseBound = this._handleDragTargetRelease.bind(this); this._handleCloseDragBound = this._handleCloseDrag.bind(this); this._handleCloseReleaseBound = this._handleCloseRelease.bind(this); this._handleCloseTriggerClickBound = this._handleCloseTriggerClick.bind(this); this.dragTarget.addEventListener('touchmove', this._handleDragTargetDragBound); this.dragTarget.addEventListener('touchend', this._handleDragTargetReleaseBound); this._overlay.addEventListener('touchmove', this._handleCloseDragBound); this._overlay.addEventListener('touchend', this._handleCloseReleaseBound); this.el.addEventListener('touchmove', this._handleCloseDragBound); this.el.addEventListener('touchend', this._handleCloseReleaseBound); this.el.addEventListener('click', this._handleCloseTriggerClickBound); // Add resize for side nav fixed if (this.isFixed) { this._handleWindowResizeBound = this._handleWindowResize.bind(this); window.addEventListener('resize', this._handleWindowResizeBound); } } }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { if (Sidenav._sidenavs.length === 1) { document.body.removeEventListener('click', this._handleTriggerClick); } this.dragTarget.removeEventListener('touchmove', this._handleDragTargetDragBound); this.dragTarget.removeEventListener('touchend', this._handleDragTargetReleaseBound); this._overlay.removeEventListener('touchmove', this._handleCloseDragBound); this._overlay.removeEventListener('touchend', this._handleCloseReleaseBound); this.el.removeEventListener('touchmove', this._handleCloseDragBound); this.el.removeEventListener('touchend', this._handleCloseReleaseBound); this.el.removeEventListener('click', this._handleCloseTriggerClickBound); // Remove resize for side nav fixed if (this.isFixed) { window.removeEventListener('resize', this._handleWindowResizeBound); } } /** * Handle Trigger Click * @param {Event} e */ }, { key: "_handleTriggerClick", value: function _handleTriggerClick(e) { var $trigger = $(e.target).closest('.sidenav-trigger'); if (e.target && $trigger.length) { var sidenavId = M.getIdFromTrigger($trigger[0]); var sidenavInstance = document.getElementById(sidenavId).M_Sidenav; if (sidenavInstance) { sidenavInstance.open($trigger); } e.preventDefault(); } } /** * Set variables needed at the beggining of drag * and stop any current transition. * @param {Event} e */ }, { key: "_startDrag", value: function _startDrag(e) { var clientX = e.targetTouches[0].clientX; this.isDragged = true; this._startingXpos = clientX; this._xPos = this._startingXpos; this._time = Date.now(); this._width = this.el.getBoundingClientRect().width; this._overlay.style.display = 'block'; this._initialScrollTop = this.isOpen ? this.el.scrollTop : M.getDocumentScrollTop(); this._verticallyScrolling = false; anim.remove(this.el); anim.remove(this._overlay); } /** * Set variables needed at each drag move update tick * @param {Event} e */ }, { key: "_dragMoveUpdate", value: function _dragMoveUpdate(e) { var clientX = e.targetTouches[0].clientX; var currentScrollTop = this.isOpen ? this.el.scrollTop : M.getDocumentScrollTop(); this.deltaX = Math.abs(this._xPos - clientX); this._xPos = clientX; this.velocityX = this.deltaX / (Date.now() - this._time); this._time = Date.now(); if (this._initialScrollTop !== currentScrollTop) { this._verticallyScrolling = true; } } /** * Handles Dragging of Sidenav * @param {Event} e */ }, { key: "_handleDragTargetDrag", value: function _handleDragTargetDrag(e) { // Check if draggable if (!this.options.draggable || this._isCurrentlyFixed() || this._verticallyScrolling) { return; } // If not being dragged, set initial drag start variables if (!this.isDragged) { this._startDrag(e); } // Run touchmove updates this._dragMoveUpdate(e); // Calculate raw deltaX var totalDeltaX = this._xPos - this._startingXpos; // dragDirection is the attempted user drag direction var dragDirection = totalDeltaX > 0 ? 'right' : 'left'; // Don't allow totalDeltaX to exceed Sidenav width or be dragged in the opposite direction totalDeltaX = Math.min(this._width, Math.abs(totalDeltaX)); if (this.options.edge === dragDirection) { totalDeltaX = 0; } /** * transformX is the drag displacement * transformPrefix is the initial transform placement * Invert values if Sidenav is right edge */ var transformX = totalDeltaX; var transformPrefix = 'translateX(-100%)'; if (this.options.edge === 'right') { transformPrefix = 'translateX(100%)'; transformX = -transformX; } // Calculate open/close percentage of sidenav, with open = 1 and close = 0 this.percentOpen = Math.min(1, totalDeltaX / this._width); // Set transform and opacity styles this.el.style.transform = transformPrefix + " translateX(" + transformX + "px)"; this._overlay.style.opacity = this.percentOpen; } /** * Handle Drag Target Release */ }, { key: "_handleDragTargetRelease", value: function _handleDragTargetRelease() { if (this.isDragged) { if (this.percentOpen > 0.2) { this.open(); } else { this._animateOut(); } this.isDragged = false; this._verticallyScrolling = false; } } /** * Handle Close Drag * @param {Event} e */ }, { key: "_handleCloseDrag", value: function _handleCloseDrag(e) { if (this.isOpen) { // Check if draggable if (!this.options.draggable || this._isCurrentlyFixed() || this._verticallyScrolling) { return; } // If not being dragged, set initial drag start variables if (!this.isDragged) { this._startDrag(e); } // Run touchmove updates this._dragMoveUpdate(e); // Calculate raw deltaX var totalDeltaX = this._xPos - this._startingXpos; // dragDirection is the attempted user drag direction var dragDirection = totalDeltaX > 0 ? 'right' : 'left'; // Don't allow totalDeltaX to exceed Sidenav width or be dragged in the opposite direction totalDeltaX = Math.min(this._width, Math.abs(totalDeltaX)); if (this.options.edge !== dragDirection) { totalDeltaX = 0; } var transformX = -totalDeltaX; if (this.options.edge === 'right') { transformX = -transformX; } // Calculate open/close percentage of sidenav, with open = 1 and close = 0 this.percentOpen = Math.min(1, 1 - totalDeltaX / this._width); // Set transform and opacity styles this.el.style.transform = "translateX(" + transformX + "px)"; this._overlay.style.opacity = this.percentOpen; } } /** * Handle Close Release */ }, { key: "_handleCloseRelease", value: function _handleCloseRelease() { if (this.isOpen && this.isDragged) { if (this.percentOpen > 0.8) { this._animateIn(); } else { this.close(); } this.isDragged = false; this._verticallyScrolling = false; } } /** * Handles closing of Sidenav when element with class .sidenav-close */ }, { key: "_handleCloseTriggerClick", value: function _handleCloseTriggerClick(e) { var $closeTrigger = $(e.target).closest('.sidenav-close'); if ($closeTrigger.length && !this._isCurrentlyFixed()) { this.close(); } } /** * Handle Window Resize */ }, { key: "_handleWindowResize", value: function _handleWindowResize() { // Only handle horizontal resizes if (this.lastWindowWidth !== window.innerWidth) { if (window.innerWidth > 992) { this.open(); } else { this.close(); } } this.lastWindowWidth = window.innerWidth; this.lastWindowHeight = window.innerHeight; } }, { key: "_setupClasses", value: function _setupClasses() { if (this.options.edge === 'right') { this.el.classList.add('right-aligned'); this.dragTarget.classList.add('right-aligned'); } } }, { key: "_removeClasses", value: function _removeClasses() { this.el.classList.remove('right-aligned'); this.dragTarget.classList.remove('right-aligned'); } }, { key: "_setupFixed", value: function _setupFixed() { if (this._isCurrentlyFixed()) { this.open(); } } }, { key: "_isCurrentlyFixed", value: function _isCurrentlyFixed() { return this.isFixed && window.innerWidth > 992; } }, { key: "_createDragTarget", value: function _createDragTarget() { var dragTarget = document.createElement('div'); dragTarget.classList.add('drag-target'); document.body.appendChild(dragTarget); this.dragTarget = dragTarget; } }, { key: "_preventBodyScrolling", value: function _preventBodyScrolling() { var body = document.body; body.style.overflow = 'hidden'; } }, { key: "_enableBodyScrolling", value: function _enableBodyScrolling() { var body = document.body; body.style.overflow = ''; } }, { key: "open", value: function open() { if (this.isOpen === true) { return; } this.isOpen = true; // Run onOpenStart callback if (typeof this.options.onOpenStart === 'function') { this.options.onOpenStart.call(this, this.el); } // Handle fixed Sidenav if (this._isCurrentlyFixed()) { anim.remove(this.el); anim({ targets: this.el, translateX: 0, duration: 0, easing: 'easeOutQuad' }); this._enableBodyScrolling(); this._overlay.style.display = 'none'; // Handle non-fixed Sidenav } else { if (this.options.preventScrolling) { this._preventBodyScrolling(); } if (!this.isDragged || this.percentOpen != 1) { this._animateIn(); } } } }, { key: "close", value: function close() { if (this.isOpen === false) { return; } this.isOpen = false; // Run onCloseStart callback if (typeof this.options.onCloseStart === 'function') { this.options.onCloseStart.call(this, this.el); } // Handle fixed Sidenav if (this._isCurrentlyFixed()) { var transformX = this.options.edge === 'left' ? '-105%' : '105%'; this.el.style.transform = "translateX(" + transformX + ")"; // Handle non-fixed Sidenav } else { this._enableBodyScrolling(); if (!this.isDragged || this.percentOpen != 0) { this._animateOut(); } else { this._overlay.style.display = 'none'; } } } }, { key: "_animateIn", value: function _animateIn() { this._animateSidenavIn(); this._animateOverlayIn(); } }, { key: "_animateSidenavIn", value: function _animateSidenavIn() { var _this32 = this; var slideOutPercent = this.options.edge === 'left' ? -1 : 1; if (this.isDragged) { slideOutPercent = this.options.edge === 'left' ? slideOutPercent + this.percentOpen : slideOutPercent - this.percentOpen; } anim.remove(this.el); anim({ targets: this.el, translateX: [slideOutPercent * 100 + "%", 0], duration: this.options.inDuration, easing: 'easeOutQuad', complete: function() { // Run onOpenEnd callback if (typeof _this32.options.onOpenEnd === 'function') { _this32.options.onOpenEnd.call(_this32, _this32.el); } } }); } }, { key: "_animateOverlayIn", value: function _animateOverlayIn() { var start = 0; if (this.isDragged) { start = this.percentOpen; } else { $(this._overlay).css({ display: 'block' }); } anim.remove(this._overlay); anim({ targets: this._overlay, opacity: [start, 1], duration: this.options.inDuration, easing: 'easeOutQuad' }); } }, { key: "_animateOut", value: function _animateOut() { this._animateSidenavOut(); this._animateOverlayOut(); } }, { key: "_animateSidenavOut", value: function _animateSidenavOut() { var _this33 = this; var endPercent = this.options.edge === 'left' ? -1 : 1; var slideOutPercent = 0; if (this.isDragged) { slideOutPercent = this.options.edge === 'left' ? endPercent + this.percentOpen : endPercent - this.percentOpen; } anim.remove(this.el); anim({ targets: this.el, translateX: [slideOutPercent * 100 + "%", endPercent * 105 + "%"], duration: this.options.outDuration, easing: 'easeOutQuad', complete: function() { // Run onOpenEnd callback if (typeof _this33.options.onCloseEnd === 'function') { _this33.options.onCloseEnd.call(_this33, _this33.el); } } }); } }, { key: "_animateOverlayOut", value: function _animateOverlayOut() { var _this34 = this; anim.remove(this._overlay); anim({ targets: this._overlay, opacity: 0, duration: this.options.outDuration, easing: 'easeOutQuad', complete: function() { $(_this34._overlay).css('display', 'none'); } }); } }], [{ key: "init", value: function init(els, options) { return _get(Sidenav.__proto__ || Object.getPrototypeOf(Sidenav), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Sidenav; } }, { key: "defaults", get: function() { return _defaults; } }]); return Sidenav; }(Component); /** * @static * @memberof Sidenav * @type {Array.<Sidenav>} */ Sidenav._sidenavs = []; M.Sidenav = Sidenav; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Sidenav, 'sidenav', 'M_Sidenav'); } } )(cash, M.anime); ;(function($, anim) { 'use strict'; var _defaults = { throttle: 100, scrollOffset: 200, // offset - 200 allows elements near bottom of page to scroll activeClass: 'active', getActiveElement: function(id) { return 'a[href="#' + id + '"]'; } }; /** * @class * */ var ScrollSpy = function(_Component9) { _inherits(ScrollSpy, _Component9); /** * Construct ScrollSpy instance * @constructor * @param {Element} el * @param {Object} options */ function ScrollSpy(el, options) { _classCallCheck(this, ScrollSpy); var _this35 = _possibleConstructorReturn(this, (ScrollSpy.__proto__ || Object.getPrototypeOf(ScrollSpy)).call(this, ScrollSpy, el, options)); _this35.el.M_ScrollSpy = _this35; /** * Options for the modal * @member Modal#options * @prop {Number} [throttle=100] - Throttle of scroll handler * @prop {Number} [scrollOffset=200] - Offset for centering element when scrolled to * @prop {String} [activeClass='active'] - Class applied to active elements * @prop {Function} [getActiveElement] - Used to find active element */ _this35.options = $.extend({}, ScrollSpy.defaults, options); // setup ScrollSpy._elements.push(_this35); ScrollSpy._count++; ScrollSpy._increment++; _this35.tickId = -1; _this35.id = ScrollSpy._increment; _this35._setupEventHandlers(); _this35._handleWindowScroll(); return _this35; } _createClass(ScrollSpy, [{ key: "destroy", /** * Teardown component */ value: function destroy() { ScrollSpy._elements.splice(ScrollSpy._elements.indexOf(this), 1); ScrollSpy._elementsInView.splice(ScrollSpy._elementsInView.indexOf(this), 1); ScrollSpy._visibleElements.splice(ScrollSpy._visibleElements.indexOf(this.$el), 1); ScrollSpy._count--; this._removeEventHandlers(); $(this.options.getActiveElement(this.$el.attr('id'))).removeClass(this.options.activeClass); this.el.M_ScrollSpy = undefined; } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { var throttledResize = M.throttle(this._handleWindowScroll, 200); this._handleThrottledResizeBound = throttledResize.bind(this); this._handleWindowScrollBound = this._handleWindowScroll.bind(this); if (ScrollSpy._count === 1) { window.addEventListener('scroll', this._handleWindowScrollBound); window.addEventListener('resize', this._handleThrottledResizeBound); document.body.addEventListener('click', this._handleTriggerClick); } } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { if (ScrollSpy._count === 0) { window.removeEventListener('scroll', this._handleWindowScrollBound); window.removeEventListener('resize', this._handleThrottledResizeBound); document.body.removeEventListener('click', this._handleTriggerClick); } } /** * Handle Trigger Click * @param {Event} e */ }, { key: "_handleTriggerClick", value: function _handleTriggerClick(e) { var $trigger = $(e.target); for (var i = ScrollSpy._elements.length - 1; i >= 0; i--) { var scrollspy = ScrollSpy._elements[i]; if ($trigger.is('a[href="#' + scrollspy.$el.attr('id') + '"]')) { e.preventDefault(); var offset = scrollspy.$el.offset().top + 1; anim({ targets: [document.documentElement, document.body], scrollTop: offset - scrollspy.options.scrollOffset, duration: 400, easing: 'easeOutCubic' }); break; } } } /** * Handle Window Scroll */ }, { key: "_handleWindowScroll", value: function _handleWindowScroll() { // unique tick id ScrollSpy._ticks++; // viewport rectangle var top = M.getDocumentScrollTop() , left = M.getDocumentScrollLeft() , right = left + window.innerWidth , bottom = top + window.innerHeight; // determine which elements are in view var intersections = ScrollSpy._findElements(top, right, bottom, left); for (var i = 0; i < intersections.length; i++) { var scrollspy = intersections[i]; var lastTick = scrollspy.tickId; if (lastTick < 0) { // entered into view scrollspy._enter(); } // update tick id scrollspy.tickId = ScrollSpy._ticks; } for (var _i = 0; _i < ScrollSpy._elementsInView.length; _i++) { var _scrollspy = ScrollSpy._elementsInView[_i]; var _lastTick = _scrollspy.tickId; if (_lastTick >= 0 && _lastTick !== ScrollSpy._ticks) { // exited from view _scrollspy._exit(); _scrollspy.tickId = -1; } } // remember elements in view for next tick ScrollSpy._elementsInView = intersections; } /** * Find elements that are within the boundary * @param {number} top * @param {number} right * @param {number} bottom * @param {number} left * @return {Array.<ScrollSpy>} A collection of elements */ }, { key: "_enter", value: function _enter() { ScrollSpy._visibleElements = ScrollSpy._visibleElements.filter(function(value) { return value.height() != 0; }); if (ScrollSpy._visibleElements[0]) { $(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).removeClass(this.options.activeClass); if (ScrollSpy._visibleElements[0][0].M_ScrollSpy && this.id < ScrollSpy._visibleElements[0][0].M_ScrollSpy.id) { ScrollSpy._visibleElements.unshift(this.$el); } else { ScrollSpy._visibleElements.push(this.$el); } } else { ScrollSpy._visibleElements.push(this.$el); } $(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).addClass(this.options.activeClass); } }, { key: "_exit", value: function _exit() { var _this36 = this; ScrollSpy._visibleElements = ScrollSpy._visibleElements.filter(function(value) { return value.height() != 0; }); if (ScrollSpy._visibleElements[0]) { $(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).removeClass(this.options.activeClass); ScrollSpy._visibleElements = ScrollSpy._visibleElements.filter(function(el) { return el.attr('id') != _this36.$el.attr('id'); }); if (ScrollSpy._visibleElements[0]) { // Check if empty $(this.options.getActiveElement(ScrollSpy._visibleElements[0].attr('id'))).addClass(this.options.activeClass); } } } }], [{ key: "init", value: function init(els, options) { return _get(ScrollSpy.__proto__ || Object.getPrototypeOf(ScrollSpy), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_ScrollSpy; } }, { key: "_findElements", value: function _findElements(top, right, bottom, left) { var hits = []; for (var i = 0; i < ScrollSpy._elements.length; i++) { var scrollspy = ScrollSpy._elements[i]; var currTop = top + scrollspy.options.scrollOffset || 200; if (scrollspy.$el.height() > 0) { var elTop = scrollspy.$el.offset().top , elLeft = scrollspy.$el.offset().left , elRight = elLeft + scrollspy.$el.width() , elBottom = elTop + scrollspy.$el.height(); var isIntersect = !(elLeft > right || elRight < left || elTop > bottom || elBottom < currTop); if (isIntersect) { hits.push(scrollspy); } } } return hits; } }, { key: "defaults", get: function() { return _defaults; } }]); return ScrollSpy; }(Component); /** * @static * @memberof ScrollSpy * @type {Array.<ScrollSpy>} */ ScrollSpy._elements = []; /** * @static * @memberof ScrollSpy * @type {Array.<ScrollSpy>} */ ScrollSpy._elementsInView = []; /** * @static * @memberof ScrollSpy * @type {Array.<cash>} */ ScrollSpy._visibleElements = []; /** * @static * @memberof ScrollSpy */ ScrollSpy._count = 0; /** * @static * @memberof ScrollSpy */ ScrollSpy._increment = 0; /** * @static * @memberof ScrollSpy */ ScrollSpy._ticks = 0; M.ScrollSpy = ScrollSpy; if (M.jQueryLoaded) { M.initializeJqueryWrapper(ScrollSpy, 'scrollSpy', 'M_ScrollSpy'); } } )(cash, M.anime); ;(function($) { 'use strict'; var _defaults = { data: {}, // Autocomplete data set limit: Infinity, // Limit of results the autocomplete shows onAutocomplete: null, // Callback for when autocompleted minLength: 1, // Min characters before autocomplete starts sortFunction: function(a, b, inputString) { // Sort function for sorting autocomplete results return a.indexOf(inputString) - b.indexOf(inputString); } }; /** * @class * */ var Autocomplete = function(_Component10) { _inherits(Autocomplete, _Component10); /** * Construct Autocomplete instance * @constructor * @param {Element} el * @param {Object} options */ function Autocomplete(el, options) { _classCallCheck(this, Autocomplete); var _this37 = _possibleConstructorReturn(this, (Autocomplete.__proto__ || Object.getPrototypeOf(Autocomplete)).call(this, Autocomplete, el, options)); _this37.el.M_Autocomplete = _this37; /** * Options for the autocomplete * @member Autocomplete#options * @prop {Number} duration * @prop {Number} dist * @prop {number} shift * @prop {number} padding * @prop {Boolean} fullWidth * @prop {Boolean} indicators * @prop {Boolean} noWrap * @prop {Function} onCycleTo */ _this37.options = $.extend({}, Autocomplete.defaults, options); // Setup _this37.isOpen = false; _this37.count = 0; _this37.activeIndex = -1; _this37.oldVal; _this37.$inputField = _this37.$el.closest('.input-field'); _this37.$active = $(); _this37._mousedown = false; _this37._setupDropdown(); _this37._setupEventHandlers(); return _this37; } _createClass(Autocomplete, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this._removeEventHandlers(); this._removeDropdown(); this.el.M_Autocomplete = undefined; } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { this._handleInputBlurBound = this._handleInputBlur.bind(this); this._handleInputKeyupAndFocusBound = this._handleInputKeyupAndFocus.bind(this); this._handleInputKeydownBound = this._handleInputKeydown.bind(this); this._handleInputClickBound = this._handleInputClick.bind(this); this._handleContainerMousedownAndTouchstartBound = this._handleContainerMousedownAndTouchstart.bind(this); this._handleContainerMouseupAndTouchendBound = this._handleContainerMouseupAndTouchend.bind(this); this.el.addEventListener('blur', this._handleInputBlurBound); this.el.addEventListener('keyup', this._handleInputKeyupAndFocusBound); this.el.addEventListener('focus', this._handleInputKeyupAndFocusBound); this.el.addEventListener('keydown', this._handleInputKeydownBound); this.el.addEventListener('click', this._handleInputClickBound); this.container.addEventListener('mousedown', this._handleContainerMousedownAndTouchstartBound); this.container.addEventListener('mouseup', this._handleContainerMouseupAndTouchendBound); if (typeof window.ontouchstart !== 'undefined') { this.container.addEventListener('touchstart', this._handleContainerMousedownAndTouchstartBound); this.container.addEventListener('touchend', this._handleContainerMouseupAndTouchendBound); } } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { this.el.removeEventListener('blur', this._handleInputBlurBound); this.el.removeEventListener('keyup', this._handleInputKeyupAndFocusBound); this.el.removeEventListener('focus', this._handleInputKeyupAndFocusBound); this.el.removeEventListener('keydown', this._handleInputKeydownBound); this.el.removeEventListener('click', this._handleInputClickBound); this.container.removeEventListener('mousedown', this._handleContainerMousedownAndTouchstartBound); this.container.removeEventListener('mouseup', this._handleContainerMouseupAndTouchendBound); if (typeof window.ontouchstart !== 'undefined') { this.container.removeEventListener('touchstart', this._handleContainerMousedownAndTouchstartBound); this.container.removeEventListener('touchend', this._handleContainerMouseupAndTouchendBound); } } /** * Setup dropdown */ }, { key: "_setupDropdown", value: function _setupDropdown() { var _this38 = this; this.container = document.createElement('ul'); this.container.id = "autocomplete-options-" + M.guid(); $(this.container).addClass('autocomplete-content dropdown-content'); this.$inputField.append(this.container); this.el.setAttribute('data-target', this.container.id); this.dropdown = M.Dropdown.init(this.el, { autoFocus: false, closeOnClick: false, coverTrigger: false, onItemClick: function(itemEl) { _this38.selectOption($(itemEl)); } }); // Sketchy removal of dropdown click handler this.el.removeEventListener('click', this.dropdown._handleClickBound); } /** * Remove dropdown */ }, { key: "_removeDropdown", value: function _removeDropdown() { this.container.parentNode.removeChild(this.container); } /** * Handle Input Blur */ }, { key: "_handleInputBlur", value: function _handleInputBlur() { if (!this._mousedown) { this.close(); this._resetAutocomplete(); } } /** * Handle Input Keyup and Focus * @param {Event} e */ }, { key: "_handleInputKeyupAndFocus", value: function _handleInputKeyupAndFocus(e) { if (e.type === 'keyup') { Autocomplete._keydown = false; } this.count = 0; var val = this.el.value.toLowerCase(); // Don't capture enter or arrow key usage. if (e.keyCode === 13 || e.keyCode === 38 || e.keyCode === 40) { return; } // Check if the input isn't empty // Check if focus triggered by tab if (this.oldVal !== val && (M.tabPressed || e.type !== 'focus')) { this.open(); } // Update oldVal this.oldVal = val; } /** * Handle Input Keydown * @param {Event} e */ }, { key: "_handleInputKeydown", value: function _handleInputKeydown(e) { Autocomplete._keydown = true; // Arrow keys and enter key usage var keyCode = e.keyCode , liElement = void 0 , numItems = $(this.container).children('li').length; // select element on Enter if (keyCode === M.keys.ENTER && this.activeIndex >= 0) { liElement = $(this.container).children('li').eq(this.activeIndex); if (liElement.length) { this.selectOption(liElement); e.preventDefault(); } return; } // Capture up and down key if (keyCode === M.keys.ARROW_UP || keyCode === M.keys.ARROW_DOWN) { e.preventDefault(); if (keyCode === M.keys.ARROW_UP && this.activeIndex > 0) { this.activeIndex--; } if (keyCode === M.keys.ARROW_DOWN && this.activeIndex < numItems - 1) { this.activeIndex++; } this.$active.removeClass('active'); if (this.activeIndex >= 0) { this.$active = $(this.container).children('li').eq(this.activeIndex); this.$active.addClass('active'); } } } /** * Handle Input Click * @param {Event} e */ }, { key: "_handleInputClick", value: function _handleInputClick(e) { this.open(); } /** * Handle Container Mousedown and Touchstart * @param {Event} e */ }, { key: "_handleContainerMousedownAndTouchstart", value: function _handleContainerMousedownAndTouchstart(e) { this._mousedown = true; } /** * Handle Container Mouseup and Touchend * @param {Event} e */ }, { key: "_handleContainerMouseupAndTouchend", value: function _handleContainerMouseupAndTouchend(e) { this._mousedown = false; } /** * Highlight partial match */ }, { key: "_highlight", value: function _highlight(string, $el) { var img = $el.find('img'); var matchStart = $el.text().toLowerCase().indexOf('' + string.toLowerCase() + '') , matchEnd = matchStart + string.length - 1 , beforeMatch = $el.text().slice(0, matchStart) , matchText = $el.text().slice(matchStart, matchEnd + 1) , afterMatch = $el.text().slice(matchEnd + 1); $el.html("<span>" + beforeMatch + "<span class='highlight'>" + matchText + "</span>" + afterMatch + "</span>"); if (img.length) { $el.prepend(img); } } /** * Reset current element position */ }, { key: "_resetCurrentElement", value: function _resetCurrentElement() { this.activeIndex = -1; this.$active.removeClass('active'); } /** * Reset autocomplete elements */ }, { key: "_resetAutocomplete", value: function _resetAutocomplete() { $(this.container).empty(); this._resetCurrentElement(); this.oldVal = null; this.isOpen = false; this._mousedown = false; } /** * Select autocomplete option * @param {Element} el Autocomplete option list item element */ }, { key: "selectOption", value: function selectOption(el) { var text = el.text().trim(); this.el.value = text; this.$el.trigger('change'); this._resetAutocomplete(); this.close(); // Handle onAutocomplete callback. if (typeof this.options.onAutocomplete === 'function') { this.options.onAutocomplete.call(this, text); } } /** * Render dropdown content * @param {Object} data data set * @param {String} val current input value */ }, { key: "_renderDropdown", value: function _renderDropdown(data, val) { var _this39 = this; this._resetAutocomplete(); var matchingData = []; // Gather all matching data for (var key in data) { if (data.hasOwnProperty(key) && key.toLowerCase().indexOf(val) !== -1) { // Break if past limit if (this.count >= this.options.limit) { break; } var entry = { data: data[key], key: key }; matchingData.push(entry); this.count++; } } // Sort if (this.options.sortFunction) { var sortFunctionBound = function(a, b) { return _this39.options.sortFunction(a.key.toLowerCase(), b.key.toLowerCase(), val.toLowerCase()); }; matchingData.sort(sortFunctionBound); } // Render for (var i = 0; i < matchingData.length; i++) { var _entry = matchingData[i]; var $autocompleteOption = $('<li></li>'); if (!!_entry.data) { $autocompleteOption.append("<img src=https://egc.cnam-enjmin.fr/\"" + _entry.data + "\" class=\"right circle\"><span>" + _entry.key + "</span>"); } else { $autocompleteOption.append('<span>' + _entry.key + '</span>'); } $(this.container).append($autocompleteOption); this._highlight(val, $autocompleteOption); } } /** * Open Autocomplete Dropdown */ }, { key: "open", value: function open() { var val = this.el.value.toLowerCase(); this._resetAutocomplete(); if (val.length >= this.options.minLength) { this.isOpen = true; this._renderDropdown(this.options.data, val); } // Open dropdown if (!this.dropdown.isOpen) { this.dropdown.open(); } else { // Recalculate dropdown when its already open this.dropdown.recalculateDimensions(); } } /** * Close Autocomplete Dropdown */ }, { key: "close", value: function close() { this.dropdown.close(); } /** * Update Data * @param {Object} data */ }, { key: "updateData", value: function updateData(data) { var val = this.el.value.toLowerCase(); this.options.data = data; if (this.isOpen) { this._renderDropdown(data, val); } } }], [{ key: "init", value: function init(els, options) { return _get(Autocomplete.__proto__ || Object.getPrototypeOf(Autocomplete), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Autocomplete; } }, { key: "defaults", get: function() { return _defaults; } }]); return Autocomplete; }(Component); /** * @static * @memberof Autocomplete */ Autocomplete._keydown = false; M.Autocomplete = Autocomplete; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Autocomplete, 'autocomplete', 'M_Autocomplete'); } } )(cash); ;(function($) { // Function to update labels of text fields M.updateTextFields = function() { var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], input[type=date], input[type=time], textarea'; $(input_selector).each(function(element, index) { var $this = $(this); if (element.value.length > 0 || $(element).is(':focus') || element.autofocus || $this.attr('placeholder') !== null) { $this.siblings('label').addClass('active'); } else if (element.validity) { $this.siblings('label').toggleClass('active', element.validity.badInput === true); } else { $this.siblings('label').removeClass('active'); } }); } ; M.validate_field = function(object) { var hasLength = object.attr('data-length') !== null; var lenAttr = parseInt(object.attr('data-length')); var len = object[0].value.length; if (len === 0 && object[0].validity.badInput === false && !object.is(':required')) { if (object.hasClass('validate')) { object.removeClass('valid'); object.removeClass('invalid'); } } else { if (object.hasClass('validate')) { // Check for character counter attributes if (object.is(':valid') && hasLength && len <= lenAttr || object.is(':valid') && !hasLength) { object.removeClass('invalid'); object.addClass('valid'); } else { object.removeClass('valid'); object.addClass('invalid'); } } } } ; M.textareaAutoResize = function($textarea) { // Wrap if native element if ($textarea instanceof Element) { $textarea = $($textarea); } if (!$textarea.length) { console.error('No textarea element found'); return; } // Textarea Auto Resize var hiddenDiv = $('.hiddendiv').first(); if (!hiddenDiv.length) { hiddenDiv = $('<div class="hiddendiv common"></div>'); $('body').append(hiddenDiv); } // Set font properties of hiddenDiv var fontFamily = $textarea.css('font-family'); var fontSize = $textarea.css('font-size'); var lineHeight = $textarea.css('line-height'); // Firefox can't handle padding shorthand. var paddingTop = $textarea.css('padding-top'); var paddingRight = $textarea.css('padding-right'); var paddingBottom = $textarea.css('padding-bottom'); var paddingLeft = $textarea.css('padding-left'); if (fontSize) { hiddenDiv.css('font-size', fontSize); } if (fontFamily) { hiddenDiv.css('font-family', fontFamily); } if (lineHeight) { hiddenDiv.css('line-height', lineHeight); } if (paddingTop) { hiddenDiv.css('padding-top', paddingTop); } if (paddingRight) { hiddenDiv.css('padding-right', paddingRight); } if (paddingBottom) { hiddenDiv.css('padding-bottom', paddingBottom); } if (paddingLeft) { hiddenDiv.css('padding-left', paddingLeft); } // Set original-height, if none if (!$textarea.data('original-height')) { $textarea.data('original-height', $textarea.height()); } if ($textarea.attr('wrap') === 'off') { hiddenDiv.css('overflow-wrap', 'normal').css('white-space', 'pre'); } hiddenDiv.text($textarea[0].value + '\n'); var content = hiddenDiv.html().replace(/\n/g, '<br>'); hiddenDiv.html(content); // When textarea is hidden, width goes crazy. // Approximate with half of window size if ($textarea[0].offsetWidth > 0 && $textarea[0].offsetHeight > 0) { hiddenDiv.css('width', $textarea.width() + 'px'); } else { hiddenDiv.css('width', window.innerWidth / 2 + 'px'); } /** * Resize if the new height is greater than the * original height of the textarea */ if ($textarea.data('original-height') <= hiddenDiv.innerHeight()) { $textarea.css('height', hiddenDiv.innerHeight() + 'px'); } else if ($textarea[0].value.length < $textarea.data('previous-length')) { /** * In case the new height is less than original height, it * means the textarea has less text than before * So we set the height to the original one */ $textarea.css('height', $textarea.data('original-height') + 'px'); } $textarea.data('previous-length', $textarea[0].value.length); } ; $(document).ready(function() { // Text based inputs var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], input[type=date], input[type=time], textarea'; // Add active if form auto complete $(document).on('change', input_selector, function() { if (this.value.length !== 0 || $(this).attr('placeholder') !== null) { $(this).siblings('label').addClass('active'); } M.validate_field($(this)); }); // Add active if input element has been pre-populated on document ready $(document).ready(function() { M.updateTextFields(); }); // HTML DOM FORM RESET handling $(document).on('reset', function(e) { var formReset = $(e.target); if (formReset.is('form')) { formReset.find(input_selector).removeClass('valid').removeClass('invalid'); formReset.find(input_selector).each(function(e) { if (this.value.length) { $(this).siblings('label').removeClass('active'); } }); // Reset select (after native reset) setTimeout(function() { formReset.find('select').each(function() { // check if initialized if (this.M_FormSelect) { $(this).trigger('change'); } }); }, 0); } }); /** * Add active when element has focus * @param {Event} e */ document.addEventListener('focus', function(e) { if ($(e.target).is(input_selector)) { $(e.target).siblings('label, .prefix').addClass('active'); } }, true); /** * Remove active when element is blurred * @param {Event} e */ document.addEventListener('blur', function(e) { var $inputElement = $(e.target); if ($inputElement.is(input_selector)) { var selector = '.prefix'; if ($inputElement[0].value.length === 0 && $inputElement[0].validity.badInput !== true && $inputElement.attr('placeholder') === null) { selector += ', label'; } $inputElement.siblings(selector).removeClass('active'); M.validate_field($inputElement); } }, true); // Radio and Checkbox focus class var radio_checkbox = 'input[type=radio], input[type=checkbox]'; $(document).on('keyup', radio_checkbox, function(e) { // TAB, check if tabbing to radio or checkbox. if (e.which === M.keys.TAB) { $(this).addClass('tabbed'); var $this = $(this); $this.one('blur', function(e) { $(this).removeClass('tabbed'); }); return; } }); var text_area_selector = '.materialize-textarea'; $(text_area_selector).each(function() { var $textarea = $(this); /** * Resize textarea on document load after storing * the original height and the original length */ $textarea.data('original-height', $textarea.height()); $textarea.data('previous-length', this.value.length); M.textareaAutoResize($textarea); }); $(document).on('keyup', text_area_selector, function() { M.textareaAutoResize($(this)); }); $(document).on('keydown', text_area_selector, function() { M.textareaAutoResize($(this)); }); // File Input Path $(document).on('change', '.file-field input[type="file"]', function() { var file_field = $(this).closest('.file-field'); var path_input = file_field.find('input.file-path'); var files = $(this)[0].files; var file_names = []; for (var i = 0; i < files.length; i++) { file_names.push(files[i].name); } path_input[0].value = file_names.join(', '); path_input.trigger('change'); }); }); // End of $(document).ready } )(cash); ;(function($, anim) { 'use strict'; var _defaults = { indicators: true, height: 400, duration: 500, interval: 6000 }; /** * @class * */ var Slider = function(_Component11) { _inherits(Slider, _Component11); /** * Construct Slider instance and set up overlay * @constructor * @param {Element} el * @param {Object} options */ function Slider(el, options) { _classCallCheck(this, Slider); var _this40 = _possibleConstructorReturn(this, (Slider.__proto__ || Object.getPrototypeOf(Slider)).call(this, Slider, el, options)); _this40.el.M_Slider = _this40; /** * Options for the modal * @member Slider#options * @prop {Boolean} [indicators=true] - Show indicators * @prop {Number} [height=400] - height of slider * @prop {Number} [duration=500] - Length in ms of slide transition * @prop {Number} [interval=6000] - Length in ms of slide interval */ _this40.options = $.extend({}, Slider.defaults, options); // setup _this40.$slider = _this40.$el.find('.slides'); _this40.$slides = _this40.$slider.children('li'); _this40.activeIndex = _this40.$slides.filter(function(item) { return $(item).hasClass('active'); }).first().index(); if (_this40.activeIndex != -1) { _this40.$active = _this40.$slides.eq(_this40.activeIndex); } _this40._setSliderHeight(); // Set initial positions of captions _this40.$slides.find('.caption').each(function(el) { _this40._animateCaptionIn(el, 0); }); // Move img src into background-image _this40.$slides.find('img').each(function(el) { var placeholderBase64 = 'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='; if ($(el).attr('src') !== placeholderBase64) { $(el).css('background-image', 'url("' + $(el).attr('src') + '")'); $(el).attr('src', placeholderBase64); } }); _this40._setupIndicators(); // Show active slide if (_this40.$active) { _this40.$active.css('display', 'block'); } else { _this40.$slides.first().addClass('active'); anim({ targets: _this40.$slides.first()[0], opacity: 1, duration: _this40.options.duration, easing: 'easeOutQuad' }); _this40.activeIndex = 0; _this40.$active = _this40.$slides.eq(_this40.activeIndex); // Update indicators if (_this40.options.indicators) { _this40.$indicators.eq(_this40.activeIndex).addClass('active'); } } // Adjust height to current slide _this40.$active.find('img').each(function(el) { anim({ targets: _this40.$active.find('.caption')[0], opacity: 1, translateX: 0, translateY: 0, duration: _this40.options.duration, easing: 'easeOutQuad' }); }); _this40._setupEventHandlers(); // auto scroll _this40.start(); return _this40; } _createClass(Slider, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this.pause(); this._removeIndicators(); this._removeEventHandlers(); this.el.M_Slider = undefined; } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { var _this41 = this; this._handleIntervalBound = this._handleInterval.bind(this); this._handleIndicatorClickBound = this._handleIndicatorClick.bind(this); if (this.options.indicators) { this.$indicators.each(function(el) { el.addEventListener('click', _this41._handleIndicatorClickBound); }); } } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { var _this42 = this; if (this.options.indicators) { this.$indicators.each(function(el) { el.removeEventListener('click', _this42._handleIndicatorClickBound); }); } } /** * Handle indicator click * @param {Event} e */ }, { key: "_handleIndicatorClick", value: function _handleIndicatorClick(e) { var currIndex = $(e.target).index(); this.set(currIndex); } /** * Handle Interval */ }, { key: "_handleInterval", value: function _handleInterval() { var newActiveIndex = this.$slider.find('.active').index(); if (this.$slides.length === newActiveIndex + 1) newActiveIndex = 0; // loop to start else newActiveIndex += 1; this.set(newActiveIndex); } /** * Animate in caption * @param {Element} caption * @param {Number} duration */ }, { key: "_animateCaptionIn", value: function _animateCaptionIn(caption, duration) { var animOptions = { targets: caption, opacity: 0, duration: duration, easing: 'easeOutQuad' }; if ($(caption).hasClass('center-align')) { animOptions.translateY = -100; } else if ($(caption).hasClass('right-align')) { animOptions.translateX = 100; } else if ($(caption).hasClass('left-align')) { animOptions.translateX = -100; } anim(animOptions); } /** * Set height of slider */ }, { key: "_setSliderHeight", value: function _setSliderHeight() { // If fullscreen, do nothing if (!this.$el.hasClass('fullscreen')) { if (this.options.indicators) { // Add height if indicators are present this.$el.css('height', this.options.height + 40 + 'px'); } else { this.$el.css('height', this.options.height + 'px'); } this.$slider.css('height', this.options.height + 'px'); } } /** * Setup indicators */ }, { key: "_setupIndicators", value: function _setupIndicators() { var _this43 = this; if (this.options.indicators) { this.$indicators = $('<ul class="indicators"></ul>'); this.$slides.each(function(el, index) { var $indicator = $('<li class="indicator-item"></li>'); _this43.$indicators.append($indicator[0]); }); this.$el.append(this.$indicators[0]); this.$indicators = this.$indicators.children('li.indicator-item'); } } /** * Remove indicators */ }, { key: "_removeIndicators", value: function _removeIndicators() { this.$el.find('ul.indicators').remove(); } /** * Cycle to nth item * @param {Number} index */ }, { key: "set", value: function set(index) { var _this44 = this; // Wrap around indices. if (index >= this.$slides.length) index = 0; else if (index < 0) index = this.$slides.length - 1; // Only do if index changes if (this.activeIndex != index) { this.$active = this.$slides.eq(this.activeIndex); var $caption = this.$active.find('.caption'); this.$active.removeClass('active'); anim({ targets: this.$active[0], opacity: 0, duration: this.options.duration, easing: 'easeOutQuad', complete: function() { _this44.$slides.not('.active').each(function(el) { anim({ targets: el, opacity: 0, translateX: 0, translateY: 0, duration: 0, easing: 'easeOutQuad' }); }); } }); this._animateCaptionIn($caption[0], this.options.duration); // Update indicators if (this.options.indicators) { this.$indicators.eq(this.activeIndex).removeClass('active'); this.$indicators.eq(index).addClass('active'); } anim({ targets: this.$slides.eq(index)[0], opacity: 1, duration: this.options.duration, easing: 'easeOutQuad' }); anim({ targets: this.$slides.eq(index).find('.caption')[0], opacity: 1, translateX: 0, translateY: 0, duration: this.options.duration, delay: this.options.duration, easing: 'easeOutQuad' }); this.$slides.eq(index).addClass('active'); this.activeIndex = index; // Reset interval this.start(); } } /** * Pause slider interval */ }, { key: "pause", value: function pause() { clearInterval(this.interval); } /** * Start slider interval */ }, { key: "start", value: function start() { clearInterval(this.interval); this.interval = setInterval(this._handleIntervalBound, this.options.duration + this.options.interval); } /** * Move to next slide */ }, { key: "next", value: function next() { var newIndex = this.activeIndex + 1; // Wrap around indices. if (newIndex >= this.$slides.length) newIndex = 0; else if (newIndex < 0) newIndex = this.$slides.length - 1; this.set(newIndex); } /** * Move to previous slide */ }, { key: "prev", value: function prev() { var newIndex = this.activeIndex - 1; // Wrap around indices. if (newIndex >= this.$slides.length) newIndex = 0; else if (newIndex < 0) newIndex = this.$slides.length - 1; this.set(newIndex); } }], [{ key: "init", value: function init(els, options) { return _get(Slider.__proto__ || Object.getPrototypeOf(Slider), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Slider; } }, { key: "defaults", get: function() { return _defaults; } }]); return Slider; }(Component); M.Slider = Slider; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Slider, 'slider', 'M_Slider'); } } )(cash, M.anime); ;(function($, anim) { $(document).on('click', '.card', function(e) { if ($(this).children('.card-reveal').length) { var $card = $(e.target).closest('.card'); if ($card.data('initialOverflow') === undefined) { $card.data('initialOverflow', $card.css('overflow') === undefined ? '' : $card.css('overflow')); } var $cardReveal = $(this).find('.card-reveal'); if ($(e.target).is($('.card-reveal .card-title')) || $(e.target).is($('.card-reveal .card-title i'))) { // Make Reveal animate down and display none anim({ targets: $cardReveal[0], translateY: 0, duration: 225, easing: 'easeInOutQuad', complete: function(anim) { var el = anim.animatables[0].target; $(el).css({ display: 'none' }); $card.css('overflow', $card.data('initialOverflow')); } }); } else if ($(e.target).is($('.card .activator')) || $(e.target).is($('.card .activator i'))) { $card.css('overflow', 'hidden'); $cardReveal.css({ display: 'block' }); anim({ targets: $cardReveal[0], translateY: '-100%', duration: 300, easing: 'easeInOutQuad' }); } } }); } )(cash, M.anime); ;(function($) { 'use strict'; var _defaults = { data: [], placeholder: '', secondaryPlaceholder: '', autocompleteOptions: {}, limit: Infinity, onChipAdd: null, onChipSelect: null, onChipDelete: null }; /** * @typedef {Object} chip * @property {String} tag chip tag string * @property {String} [image] chip avatar image string */ /** * @class * */ var Chips = function(_Component12) { _inherits(Chips, _Component12); /** * Construct Chips instance and set up overlay * @constructor * @param {Element} el * @param {Object} options */ function Chips(el, options) { _classCallCheck(this, Chips); var _this45 = _possibleConstructorReturn(this, (Chips.__proto__ || Object.getPrototypeOf(Chips)).call(this, Chips, el, options)); _this45.el.M_Chips = _this45; /** * Options for the modal * @member Chips#options * @prop {Array} data * @prop {String} placeholder * @prop {String} secondaryPlaceholder * @prop {Object} autocompleteOptions */ _this45.options = $.extend({}, Chips.defaults, options); _this45.$el.addClass('chips input-field'); _this45.chipsData = []; _this45.$chips = $(); _this45._setupInput(); _this45.hasAutocomplete = Object.keys(_this45.options.autocompleteOptions).length > 0; // Set input id if (!_this45.$input.attr('id')) { _this45.$input.attr('id', M.guid()); } // Render initial chips if (_this45.options.data.length) { _this45.chipsData = _this45.options.data; _this45._renderChips(_this45.chipsData); } // Setup autocomplete if needed if (_this45.hasAutocomplete) { _this45._setupAutocomplete(); } _this45._setPlaceholder(); _this45._setupLabel(); _this45._setupEventHandlers(); return _this45; } _createClass(Chips, [{ key: "getData", /** * Get Chips Data */ value: function getData() { return this.chipsData; } /** * Teardown component */ }, { key: "destroy", value: function destroy() { this._removeEventHandlers(); this.$chips.remove(); this.el.M_Chips = undefined; } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { this._handleChipClickBound = this._handleChipClick.bind(this); this._handleInputKeydownBound = this._handleInputKeydown.bind(this); this._handleInputFocusBound = this._handleInputFocus.bind(this); this._handleInputBlurBound = this._handleInputBlur.bind(this); this.el.addEventListener('click', this._handleChipClickBound); document.addEventListener('keydown', Chips._handleChipsKeydown); document.addEventListener('keyup', Chips._handleChipsKeyup); this.el.addEventListener('blur', Chips._handleChipsBlur, true); this.$input[0].addEventListener('focus', this._handleInputFocusBound); this.$input[0].addEventListener('blur', this._handleInputBlurBound); this.$input[0].addEventListener('keydown', this._handleInputKeydownBound); } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { this.el.removeEventListener('click', this._handleChipClickBound); document.removeEventListener('keydown', Chips._handleChipsKeydown); document.removeEventListener('keyup', Chips._handleChipsKeyup); this.el.removeEventListener('blur', Chips._handleChipsBlur, true); this.$input[0].removeEventListener('focus', this._handleInputFocusBound); this.$input[0].removeEventListener('blur', this._handleInputBlurBound); this.$input[0].removeEventListener('keydown', this._handleInputKeydownBound); } /** * Handle Chip Click * @param {Event} e */ }, { key: "_handleChipClick", value: function _handleChipClick(e) { var $chip = $(e.target).closest('.chip'); var clickedClose = $(e.target).is('.close'); if ($chip.length) { var index = $chip.index(); if (clickedClose) { // delete chip this.deleteChip(index); this.$input[0].focus(); } else { // select chip this.selectChip(index); } // Default handle click to focus on input } else { this.$input[0].focus(); } } /** * Handle Chips Keydown * @param {Event} e */ }, { key: "_handleInputFocus", /** * Handle Input Focus */ value: function _handleInputFocus() { this.$el.addClass('focus'); } /** * Handle Input Blur */ }, { key: "_handleInputBlur", value: function _handleInputBlur() { this.$el.removeClass('focus'); } /** * Handle Input Keydown * @param {Event} e */ }, { key: "_handleInputKeydown", value: function _handleInputKeydown(e) { Chips._keydown = true; // enter if (e.keyCode === 13) { // Override enter if autocompleting. if (this.hasAutocomplete && this.autocomplete && this.autocomplete.isOpen) { return; } e.preventDefault(); this.addChip({ tag: this.$input[0].value }); this.$input[0].value = ''; // delete or left } else if ((e.keyCode === 8 || e.keyCode === 37) && this.$input[0].value === '' && this.chipsData.length) { e.preventDefault(); this.selectChip(this.chipsData.length - 1); } } /** * Render Chip * @param {chip} chip * @return {Element} */ }, { key: "_renderChip", value: function _renderChip(chip) { if (!chip.tag) { return; } var renderedChip = document.createElement('div'); var closeIcon = document.createElement('i'); renderedChip.classList.add('chip'); renderedChip.textContent = chip.tag; renderedChip.setAttribute('tabindex', 0); $(closeIcon).addClass('material-icons close'); closeIcon.textContent = 'close'; // attach image if needed if (chip.image) { var img = document.createElement('img'); img.setAttribute('src', chip.image); renderedChip.insertBefore(img, renderedChip.firstChild); } renderedChip.appendChild(closeIcon); return renderedChip; } /** * Render Chips */ }, { key: "_renderChips", value: function _renderChips() { this.$chips.remove(); for (var i = 0; i < this.chipsData.length; i++) { var chipEl = this._renderChip(this.chipsData[i]); this.$el.append(chipEl); this.$chips.add(chipEl); } // move input to end this.$el.append(this.$input[0]); } /** * Setup Autocomplete */ }, { key: "_setupAutocomplete", value: function _setupAutocomplete() { var _this46 = this; this.options.autocompleteOptions.onAutocomplete = function(val) { _this46.addChip({ tag: val }); _this46.$input[0].value = ''; _this46.$input[0].focus(); } ; this.autocomplete = M.Autocomplete.init(this.$input[0], this.options.autocompleteOptions); } /** * Setup Input */ }, { key: "_setupInput", value: function _setupInput() { this.$input = this.$el.find('input'); if (!this.$input.length) { this.$input = $('<input></input>'); this.$el.append(this.$input); } this.$input.addClass('input'); } /** * Setup Label */ }, { key: "_setupLabel", value: function _setupLabel() { this.$label = this.$el.find('label'); if (this.$label.length) { this.$label.setAttribute('for', this.$input.attr('id')); } } /** * Set placeholder */ }, { key: "_setPlaceholder", value: function _setPlaceholder() { if (this.chipsData !== undefined && !this.chipsData.length && this.options.placeholder) { $(this.$input).prop('placeholder', this.options.placeholder); } else if ((this.chipsData === undefined || !!this.chipsData.length) && this.options.secondaryPlaceholder) { $(this.$input).prop('placeholder', this.options.secondaryPlaceholder); } } /** * Check if chip is valid * @param {chip} chip */ }, { key: "_isValid", value: function _isValid(chip) { if (chip.hasOwnProperty('tag') && chip.tag !== '') { var exists = false; for (var i = 0; i < this.chipsData.length; i++) { if (this.chipsData[i].tag === chip.tag) { exists = true; break; } } return !exists; } return false; } /** * Add chip * @param {chip} chip */ }, { key: "addChip", value: function addChip(chip) { if (!this._isValid(chip) || this.chipsData.length >= this.options.limit) { return; } var renderedChip = this._renderChip(chip); this.$chips.add(renderedChip); this.chipsData.push(chip); $(this.$input).before(renderedChip); this._setPlaceholder(); // fire chipAdd callback if (typeof this.options.onChipAdd === 'function') { this.options.onChipAdd.call(this, this.$el, renderedChip); } } /** * Delete chip * @param {Number} chip */ }, { key: "deleteChip", value: function deleteChip(chipIndex) { var $chip = this.$chips.eq(chipIndex); this.$chips.eq(chipIndex).remove(); this.$chips = this.$chips.filter(function(el) { return $(el).index() >= 0; }); this.chipsData.splice(chipIndex, 1); this._setPlaceholder(); // fire chipDelete callback if (typeof this.options.onChipDelete === 'function') { this.options.onChipDelete.call(this, this.$el, $chip[0]); } } /** * Select chip * @param {Number} chip */ }, { key: "selectChip", value: function selectChip(chipIndex) { var $chip = this.$chips.eq(chipIndex); this._selectedChip = $chip; $chip[0].focus(); // fire chipSelect callback if (typeof this.options.onChipSelect === 'function') { this.options.onChipSelect.call(this, this.$el, $chip[0]); } } }], [{ key: "init", value: function init(els, options) { return _get(Chips.__proto__ || Object.getPrototypeOf(Chips), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Chips; } }, { key: "_handleChipsKeydown", value: function _handleChipsKeydown(e) { Chips._keydown = true; var $chips = $(e.target).closest('.chips'); var chipsKeydown = e.target && $chips.length; // Don't handle keydown inputs on input and textarea if ($(e.target).is('input, textarea') || !chipsKeydown) { return; } var currChips = $chips[0].M_Chips; // backspace and delete if (e.keyCode === 8 || e.keyCode === 46) { e.preventDefault(); var selectIndex = currChips.chipsData.length; if (currChips._selectedChip) { var index = currChips._selectedChip.index(); currChips.deleteChip(index); currChips._selectedChip = null; // Make sure selectIndex doesn't go negative selectIndex = Math.max(index - 1, 0); } if (currChips.chipsData.length) { currChips.selectChip(selectIndex); } // left arrow key } else if (e.keyCode === 37) { if (currChips._selectedChip) { var _selectIndex = currChips._selectedChip.index() - 1; if (_selectIndex < 0) { return; } currChips.selectChip(_selectIndex); } // right arrow key } else if (e.keyCode === 39) { if (currChips._selectedChip) { var _selectIndex2 = currChips._selectedChip.index() + 1; if (_selectIndex2 >= currChips.chipsData.length) { currChips.$input[0].focus(); } else { currChips.selectChip(_selectIndex2); } } } } /** * Handle Chips Keyup * @param {Event} e */ }, { key: "_handleChipsKeyup", value: function _handleChipsKeyup(e) { Chips._keydown = false; } /** * Handle Chips Blur * @param {Event} e */ }, { key: "_handleChipsBlur", value: function _handleChipsBlur(e) { if (!Chips._keydown) { var $chips = $(e.target).closest('.chips'); var currChips = $chips[0].M_Chips; currChips._selectedChip = null; } } }, { key: "defaults", get: function() { return _defaults; } }]); return Chips; }(Component); /** * @static * @memberof Chips */ Chips._keydown = false; M.Chips = Chips; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Chips, 'chips', 'M_Chips'); } $(document).ready(function() { // Handle removal of static chips. $(document.body).on('click', '.chip .close', function() { var $chips = $(this).closest('.chips'); if ($chips.length && $chips[0].M_Chips) { return; } $(this).closest('.chip').remove(); }); }); } )(cash); ;(function($) { 'use strict'; var _defaults = { top: 0, bottom: Infinity, offset: 0, onPositionChange: null }; /** * @class * */ var Pushpin = function(_Component13) { _inherits(Pushpin, _Component13); /** * Construct Pushpin instance * @constructor * @param {Element} el * @param {Object} options */ function Pushpin(el, options) { _classCallCheck(this, Pushpin); var _this47 = _possibleConstructorReturn(this, (Pushpin.__proto__ || Object.getPrototypeOf(Pushpin)).call(this, Pushpin, el, options)); _this47.el.M_Pushpin = _this47; /** * Options for the modal * @member Pushpin#options */ _this47.options = $.extend({}, Pushpin.defaults, options); _this47.originalOffset = _this47.el.offsetTop; Pushpin._pushpins.push(_this47); _this47._setupEventHandlers(); _this47._updatePosition(); return _this47; } _createClass(Pushpin, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this.el.style.top = null; this._removePinClasses(); this._removeEventHandlers(); // Remove pushpin Inst var index = Pushpin._pushpins.indexOf(this); Pushpin._pushpins.splice(index, 1); } }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { document.addEventListener('scroll', Pushpin._updateElements); } }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { document.removeEventListener('scroll', Pushpin._updateElements); } }, { key: "_updatePosition", value: function _updatePosition() { var scrolled = M.getDocumentScrollTop() + this.options.offset; if (this.options.top <= scrolled && this.options.bottom >= scrolled && !this.el.classList.contains('pinned')) { this._removePinClasses(); this.el.style.top = this.options.offset + "px"; this.el.classList.add('pinned'); // onPositionChange callback if (typeof this.options.onPositionChange === 'function') { this.options.onPositionChange.call(this, 'pinned'); } } // Add pin-top (when scrolled position is above top) if (scrolled < this.options.top && !this.el.classList.contains('pin-top')) { this._removePinClasses(); this.el.style.top = 0; this.el.classList.add('pin-top'); // onPositionChange callback if (typeof this.options.onPositionChange === 'function') { this.options.onPositionChange.call(this, 'pin-top'); } } // Add pin-bottom (when scrolled position is below bottom) if (scrolled > this.options.bottom && !this.el.classList.contains('pin-bottom')) { this._removePinClasses(); this.el.classList.add('pin-bottom'); this.el.style.top = this.options.bottom - this.originalOffset + "px"; // onPositionChange callback if (typeof this.options.onPositionChange === 'function') { this.options.onPositionChange.call(this, 'pin-bottom'); } } } }, { key: "_removePinClasses", value: function _removePinClasses() { // IE 11 bug (can't remove multiple classes in one line) this.el.classList.remove('pin-top'); this.el.classList.remove('pinned'); this.el.classList.remove('pin-bottom'); } }], [{ key: "init", value: function init(els, options) { return _get(Pushpin.__proto__ || Object.getPrototypeOf(Pushpin), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Pushpin; } }, { key: "_updateElements", value: function _updateElements() { for (var elIndex in Pushpin._pushpins) { var pInstance = Pushpin._pushpins[elIndex]; pInstance._updatePosition(); } } }, { key: "defaults", get: function() { return _defaults; } }]); return Pushpin; }(Component); /** * @static * @memberof Pushpin */ Pushpin._pushpins = []; M.Pushpin = Pushpin; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Pushpin, 'pushpin', 'M_Pushpin'); } } )(cash); ;(function($, anim) { 'use strict'; var _defaults = { direction: 'top', hoverEnabled: true, toolbarEnabled: false }; $.fn.reverse = [].reverse; /** * @class * */ var FloatingActionButton = function(_Component14) { _inherits(FloatingActionButton, _Component14); /** * Construct FloatingActionButton instance * @constructor * @param {Element} el * @param {Object} options */ function FloatingActionButton(el, options) { _classCallCheck(this, FloatingActionButton); var _this48 = _possibleConstructorReturn(this, (FloatingActionButton.__proto__ || Object.getPrototypeOf(FloatingActionButton)).call(this, FloatingActionButton, el, options)); _this48.el.M_FloatingActionButton = _this48; /** * Options for the fab * @member FloatingActionButton#options * @prop {Boolean} [direction] - Direction fab menu opens * @prop {Boolean} [hoverEnabled=true] - Enable hover vs click * @prop {Boolean} [toolbarEnabled=false] - Enable toolbar transition */ _this48.options = $.extend({}, FloatingActionButton.defaults, options); _this48.isOpen = false; _this48.$anchor = _this48.$el.children('a').first(); _this48.$menu = _this48.$el.children('ul').first(); _this48.$floatingBtns = _this48.$el.find('ul .btn-floating'); _this48.$floatingBtnsReverse = _this48.$el.find('ul .btn-floating').reverse(); _this48.offsetY = 0; _this48.offsetX = 0; _this48.$el.addClass("direction-" + _this48.options.direction); if (_this48.options.direction === 'top') { _this48.offsetY = 40; } else if (_this48.options.direction === 'right') { _this48.offsetX = -40; } else if (_this48.options.direction === 'bottom') { _this48.offsetY = -40; } else { _this48.offsetX = 40; } _this48._setupEventHandlers(); return _this48; } _createClass(FloatingActionButton, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this._removeEventHandlers(); this.el.M_FloatingActionButton = undefined; } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { this._handleFABClickBound = this._handleFABClick.bind(this); this._handleOpenBound = this.open.bind(this); this._handleCloseBound = this.close.bind(this); if (this.options.hoverEnabled && !this.options.toolbarEnabled) { this.el.addEventListener('mouseenter', this._handleOpenBound); this.el.addEventListener('mouseleave', this._handleCloseBound); } else { this.el.addEventListener('click', this._handleFABClickBound); } } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { if (this.options.hoverEnabled && !this.options.toolbarEnabled) { this.el.removeEventListener('mouseenter', this._handleOpenBound); this.el.removeEventListener('mouseleave', this._handleCloseBound); } else { this.el.removeEventListener('click', this._handleFABClickBound); } } /** * Handle FAB Click */ }, { key: "_handleFABClick", value: function _handleFABClick() { if (this.isOpen) { this.close(); } else { this.open(); } } /** * Handle Document Click * @param {Event} e */ }, { key: "_handleDocumentClick", value: function _handleDocumentClick(e) { if (!$(e.target).closest(this.$menu).length) { this.close(); } } /** * Open FAB */ }, { key: "open", value: function open() { if (this.isOpen) { return; } if (this.options.toolbarEnabled) { this._animateInToolbar(); } else { this._animateInFAB(); } this.isOpen = true; } /** * Close FAB */ }, { key: "close", value: function close() { if (!this.isOpen) { return; } if (this.options.toolbarEnabled) { window.removeEventListener('scroll', this._handleCloseBound, true); document.body.removeEventListener('click', this._handleDocumentClickBound, true); this._animateOutToolbar(); } else { this._animateOutFAB(); } this.isOpen = false; } /** * Classic FAB Menu open */ }, { key: "_animateInFAB", value: function _animateInFAB() { var _this49 = this; this.$el.addClass('active'); var time = 0; this.$floatingBtnsReverse.each(function(el) { anim({ targets: el, opacity: 1, scale: [0.4, 1], translateY: [_this49.offsetY, 0], translateX: [_this49.offsetX, 0], duration: 275, delay: time, easing: 'easeInOutQuad' }); time += 40; }); } /** * Classic FAB Menu close */ }, { key: "_animateOutFAB", value: function _animateOutFAB() { var _this50 = this; this.$floatingBtnsReverse.each(function(el) { anim.remove(el); anim({ targets: el, opacity: 0, scale: 0.4, translateY: _this50.offsetY, translateX: _this50.offsetX, duration: 175, easing: 'easeOutQuad', complete: function() { _this50.$el.removeClass('active'); } }); }); } /** * Toolbar transition Menu open */ }, { key: "_animateInToolbar", value: function _animateInToolbar() { var _this51 = this; var scaleFactor = void 0; var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; var btnRect = this.el.getBoundingClientRect(); var backdrop = $('<div class="fab-backdrop"></div>'); var fabColor = this.$anchor.css('background-color'); this.$anchor.append(backdrop); this.offsetX = btnRect.left - windowWidth / 2 + btnRect.width / 2; this.offsetY = windowHeight - btnRect.bottom; scaleFactor = windowWidth / backdrop[0].clientWidth; this.btnBottom = btnRect.bottom; this.btnLeft = btnRect.left; this.btnWidth = btnRect.width; // Set initial state this.$el.addClass('active'); this.$el.css({ 'text-align': 'center', width: '100%', bottom: 0, left: 0, transform: 'translateX(' + this.offsetX + 'px)', transition: 'none' }); this.$anchor.css({ transform: 'translateY(' + -this.offsetY + 'px)', transition: 'none' }); backdrop.css({ 'background-color': fabColor }); setTimeout(function() { _this51.$el.css({ transform: '', transition: 'transform .2s cubic-bezier(0.550, 0.085, 0.680, 0.530), background-color 0s linear .2s' }); _this51.$anchor.css({ overflow: 'visible', transform: '', transition: 'transform .2s' }); setTimeout(function() { _this51.$el.css({ overflow: 'hidden', 'background-color': fabColor }); backdrop.css({ transform: 'scale(' + scaleFactor + ')', transition: 'transform .2s cubic-bezier(0.550, 0.055, 0.675, 0.190)' }); _this51.$menu.children('li').children('a').css({ opacity: 1 }); // Scroll to close. _this51._handleDocumentClickBound = _this51._handleDocumentClick.bind(_this51); window.addEventListener('scroll', _this51._handleCloseBound, true); document.body.addEventListener('click', _this51._handleDocumentClickBound, true); }, 100); }, 0); } /** * Toolbar transition Menu close */ }, { key: "_animateOutToolbar", value: function _animateOutToolbar() { var _this52 = this; var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; var backdrop = this.$el.find('.fab-backdrop'); var fabColor = this.$anchor.css('background-color'); this.offsetX = this.btnLeft - windowWidth / 2 + this.btnWidth / 2; this.offsetY = windowHeight - this.btnBottom; // Hide backdrop this.$el.removeClass('active'); this.$el.css({ 'background-color': 'transparent', transition: 'none' }); this.$anchor.css({ transition: 'none' }); backdrop.css({ transform: 'scale(0)', 'background-color': fabColor }); this.$menu.children('li').children('a').css({ opacity: '' }); setTimeout(function() { backdrop.remove(); // Set initial state. _this52.$el.css({ 'text-align': '', width: '', bottom: '', left: '', overflow: '', 'background-color': '', transform: 'translate3d(' + -_this52.offsetX + 'px,0,0)' }); _this52.$anchor.css({ overflow: '', transform: 'translate3d(0,' + _this52.offsetY + 'px,0)' }); setTimeout(function() { _this52.$el.css({ transform: 'translate3d(0,0,0)', transition: 'transform .2s' }); _this52.$anchor.css({ transform: 'translate3d(0,0,0)', transition: 'transform .2s cubic-bezier(0.550, 0.055, 0.675, 0.190)' }); }, 20); }, 200); } }], [{ key: "init", value: function init(els, options) { return _get(FloatingActionButton.__proto__ || Object.getPrototypeOf(FloatingActionButton), "init", this).call(this, this, els, options); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_FloatingActionButton; } }, { key: "defaults", get: function() { return _defaults; } }]); return FloatingActionButton; }(Component); M.FloatingActionButton = FloatingActionButton; if (M.jQueryLoaded) { M.initializeJqueryWrapper(FloatingActionButton, 'floatingActionButton', 'M_FloatingActionButton'); } } )(cash, M.anime); ;(function($) { 'use strict'; var _defaults = { // Close when date is selected autoClose: false, // the default output format for the input field value format: 'mmm dd, yyyy', // Used to create date object from current input string parse: null, // The initial date to view when first opened defaultDate: null, // Make the `defaultDate` the initial selected value setDefaultDate: false, disableWeekends: false, disableDayFn: null, // First day of week (0: Sunday, 1: Monday etc) firstDay: 0, // The earliest date that can be selected minDate: null, // Thelatest date that can be selected maxDate: null, // Number of years either side, or array of upper/lower range yearRange: 10, // used internally (don't config outside) minYear: 0, maxYear: 9999, minMonth: undefined, maxMonth: undefined, startRange: null, endRange: null, isRTL: false, // Render the month after year in the calendar title showMonthAfterYear: false, // Render days of the calendar grid that fall in the next or previous month showDaysInNextAndPreviousMonths: false, // Specify a DOM element to render the calendar in container: null, // Show clear button showClearBtn: false, // internationalization i18n: { cancel: 'Cancel', clear: 'Clear', done: 'Ok', previousMonth: '‹', nextMonth: '›', months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], weekdaysAbbrev: ['S', 'M', 'T', 'W', 'T', 'F', 'S'] }, // events array events: [], // callback function onSelect: null, onOpen: null, onClose: null, onDraw: null }; /** * @class * */ var Datepicker = function(_Component15) { _inherits(Datepicker, _Component15); /** * Construct Datepicker instance and set up overlay * @constructor * @param {Element} el * @param {Object} options */ function Datepicker(el, options) { _classCallCheck(this, Datepicker); var _this53 = _possibleConstructorReturn(this, (Datepicker.__proto__ || Object.getPrototypeOf(Datepicker)).call(this, Datepicker, el, options)); _this53.el.M_Datepicker = _this53; _this53.options = $.extend({}, Datepicker.defaults, options); // make sure i18n defaults are not lost when only few i18n option properties are passed if (!!options && options.hasOwnProperty('i18n') && typeof options.i18n === 'object') { _this53.options.i18n = $.extend({}, Datepicker.defaults.i18n, options.i18n); } // Remove time component from minDate and maxDate options if (_this53.options.minDate) _this53.options.minDate.setHours(0, 0, 0, 0); if (_this53.options.maxDate) _this53.options.maxDate.setHours(0, 0, 0, 0); _this53.id = M.guid(); _this53._setupVariables(); _this53._insertHTMLIntoDOM(); _this53._setupModal(); _this53._setupEventHandlers(); if (!_this53.options.defaultDate) { _this53.options.defaultDate = new Date(Date.parse(_this53.el.value)); } var defDate = _this53.options.defaultDate; if (Datepicker._isDate(defDate)) { if (_this53.options.setDefaultDate) { _this53.setDate(defDate, true); _this53.setInputValue(); } else { _this53.gotoDate(defDate); } } else { _this53.gotoDate(new Date()); } /** * Describes open/close state of datepicker * @type {Boolean} */ _this53.isOpen = false; return _this53; } _createClass(Datepicker, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this._removeEventHandlers(); this.modal.destroy(); $(this.modalEl).remove(); this.destroySelects(); this.el.M_Datepicker = undefined; } }, { key: "destroySelects", value: function destroySelects() { var oldYearSelect = this.calendarEl.querySelector('.orig-select-year'); if (oldYearSelect) { M.FormSelect.getInstance(oldYearSelect).destroy(); } var oldMonthSelect = this.calendarEl.querySelector('.orig-select-month'); if (oldMonthSelect) { M.FormSelect.getInstance(oldMonthSelect).destroy(); } } }, { key: "_insertHTMLIntoDOM", value: function _insertHTMLIntoDOM() { if (this.options.showClearBtn) { $(this.clearBtn).css({ visibility: '' }); this.clearBtn.innerHTML = this.options.i18n.clear; } this.doneBtn.innerHTML = this.options.i18n.done; this.cancelBtn.innerHTML = this.options.i18n.cancel; if (this.options.container) { this.$modalEl.appendTo(this.options.container); } else { this.$modalEl.insertBefore(this.el); } } }, { key: "_setupModal", value: function _setupModal() { var _this54 = this; this.modalEl.id = 'modal-' + this.id; this.modal = M.Modal.init(this.modalEl, { onCloseEnd: function() { _this54.isOpen = false; } }); } }, { key: "toString", value: function toString(format) { var _this55 = this; format = format || this.options.format; if (!Datepicker._isDate(this.date)) { return ''; } var formatArray = format.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g); var formattedDate = formatArray.map(function(label) { if (_this55.formats[label]) { return _this55.formats[label](); } return label; }).join(''); return formattedDate; } }, { key: "setDate", value: function setDate(date, preventOnSelect) { if (!date) { this.date = null; this._renderDateDisplay(); return this.draw(); } if (typeof date === 'string') { date = new Date(Date.parse(date)); } if (!Datepicker._isDate(date)) { return; } var min = this.options.minDate , max = this.options.maxDate; if (Datepicker._isDate(min) && date < min) { date = min; } else if (Datepicker._isDate(max) && date > max) { date = max; } this.date = new Date(date.getTime()); this._renderDateDisplay(); Datepicker._setToStartOfDay(this.date); this.gotoDate(this.date); if (!preventOnSelect && typeof this.options.onSelect === 'function') { this.options.onSelect.call(this, this.date); } } }, { key: "setInputValue", value: function setInputValue() { this.el.value = this.toString(); this.$el.trigger('change', { firedBy: this }); } }, { key: "_renderDateDisplay", value: function _renderDateDisplay() { var displayDate = Datepicker._isDate(this.date) ? this.date : new Date(); var i18n = this.options.i18n; var day = i18n.weekdaysShort[displayDate.getDay()]; var month = i18n.monthsShort[displayDate.getMonth()]; var date = displayDate.getDate(); this.yearTextEl.innerHTML = displayDate.getFullYear(); this.dateTextEl.innerHTML = day + ", " + month + " " + date; } /** * change view to a specific date */ }, { key: "gotoDate", value: function gotoDate(date) { var newCalendar = true; if (!Datepicker._isDate(date)) { return; } if (this.calendars) { var firstVisibleDate = new Date(this.calendars[0].year,this.calendars[0].month,1) , lastVisibleDate = new Date(this.calendars[this.calendars.length - 1].year,this.calendars[this.calendars.length - 1].month,1) , visibleDate = date.getTime(); // get the end of the month lastVisibleDate.setMonth(lastVisibleDate.getMonth() + 1); lastVisibleDate.setDate(lastVisibleDate.getDate() - 1); newCalendar = visibleDate < firstVisibleDate.getTime() || lastVisibleDate.getTime() < visibleDate; } if (newCalendar) { this.calendars = [{ month: date.getMonth(), year: date.getFullYear() }]; } this.adjustCalendars(); } }, { key: "adjustCalendars", value: function adjustCalendars() { this.calendars[0] = this.adjustCalendar(this.calendars[0]); this.draw(); } }, { key: "adjustCalendar", value: function adjustCalendar(calendar) { if (calendar.month < 0) { calendar.year -= Math.ceil(Math.abs(calendar.month) / 12); calendar.month += 12; } if (calendar.month > 11) { calendar.year += Math.floor(Math.abs(calendar.month) / 12); calendar.month -= 12; } return calendar; } }, { key: "nextMonth", value: function nextMonth() { this.calendars[0].month++; this.adjustCalendars(); } }, { key: "prevMonth", value: function prevMonth() { this.calendars[0].month--; this.adjustCalendars(); } }, { key: "render", value: function render(year, month, randId) { var opts = this.options , now = new Date() , days = Datepicker._getDaysInMonth(year, month) , before = new Date(year,month,1).getDay() , data = [] , row = []; Datepicker._setToStartOfDay(now); if (opts.firstDay > 0) { before -= opts.firstDay; if (before < 0) { before += 7; } } var previousMonth = month === 0 ? 11 : month - 1 , nextMonth = month === 11 ? 0 : month + 1 , yearOfPreviousMonth = month === 0 ? year - 1 : year , yearOfNextMonth = month === 11 ? year + 1 : year , daysInPreviousMonth = Datepicker._getDaysInMonth(yearOfPreviousMonth, previousMonth); var cells = days + before , after = cells; while (after > 7) { after -= 7; } cells += 7 - after; var isWeekSelected = false; for (var i = 0, r = 0; i < cells; i++) { var day = new Date(year,month,1 + (i - before)) , isSelected = Datepicker._isDate(this.date) ? Datepicker._compareDates(day, this.date) : false , isToday = Datepicker._compareDates(day, now) , hasEvent = opts.events.indexOf(day.toDateString()) !== -1 ? true : false , isEmpty = i < before || i >= days + before , dayNumber = 1 + (i - before) , monthNumber = month , yearNumber = year , isStartRange = opts.startRange && Datepicker._compareDates(opts.startRange, day) , isEndRange = opts.endRange && Datepicker._compareDates(opts.endRange, day) , isInRange = opts.startRange && opts.endRange && opts.startRange < day && day < opts.endRange , isDisabled = opts.minDate && day < opts.minDate || opts.maxDate && day > opts.maxDate || opts.disableWeekends && Datepicker._isWeekend(day) || opts.disableDayFn && opts.disableDayFn(day); if (isEmpty) { if (i < before) { dayNumber = daysInPreviousMonth + dayNumber; monthNumber = previousMonth; yearNumber = yearOfPreviousMonth; } else { dayNumber = dayNumber - days; monthNumber = nextMonth; yearNumber = yearOfNextMonth; } } var dayConfig = { day: dayNumber, month: monthNumber, year: yearNumber, hasEvent: hasEvent, isSelected: isSelected, isToday: isToday, isDisabled: isDisabled, isEmpty: isEmpty, isStartRange: isStartRange, isEndRange: isEndRange, isInRange: isInRange, showDaysInNextAndPreviousMonths: opts.showDaysInNextAndPreviousMonths }; row.push(this.renderDay(dayConfig)); if (++r === 7) { data.push(this.renderRow(row, opts.isRTL, isWeekSelected)); row = []; r = 0; isWeekSelected = false; } } return this.renderTable(opts, data, randId); } }, { key: "renderDay", value: function renderDay(opts) { var arr = []; var ariaSelected = 'false'; if (opts.isEmpty) { if (opts.showDaysInNextAndPreviousMonths) { arr.push('is-outside-current-month'); arr.push('is-selection-disabled'); } else { return '<td class="is-empty"></td>'; } } if (opts.isDisabled) { arr.push('is-disabled'); } if (opts.isToday) { arr.push('is-today'); } if (opts.isSelected) { arr.push('is-selected'); ariaSelected = 'true'; } if (opts.hasEvent) { arr.push('has-event'); } if (opts.isInRange) { arr.push('is-inrange'); } if (opts.isStartRange) { arr.push('is-startrange'); } if (opts.isEndRange) { arr.push('is-endrange'); } return "<td data-day=\"" + opts.day + "\" class=\"" + arr.join(' ') + "\" aria-selected=\"" + ariaSelected + "\">" + ("<button class=\"datepicker-day-button\" type=\"button\" data-year=\"" + opts.year + "\" data-month=\"" + opts.month + "\" data-day=\"" + opts.day + "\">" + opts.day + "</button>") + '</td>'; } }, { key: "renderRow", value: function renderRow(days, isRTL, isRowSelected) { return '<tr class="datepicker-row' + (isRowSelected ? ' is-selected' : '') + '">' + (isRTL ? days.reverse() : days).join('') + '</tr>'; } }, { key: "renderTable", value: function renderTable(opts, data, randId) { return '<div class="datepicker-table-wrapper"><table cellpadding="0" cellspacing="0" class="datepicker-table" role="grid" aria-labelledby="' + randId + '">' + this.renderHead(opts) + this.renderBody(data) + '</table></div>'; } }, { key: "renderHead", value: function renderHead(opts) { var i = void 0 , arr = []; for (i = 0; i < 7; i++) { arr.push("<th scope=\"col\"><abbr title=\"" + this.renderDayName(opts, i) + "\">" + this.renderDayName(opts, i, true) + "</abbr></th>"); } return '<thead><tr>' + (opts.isRTL ? arr.reverse() : arr).join('') + '</tr></thead>'; } }, { key: "renderBody", value: function renderBody(rows) { return '<tbody>' + rows.join('') + '</tbody>'; } }, { key: "renderTitle", value: function renderTitle(instance, c, year, month, refYear, randId) { var i = void 0 , j = void 0 , arr = void 0 , opts = this.options , isMinYear = year === opts.minYear , isMaxYear = year === opts.maxYear , html = '<div id="' + randId + '" class="datepicker-controls" role="heading" aria-live="assertive">' , monthHtml = void 0 , yearHtml = void 0 , prev = true , next = true; for (arr = [], i = 0; i < 12; i++) { arr.push('<option value="' + (year === refYear ? i - c : 12 + i - c) + '"' + (i === month ? ' selected="selected"' : '') + (isMinYear && i >< opts.minMonth || isMaxYear && i > opts.maxMonth ? 'disabled="disabled"' : '') + '>' + opts.i18n.months[i] + '</option>'); } monthHtml = '<select class="datepicker-select orig-select-month" tabindex="-1">' + arr.join('') + '</select>'; if ($.isArray(opts.yearRange)) { i = opts.yearRange[0]; j = opts.yearRange[1] + 1; } else { i = year - opts.yearRange; j = 1 + year + opts.yearRange; } for (arr = []; i < j && i <= opts.maxYear; i++) { if (i >= opts.minYear) { arr.push("<option value=\"" + i + "\" " + (i === year ? 'selected="selected"' : '') + ">" + i + "</option>"); } } yearHtml = "<select class=\"datepicker-select orig-select-year\" tabindex=\"-1\">" + arr.join('') + "</select>"; var leftArrow = '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/><path d="M0-.5h24v24H0z" fill="none"/></svg>'; html += "<button class=\"month-prev" + (prev ? '' : ' is-disabled') + "\" type=\"button\">" + leftArrow + "</button>"; html += '<div class="selects-container">'; if (opts.showMonthAfterYear) { html += yearHtml + monthHtml; } else { html += monthHtml + yearHtml; } html += '</div>'; if (isMinYear && (month === 0 || opts.minMonth >= month)) { prev = false; } if (isMaxYear && (month === 11 || opts.maxMonth <= month)) { next = false; } var rightArrow = '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M0-.25h24v24H0z" fill="none"/></svg>'; html += "<button class=\"month-next" + (next ? '' : ' is-disabled') + "\" type=\"button\">" + rightArrow + "</button>"; return html += '</div>'; } /** * refresh the HTML */ }, { key: "draw", value: function draw(force) { if (!this.isOpen && !force) { return; } var opts = this.options , minYear = opts.minYear , maxYear = opts.maxYear , minMonth = opts.minMonth , maxMonth = opts.maxMonth , html = '' , randId = void 0; if (this._y <= minYear) { this._y = minYear; if (!isNaN(minMonth) && this._m < minMonth) { this._m = minMonth; } } if (this._y >= maxYear) { this._y = maxYear; if (!isNaN(maxMonth) && this._m > maxMonth) { this._m = maxMonth; } } randId = 'datepicker-title-' + Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 2); for (var c = 0; c < 1; c++) { this._renderDateDisplay(); html += this.renderTitle(this, c, this.calendars[c].year, this.calendars[c].month, this.calendars[0].year, randId) + this.render(this.calendars[c].year, this.calendars[c].month, randId); } this.destroySelects(); this.calendarEl.innerHTML = html; // Init Materialize Select var yearSelect = this.calendarEl.querySelector('.orig-select-year'); var monthSelect = this.calendarEl.querySelector('.orig-select-month'); M.FormSelect.init(yearSelect, { classes: 'select-year', dropdownOptions: { container: document.body, constrainWidth: false } }); M.FormSelect.init(monthSelect, { classes: 'select-month', dropdownOptions: { container: document.body, constrainWidth: false } }); // Add change handlers for select yearSelect.addEventListener('change', this._handleYearChange.bind(this)); monthSelect.addEventListener('change', this._handleMonthChange.bind(this)); if (typeof this.options.onDraw === 'function') { this.options.onDraw(this); } } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { this._handleInputKeydownBound = this._handleInputKeydown.bind(this); this._handleInputClickBound = this._handleInputClick.bind(this); this._handleInputChangeBound = this._handleInputChange.bind(this); this._handleCalendarClickBound = this._handleCalendarClick.bind(this); this._finishSelectionBound = this._finishSelection.bind(this); this._handleMonthChange = this._handleMonthChange.bind(this); this._closeBound = this.close.bind(this); this.el.addEventListener('click', this._handleInputClickBound); this.el.addEventListener('keydown', this._handleInputKeydownBound); this.el.addEventListener('change', this._handleInputChangeBound); this.calendarEl.addEventListener('click', this._handleCalendarClickBound); this.doneBtn.addEventListener('click', this._finishSelectionBound); this.cancelBtn.addEventListener('click', this._closeBound); if (this.options.showClearBtn) { this._handleClearClickBound = this._handleClearClick.bind(this); this.clearBtn.addEventListener('click', this._handleClearClickBound); } } }, { key: "_setupVariables", value: function _setupVariables() { var _this56 = this; this.$modalEl = $(Datepicker._template); this.modalEl = this.$modalEl[0]; this.calendarEl = this.modalEl.querySelector('.datepicker-calendar'); this.yearTextEl = this.modalEl.querySelector('.year-text'); this.dateTextEl = this.modalEl.querySelector('.date-text'); if (this.options.showClearBtn) { this.clearBtn = this.modalEl.querySelector('.datepicker-clear'); } this.doneBtn = this.modalEl.querySelector('.datepicker-done'); this.cancelBtn = this.modalEl.querySelector('.datepicker-cancel'); this.formats = { d: function() { return _this56.date.getDate(); }, dd: function() { var d = _this56.date.getDate(); return (d < 10 ? '0' : '') + d; }, ddd: function() { return _this56.options.i18n.weekdaysShort[_this56.date.getDay()]; }, dddd: function() { return _this56.options.i18n.weekdays[_this56.date.getDay()]; }, m: function() { return _this56.date.getMonth() + 1; }, mm: function() { var m = _this56.date.getMonth() + 1; return (m < 10 ? '0' : '') + m; }, mmm: function() { return _this56.options.i18n.monthsShort[_this56.date.getMonth()]; }, mmmm: function() { return _this56.options.i18n.months[_this56.date.getMonth()]; }, yy: function() { return ('' + _this56.date.getFullYear()).slice(2); }, yyyy: function() { return _this56.date.getFullYear(); } }; } /** * Remove Event Handlers */ }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { this.el.removeEventListener('click', this._handleInputClickBound); this.el.removeEventListener('keydown', this._handleInputKeydownBound); this.el.removeEventListener('change', this._handleInputChangeBound); this.calendarEl.removeEventListener('click', this._handleCalendarClickBound); } }, { key: "_handleInputClick", value: function _handleInputClick() { this.open(); } }, { key: "_handleInputKeydown", value: function _handleInputKeydown(e) { if (e.which === M.keys.ENTER) { e.preventDefault(); this.open(); } } }, { key: "_handleCalendarClick", value: function _handleCalendarClick(e) { if (!this.isOpen) { return; } var $target = $(e.target); if (!$target.hasClass('is-disabled')) { if ($target.hasClass('datepicker-day-button') && !$target.hasClass('is-empty') && !$target.parent().hasClass('is-disabled')) { this.setDate(new Date(e.target.getAttribute('data-year'),e.target.getAttribute('data-month'),e.target.getAttribute('data-day'))); if (this.options.autoClose) { this._finishSelection(); } } else if ($target.closest('.month-prev').length) { this.prevMonth(); } else if ($target.closest('.month-next').length) { this.nextMonth(); } } } }, { key: "_handleClearClick", value: function _handleClearClick() { this.date = null; this.setInputValue(); this.close(); } }, { key: "_handleMonthChange", value: function _handleMonthChange(e) { this.gotoMonth(e.target.value); } }, { key: "_handleYearChange", value: function _handleYearChange(e) { this.gotoYear(e.target.value); } /** * change view to a specific month (zero-index, e.g. 0: January) */ }, { key: "gotoMonth", value: function gotoMonth(month) { if (!isNaN(month)) { this.calendars[0].month = parseInt(month, 10); this.adjustCalendars(); } } /** * change view to a specific full year (e.g. "2012") */ }, { key: "gotoYear", value: function gotoYear(year) { if (!isNaN(year)) { this.calendars[0].year = parseInt(year, 10); this.adjustCalendars(); } } }, { key: "_handleInputChange", value: function _handleInputChange(e) { var date = void 0; // Prevent change event from being fired when triggered by the plugin if (e.firedBy === this) { return; } if (this.options.parse) { date = this.options.parse(this.el.value, this.options.format); } else { date = new Date(Date.parse(this.el.value)); } if (Datepicker._isDate(date)) { this.setDate(date); } } }, { key: "renderDayName", value: function renderDayName(opts, day, abbr) { day += opts.firstDay; while (day >= 7) { day -= 7; } return abbr ? opts.i18n.weekdaysAbbrev[day] : opts.i18n.weekdays[day]; } /** * Set input value to the selected date and close Datepicker */ }, { key: "_finishSelection", value: function _finishSelection() { this.setInputValue(); this.close(); } /** * Open Datepicker */ }, { key: "open", value: function open() { if (this.isOpen) { return; } this.isOpen = true; if (typeof this.options.onOpen === 'function') { this.options.onOpen.call(this); } this.draw(); this.modal.open(); return this; } /** * Close Datepicker */ }, { key: "close", value: function close() { if (!this.isOpen) { return; } this.isOpen = false; if (typeof this.options.onClose === 'function') { this.options.onClose.call(this); } this.modal.close(); return this; } }], [{ key: "init", value: function init(els, options) { return _get(Datepicker.__proto__ || Object.getPrototypeOf(Datepicker), "init", this).call(this, this, els, options); } }, { key: "_isDate", value: function _isDate(obj) { return (/Date/.test(Object.prototype.toString.call(obj)) && !isNaN(obj.getTime())); } }, { key: "_isWeekend", value: function _isWeekend(date) { var day = date.getDay(); return day === 0 || day === 6; } }, { key: "_setToStartOfDay", value: function _setToStartOfDay(date) { if (Datepicker._isDate(date)) date.setHours(0, 0, 0, 0); } }, { key: "_getDaysInMonth", value: function _getDaysInMonth(year, month) { return [31, Datepicker._isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month]; } }, { key: "_isLeapYear", value: function _isLeapYear(year) { // solution by Matti Virkkunen: http://stackoverflow.com/a/4881951 return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0; } }, { key: "_compareDates", value: function _compareDates(a, b) { // weak date comparison (use setToStartOfDay(date) to ensure correct result) return a.getTime() === b.getTime(); } }, { key: "_setToStartOfDay", value: function _setToStartOfDay(date) { if (Datepicker._isDate(date)) date.setHours(0, 0, 0, 0); } /** * Get Instance */ }, { key: "getInstance", value: function getInstance(el) { var domElem = !!el.jquery ? el[0] : el; return domElem.M_Datepicker; } }, { key: "defaults", get: function() { return _defaults; } }]); return Datepicker; }(Component); Datepicker._template = ['<div class= "modal datepicker-modal">', '<div class="modal-content datepicker-container">', '<div class="datepicker-date-display">', '<span class="year-text"></span>', '<span class="date-text"></span>', '</div>', '<div class="datepicker-calendar-container">', '<div class="datepicker-calendar"></div>', '<div class="datepicker-footer">', '<button class="btn-flat datepicker-clear waves-effect" style="visibility: hidden;" type="button"></button>', '<div class="confirmation-btns">', '<button class="btn-flat datepicker-cancel waves-effect" type="button"></button>', '<button class="btn-flat datepicker-done waves-effect" type="button"></button>', '</div>', '</div>', '</div>', '</div>', '</div>'].join(''); M.Datepicker = Datepicker; if (M.jQueryLoaded) { M.initializeJqueryWrapper(Datepicker, 'datepicker', 'M_Datepicker'); } } )(cash); ;(function($) { 'use strict'; var _defaults = { dialRadius: 135, outerRadius: 105, innerRadius: 70, tickRadius: 20, duration: 350, container: null, defaultTime: 'now', // default time, 'now' or '13:14' e.g. fromNow: 0, // Millisecond offset from the defaultTime showClearBtn: false, // internationalization i18n: { cancel: 'Cancel', clear: 'Clear', done: 'Ok' }, autoClose: false, // auto close when minute is selected twelveHour: true, // change to 12 hour AM/PM clock from 24 hour vibrate: true, // vibrate the device when dragging clock hand // Callbacks onOpenStart: null, onOpenEnd: null, onCloseStart: null, onCloseEnd: null, onSelect: null }; /** * @class * */ var Timepicker = function(_Component16) { _inherits(Timepicker, _Component16); function Timepicker(el, options) { _classCallCheck(this, Timepicker); var _this57 = _possibleConstructorReturn(this, (Timepicker.__proto__ || Object.getPrototypeOf(Timepicker)).call(this, Timepicker, el, options)); _this57.el.M_Timepicker = _this57; _this57.options = $.extend({}, Timepicker.defaults, options); _this57.id = M.guid(); _this57._insertHTMLIntoDOM(); _this57._setupModal(); _this57._setupVariables(); _this57._setupEventHandlers(); _this57._clockSetup(); _this57._pickerSetup(); return _this57; } _createClass(Timepicker, [{ key: "destroy", /** * Teardown component */ value: function destroy() { this._removeEventHandlers(); this.modal.destroy(); $(this.modalEl).remove(); this.el.M_Timepicker = undefined; } /** * Setup Event Handlers */ }, { key: "_setupEventHandlers", value: function _setupEventHandlers() { this._handleInputKeydownBound = this._handleInputKeydown.bind(this); this._handleInputClickBound = this._handleInputClick.bind(this); this._handleClockClickStartBound = this._handleClockClickStart.bind(this); this._handleDocumentClickMoveBound = this._handleDocumentClickMove.bind(this); this._handleDocumentClickEndBound = this._handleDocumentClickEnd.bind(this); this.el.addEventListener('click', this._handleInputClickBound); this.el.addEventListener('keydown', this._handleInputKeydownBound); this.plate.addEventListener('mousedown', this._handleClockClickStartBound); this.plate.addEventListener('touchstart', this._handleClockClickStartBound); $(this.spanHours).on('click', this.showView.bind(this, 'hours')); $(this.spanMinutes).on('click', this.showView.bind(this, 'minutes')); } }, { key: "_removeEventHandlers", value: function _removeEventHandlers() { this.el.removeEventListener('click', this._handleInputClickBound); this.el.removeEventListener('keydown', this._handleInputKeydownBound); } }, { key: "_handleInputClick", value: function _handleInputClick() { this.open(); } }, { key: "_handleInputKeydown", value: function _handleInputKeydown(e) { if (e.which === M.keys.ENTER) { e.preventDefault(); this.open(); } } }, { key: "_handleClockClickStart", value: function _handleClockClickStart(e) { e.preventDefault(); var clockPlateBR = this.plate.getBoundingClientRect(); var offset = { x: clockPlateBR.left, y: clockPlateBR.top }; this.x0 = offset.x + this.options.dialRadius; this.y0 = offset.y + this.options.dialRadius; this.moved = false; var clickPos = Timepicker._Pos(e); this.dx = clickPos.x - this.x0; this.dy = clickPos.y - this.y0; // Set clock hands this.setHand(this.dx, this.dy, false); // Mousemove on document document.addEventListener('mousemove', this._handleDocumentClickMoveBound); document.addEventListener('touchmove', this._handleDocumentClickMoveBound); // Mouseup on document document.addEventListener('mouseup', this._handleDocumentClickEndBound); document.addEventListener('touchend', this._handleDocumentClickEndBound); } }, { key: "_handleDocumentClickMove", value: function _handleDocumentClickMove(e) { e.preventDefault(); var clickPos = Timepicker._Pos(e); var x = clickPos.x - this.x0; var y = clickPos.y - this.y0; this.moved = true; this.setHand(x, y, false, true); } }, { key: "_handleDocumentClickEnd", value: function _handleDocumentClickEnd(e) { var _this58 = this; e.preventDefault(); document.removeEventListener('mouseup', this._handleDocumentClickEndBound); document.removeEventListener('touchend', this._handleDocumentClickEndBound); var clickPos = Timepicker._Pos(e); var x = clickPos.x - this.x0; var y = clickPos.y - this.y0; if (this.moved && x === this.dx && y === this.dy) { this.setHand(x, y); } if (this.currentView === 'hours') { this.showView('minutes', this.options.duration / 2); } else if (this.options.autoClose) { $(this.minutesView).addClass('timepicker-dial-out'); setTimeout(function() { _this58.done(); }, this.options.duration / 2); } if (typeof this.options.onSelect === 'function') { this.options.onSelect.call(this, this.hours, this.minutes); } // Unbind mousemove event document.removeEventListener('mousemove', this._handleDocumentClickMoveBound); document.removeEventListener('touchmove', this._handleDocumentClickMoveBound); } }, { key: "_insertHTMLIntoDOM", value: function _insertHTMLIntoDOM() { this.$modalEl = $(Timepicker._template); this.modalEl = this.$modalEl[0]; this.modalEl.id = 'modal-' + this.id; // Append popover to input by default var containerEl = document.querySelector(this.options.container); if (this.options.container && !!containerEl) { this.$modalEl.appendTo(containerEl); } else { this.$modalEl.insertBefore(this.el); } } }, { key: "_setupModal", value: function _setupModal() { var _this59 = this; this.modal = M.Modal.init(this.modalEl, { onOpenStart: this.options.onOpenStart, onOpenEnd: this.options.onOpenEnd, onCloseStart: this.options.onCloseStart, onCloseEnd: function() { if (typeof _this59.options.onCloseEnd === 'function') { _this59.options.onCloseEnd.call(_this59); } _this59.isOpen = false; } }); } }, { key: "_setupVariables", value: function _setupVariables() { this.currentView = 'hours'; this.vibrate = navigator.vibrate ? 'vibrate' : navigator.webkitVibrate ? 'webkitVibrate' : null; this._canvas = this.modalEl.querySelector('.timepicker-canvas'); this.plate = this.modalEl.querySelector('.timepicker-plate'); this.hoursView = this.modalEl.querySelector('.timepicker-hours'); this.minutesView = this.modalEl.querySelector('.timepicker-minutes'); this.spanHours = this.modalEl.querySelector('.timepicker-span-hours'); this.spanMinutes = this.modalEl.querySelector('.timepicker-span-minutes'); this.spanAmPm = this.modalEl.querySelector('.timepicker-span-am-pm'); this.footer = this.modalEl.querySelector('.timepicker-footer'); this.amOrPm = 'PM'; } }, { key: "_pickerSetup", value: function _pickerSetup() { var $clearBtn = $("<button class=\"btn-flat timepicker-clear waves-effect\" style=\"visibility: hidden;\" type=\"button\" tabindex=\"" + (this.options.twelveHour ? '3' : '1') + "\">" + this.options.i18n.clear + "</button>").appendTo(this.footer).on('click', this.clear.bind(this)); if (this.options.showClearBtn) { $clearBtn.css({ visibility: '' }); } var confirmationBtnsContainer = $('<div class="confirmation-btns"></div>'); $('<button class="btn-flat timepicker-close waves-effect" type="button" tabindex="' + (this.options.twelveHour ? '3' : '1') + '">' + this.options.i18n.cancel + '</button>').appendTo(confirmationBtnsContainer).on('click', this.close.bind(this)); $('<button class="btn-flat timepicker-close waves-effect" type="button" tabindex="' + (this.options.twelveHour ? '3' : '1') + '">' + this.options.i18n.done + '</button>').appendTo(confirmationBtnsContainer).on('click', this.done.bind(this)); confirmationBtnsContainer.appendTo(this.footer); } }, { key: "_clockSetup", value: function _clockSetup() { if (this.options.twelveHour) { this.$amBtn = $('<div class="am-btn">AM</div>'); this.$pmBtn = $('<div class="pm-btn">PM</div>'); this.$amBtn.on('click', this._handleAmPmClick.bind(this)).appendTo(this.spanAmPm); this.$pmBtn.on('click', this._handleAmPmClick.bind(this)).appendTo(this.spanAmPm); } this._buildHoursView(); this._buildMinutesView(); this._buildSVGClock(); } }, { key: "_buildSVGClock", value: function _buildSVGClock() { // Draw clock hands and others var dialRadius = this.options.dialRadius; var tickRadius = this.options.tickRadius; var diameter = dialRadius * 2; var svg = Timepicker._createSVGEl('svg'); svg.setAttribute('class', 'timepicker-svg'); svg.setAttribute('width', diameter); svg.setAttribute('height', diameter); var g = Timepicker._createSVGEl('g'); g.setAttribute('transform', 'translate(' + dialRadius + ',' + dialRadius + ')'); var bearing = Timepicker._createSVGEl('circle'); bearing.setAttribute('class', 'timepicker-canvas-bearing'); bearing.setAttribute('cx', 0); bearing.setAttribute('cy', 0); bearing.setAttribute('r', 4); var hand = Timepicker._createSVGEl('line'); hand.setAttribute('x1', 0); hand.setAttribute('y1', 0); var bg = Timepicker._createSVGEl('circle'); bg.setAttribute('class', 'timepicker-canvas-bg'); bg.setAttribute('r', tickRadius); g.appendChild(hand); g.appendChild(bg); g.appendChild(bearing); svg.appendChild(g); this._canvas.appendChild(svg); this.hand = hand; this.bg = bg; this.bearing = bearing; this.g = g; } }, { key: "_buildHoursView", value: function _buildHoursView() { var $tick = $('<div class="timepicker-tick"></div>'); // Hours view if (this.options.twelveHour) { for (var i = 1; i < 13; i += 1) { var tick = $tick.clone(); var radian = i / 6 * Math.PI; var radius = this.options.outerRadius; tick.css({ left: this.options.dialRadius + Math.sin(radian) * radius - this.options.tickRadius + 'px', top: this.options.dialRadius - Math.cos(radian) * radius - this.options.tickRadius + 'px' }); tick.html(i === 0 ? '00' : i); this.hoursView.appendChild(tick[0]); // tick.on(mousedownEvent, mousedown); } } else { for (var _i2 = 0; _i2 < 24; _i2 += 1) { var _tick = $tick.clone(); var _radian = _i2 / 6 * Math.PI; var inner = _i2 > 0 && _i2 < 13; var _radius = inner ? this.options.innerRadius : this.options.outerRadius; _tick.css({ left: this.options.dialRadius + Math.sin(_radian) * _radius - this.options.tickRadius + 'px', top: this.options.dialRadius - Math.cos(_radian) * _radius - this.options.tickRadius + 'px' }); _tick.html(_i2 === 0 ? '00' : _i2); this.hoursView.appendChild(_tick[0]); // tick.on(mousedownEvent, mousedown); } } } }, { key: "_buildMinutesView", value: function _buildMinutesView() { var $tick = $('<div class="timepicker-tick"></div>'); // Minutes view for (var i = 0; i < 60; i += 5) { var tick = $tick.clone(); var radian = i / 30 * Math.PI; tick.css({ left: this.options.dialRadius + Math.sin(radian) * this.options.outerRadius - this.options.tickRadius + 'px', top: this.options.dialRadius - Math.cos(radian) * this.options.outerRadius - this.options.tickRadius + 'px' })