123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179 |
- /*!
- * Materialize v0.100.2 (http://materializecss.com)
- * Copyright 2014-2017 Materialize
- * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
- */
- 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- // Check for jQuery.
- if (typeof jQuery === 'undefined') {
- // Check if require is a defined function.
- if (typeof require === 'function') {
- jQuery = $ = require('jquery');
- // Else use the dollar sign alias.
- } else {
- jQuery = $;
- }
- }
- ; /*
- * jQuery Easing v1.4.0 - http://gsgd.co.uk/sandbox/jquery/easing/
- * Open source under the BSD License.
- * Copyright © 2008 George McGinley Smith
- * All rights reserved.
- * https://raw.github.com/gdsmith/jquery-easing/master/LICENSE
- */
- (function (factory) {
- if (typeof define === "function" && define.amd) {
- define(['jquery'], function ($) {
- return factory($);
- });
- } else if (typeof module === "object" && typeof module.exports === "object") {
- exports = factory(require('jquery'));
- } else {
- factory(jQuery);
- }
- })(function ($) {
- // Preserve the original jQuery "swing" easing as "jswing"
- $.easing['jswing'] = $.easing['swing'];
- var pow = Math.pow,
- sqrt = Math.sqrt,
- sin = Math.sin,
- cos = Math.cos,
- PI = Math.PI,
- c1 = 1.70158,
- c2 = c1 * 1.525,
- c3 = c1 + 1,
- c4 = 2 * PI / 3,
- c5 = 2 * PI / 4.5;
- // x is the fraction of animation progress, in the range 0..1
- function bounceOut(x) {
- var n1 = 7.5625,
- d1 = 2.75;
- if (x < 1 / d1) {
- return n1 * x * x;
- } else if (x < 2 / d1) {
- return n1 * (x -= 1.5 / d1) * x + .75;
- } else if (x < 2.5 / d1) {
- return n1 * (x -= 2.25 / d1) * x + .9375;
- } else {
- return n1 * (x -= 2.625 / d1) * x + .984375;
- }
- }
- $.extend($.easing, {
- def: 'easeOutQuad',
- swing: function (x) {
- return $.easing[$.easing.def](x);
- },
- easeInQuad: function (x) {
- return x * x;
- },
- easeOutQuad: function (x) {
- return 1 - (1 - x) * (1 - x);
- },
- easeInOutQuad: function (x) {
- return x < 0.5 ? 2 * x * x : 1 - pow(-2 * x + 2, 2) / 2;
- },
- easeInCubic: function (x) {
- return x * x * x;
- },
- easeOutCubic: function (x) {
- return 1 - pow(1 - x, 3);
- },
- easeInOutCubic: function (x) {
- return x < 0.5 ? 4 * x * x * x : 1 - pow(-2 * x + 2, 3) / 2;
- },
- easeInQuart: function (x) {
- return x * x * x * x;
- },
- easeOutQuart: function (x) {
- return 1 - pow(1 - x, 4);
- },
- easeInOutQuart: function (x) {
- return x < 0.5 ? 8 * x * x * x * x : 1 - pow(-2 * x + 2, 4) / 2;
- },
- easeInQuint: function (x) {
- return x * x * x * x * x;
- },
- easeOutQuint: function (x) {
- return 1 - pow(1 - x, 5);
- },
- easeInOutQuint: function (x) {
- return x < 0.5 ? 16 * x * x * x * x * x : 1 - pow(-2 * x + 2, 5) / 2;
- },
- easeInSine: function (x) {
- return 1 - cos(x * PI / 2);
- },
- easeOutSine: function (x) {
- return sin(x * PI / 2);
- },
- easeInOutSine: function (x) {
- return -(cos(PI * x) - 1) / 2;
- },
- easeInExpo: function (x) {
- return x === 0 ? 0 : pow(2, 10 * x - 10);
- },
- easeOutExpo: function (x) {
- return x === 1 ? 1 : 1 - pow(2, -10 * x);
- },
- easeInOutExpo: function (x) {
- return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? pow(2, 20 * x - 10) / 2 : (2 - pow(2, -20 * x + 10)) / 2;
- },
- easeInCirc: function (x) {
- return 1 - sqrt(1 - pow(x, 2));
- },
- easeOutCirc: function (x) {
- return sqrt(1 - pow(x - 1, 2));
- },
- easeInOutCirc: function (x) {
- return x < 0.5 ? (1 - sqrt(1 - pow(2 * x, 2))) / 2 : (sqrt(1 - pow(-2 * x + 2, 2)) + 1) / 2;
- },
- easeInElastic: function (x) {
- return x === 0 ? 0 : x === 1 ? 1 : -pow(2, 10 * x - 10) * sin((x * 10 - 10.75) * c4);
- },
- easeOutElastic: function (x) {
- return x === 0 ? 0 : x === 1 ? 1 : pow(2, -10 * x) * sin((x * 10 - 0.75) * c4) + 1;
- },
- easeInOutElastic: function (x) {
- return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(pow(2, 20 * x - 10) * sin((20 * x - 11.125) * c5)) / 2 : pow(2, -20 * x + 10) * sin((20 * x - 11.125) * c5) / 2 + 1;
- },
- easeInBack: function (x) {
- return c3 * x * x * x - c1 * x * x;
- },
- easeOutBack: function (x) {
- return 1 + c3 * pow(x - 1, 3) + c1 * pow(x - 1, 2);
- },
- easeInOutBack: function (x) {
- return x < 0.5 ? pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2;
- },
- easeInBounce: function (x) {
- return 1 - bounceOut(1 - x);
- },
- easeOutBounce: bounceOut,
- easeInOutBounce: function (x) {
- return x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2;
- }
- });
- });; // Custom Easing
- jQuery.extend(jQuery.easing, {
- easeInOutMaterial: function (x, t, b, c, d) {
- if ((t /= d / 2) < 1) return c / 2 * t * t + b;
- return c / 4 * ((t -= 2) * t * t + 2) + b;
- }
- });; /*! VelocityJS.org (1.2.3). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */
- /*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */
- /*! Note that this has been modified by Materialize to confirm that Velocity is not already being imported. */
- jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly importing Velocity again; note that Materialize includes Velocity.") : (!function (e) {
- function t(e) {
- var t = e.length,
- a = r.type(e); return "function" === a || r.isWindow(e) ? !1 : 1 === e.nodeType && t ? !0 : "array" === a || 0 === t || "number" == typeof t && t > 0 && t - 1 in e;
- } if (!e.jQuery) {
- var r = function (e, t) {
- return new r.fn.init(e, t);
- }; r.isWindow = function (e) {
- return null != e && e == e.window;
- }, r.type = function (e) {
- return null == e ? e + "" : "object" == typeof e || "function" == typeof e ? n[i.call(e)] || "object" : typeof e;
- }, r.isArray = Array.isArray || function (e) {
- return "array" === r.type(e);
- }, r.isPlainObject = function (e) {
- var t; if (!e || "object" !== r.type(e) || e.nodeType || r.isWindow(e)) return !1; try {
- if (e.constructor && !o.call(e, "constructor") && !o.call(e.constructor.prototype, "isPrototypeOf")) return !1;
- } catch (a) {
- return !1;
- } for (t in e) { } return void 0 === t || o.call(e, t);
- }, r.each = function (e, r, a) {
- var n,
- o = 0,
- i = e.length,
- s = t(e); if (a) {
- if (s) for (; i > o && (n = r.apply(e[o], a), n !== !1); o++) { } else for (o in e) {
- if (n = r.apply(e[o], a), n === !1) break;
- }
- } else if (s) for (; i > o && (n = r.call(e[o], o, e[o]), n !== !1); o++) { } else for (o in e) {
- if (n = r.call(e[o], o, e[o]), n === !1) break;
- } return e;
- }, r.data = function (e, t, n) {
- if (void 0 === n) {
- var o = e[r.expando],
- i = o && a[o]; if (void 0 === t) return i; if (i && t in i) return i[t];
- } else if (void 0 !== t) {
- var o = e[r.expando] || (e[r.expando] = ++r.uuid); return a[o] = a[o] || {}, a[o][t] = n, n;
- }
- }, r.removeData = function (e, t) {
- var n = e[r.expando],
- o = n && a[n]; o && r.each(t, function (e, t) {
- delete o[t];
- });
- }, r.extend = function () {
- var e,
- t,
- a,
- n,
- o,
- i,
- s = arguments[0] || {},
- l = 1,
- u = arguments.length,
- c = !1; for ("boolean" == typeof s && (c = s, s = arguments[l] || {}, l++), "object" != typeof s && "function" !== r.type(s) && (s = {}), l === u && (s = this, l--); u > l; l++) {
- if (null != (o = arguments[l])) for (n in o) {
- e = s[n], a = o[n], s !== a && (c && a && (r.isPlainObject(a) || (t = r.isArray(a))) ? (t ? (t = !1, i = e && r.isArray(e) ? e : []) : i = e && r.isPlainObject(e) ? e : {}, s[n] = r.extend(c, i, a)) : void 0 !== a && (s[n] = a));
- }
- } return s;
- }, r.queue = function (e, a, n) {
- function o(e, r) {
- var a = r || []; return null != e && (t(Object(e)) ? !function (e, t) {
- for (var r = +t.length, a = 0, n = e.length; r > a;) {
- e[n++] = t[a++];
- } if (r !== r) for (; void 0 !== t[a];) {
- e[n++] = t[a++];
- } return e.length = n, e;
- }(a, "string" == typeof e ? [e] : e) : [].push.call(a, e)), a;
- } if (e) {
- a = (a || "fx") + "queue"; var i = r.data(e, a); return n ? (!i || r.isArray(n) ? i = r.data(e, a, o(n)) : i.push(n), i) : i || [];
- }
- }, r.dequeue = function (e, t) {
- r.each(e.nodeType ? [e] : e, function (e, a) {
- t = t || "fx"; var n = r.queue(a, t),
- o = n.shift(); "inprogress" === o && (o = n.shift()), o && ("fx" === t && n.unshift("inprogress"), o.call(a, function () {
- r.dequeue(a, t);
- }));
- });
- }, r.fn = r.prototype = {
- init: function (e) {
- if (e.nodeType) return this[0] = e, this; throw new Error("Not a DOM node.");
- }, offset: function () {
- var t = this[0].getBoundingClientRect ? this[0].getBoundingClientRect() : { top: 0, left: 0 }; return { top: t.top + (e.pageYOffset || document.scrollTop || 0) - (document.clientTop || 0), left: t.left + (e.pageXOffset || document.scrollLeft || 0) - (document.clientLeft || 0) };
- }, position: function () {
- function e() {
- for (var e = this.offsetParent || document; e && "html" === !e.nodeType.toLowerCase && "static" === e.style.position;) {
- e = e.offsetParent;
- } return e || document;
- } var t = this[0],
- e = e.apply(t),
- a = this.offset(),
- n = /^(?:body|html)$/i.test(e.nodeName) ? { top: 0, left: 0 } : r(e).offset(); return a.top -= parseFloat(t.style.marginTop) || 0, a.left -= parseFloat(t.style.marginLeft) || 0, e.style && (n.top += parseFloat(e.style.borderTopWidth) || 0, n.left += parseFloat(e.style.borderLeftWidth) || 0), { top: a.top - n.top, left: a.left - n.left };
- }
- }; var a = {}; r.expando = "velocity" + new Date().getTime(), r.uuid = 0; for (var n = {}, o = n.hasOwnProperty, i = n.toString, s = "Boolean Number String Function Array Date RegExp Object Error".split(" "), l = 0; l < s.length; l++) {
- n["[object " + s[l] + "]"] = s[l].toLowerCase();
- } r.fn.init.prototype = r.fn, e.Velocity = { Utilities: r };
- }
- }(window), function (e) {
- "object" == typeof module && "object" == typeof module.exports ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : e();
- }(function () {
- return function (e, t, r, a) {
- function n(e) {
- for (var t = -1, r = e ? e.length : 0, a = []; ++t < r;) {
- var n = e[t]; n && a.push(n);
- } return a;
- } function o(e) {
- return m.isWrapped(e) ? e = [].slice.call(e) : m.isNode(e) && (e = [e]), e;
- } function i(e) {
- var t = f.data(e, "velocity"); return null === t ? a : t;
- } function s(e) {
- return function (t) {
- return Math.round(t * e) * (1 / e);
- };
- } function l(e, r, a, n) {
- function o(e, t) {
- return 1 - 3 * t + 3 * e;
- } function i(e, t) {
- return 3 * t - 6 * e;
- } function s(e) {
- return 3 * e;
- } function l(e, t, r) {
- return ((o(t, r) * e + i(t, r)) * e + s(t)) * e;
- } function u(e, t, r) {
- return 3 * o(t, r) * e * e + 2 * i(t, r) * e + s(t);
- } function c(t, r) {
- for (var n = 0; m > n; ++n) {
- var o = u(r, e, a); if (0 === o) return r; var i = l(r, e, a) - t; r -= i / o;
- } return r;
- } function p() {
- for (var t = 0; b > t; ++t) {
- w[t] = l(t * x, e, a);
- }
- } function f(t, r, n) {
- var o,
- i,
- s = 0; do {
- i = r + (n - r) / 2, o = l(i, e, a) - t, o > 0 ? n = i : r = i;
- } while (Math.abs(o) > h && ++s < v); return i;
- } function d(t) {
- for (var r = 0, n = 1, o = b - 1; n != o && w[n] <= t; ++n) {
- r += x;
- } --n; var i = (t - w[n]) / (w[n + 1] - w[n]),
- s = r + i * x,
- l = u(s, e, a); return l >= y ? c(t, s) : 0 == l ? s : f(t, r, r + x);
- } function g() {
- V = !0, (e != r || a != n) && p();
- } var m = 4,
- y = .001,
- h = 1e-7,
- v = 10,
- b = 11,
- x = 1 / (b - 1),
- S = "Float32Array" in t; if (4 !== arguments.length) return !1; for (var P = 0; 4 > P; ++P) {
- if ("number" != typeof arguments[P] || isNaN(arguments[P]) || !isFinite(arguments[P])) return !1;
- } e = Math.min(e, 1), a = Math.min(a, 1), e = Math.max(e, 0), a = Math.max(a, 0); var w = S ? new Float32Array(b) : new Array(b),
- V = !1,
- C = function (t) {
- return V || g(), e === r && a === n ? t : 0 === t ? 0 : 1 === t ? 1 : l(d(t), r, n);
- }; C.getControlPoints = function () {
- return [{ x: e, y: r }, { x: a, y: n }];
- }; var T = "generateBezier(" + [e, r, a, n] + ")"; return C.toString = function () {
- return T;
- }, C;
- } function u(e, t) {
- var r = e; return m.isString(e) ? b.Easings[e] || (r = !1) : r = m.isArray(e) && 1 === e.length ? s.apply(null, e) : m.isArray(e) && 2 === e.length ? x.apply(null, e.concat([t])) : m.isArray(e) && 4 === e.length ? l.apply(null, e) : !1, r === !1 && (r = b.Easings[b.defaults.easing] ? b.defaults.easing : v), r;
- } function c(e) {
- if (e) {
- var t = new Date().getTime(),
- r = b.State.calls.length; r > 1e4 && (b.State.calls = n(b.State.calls)); for (var o = 0; r > o; o++) {
- if (b.State.calls[o]) {
- var s = b.State.calls[o],
- l = s[0],
- u = s[2],
- d = s[3],
- g = !!d,
- y = null; d || (d = b.State.calls[o][3] = t - 16); for (var h = Math.min((t - d) / u.duration, 1), v = 0, x = l.length; x > v; v++) {
- var P = l[v],
- V = P.element; if (i(V)) {
- var C = !1; if (u.display !== a && null !== u.display && "none" !== u.display) {
- if ("flex" === u.display) {
- var T = ["-webkit-box", "-moz-box", "-ms-flexbox", "-webkit-flex"]; f.each(T, function (e, t) {
- S.setPropertyValue(V, "display", t);
- });
- } S.setPropertyValue(V, "display", u.display);
- } u.visibility !== a && "hidden" !== u.visibility && S.setPropertyValue(V, "visibility", u.visibility); for (var k in P) {
- if ("element" !== k) {
- var A,
- F = P[k],
- j = m.isString(F.easing) ? b.Easings[F.easing] : F.easing; if (1 === h) A = F.endValue; else {
- var E = F.endValue - F.startValue; if (A = F.startValue + E * j(h, u, E), !g && A === F.currentValue) continue;
- } if (F.currentValue = A, "tween" === k) y = A; else {
- if (S.Hooks.registered[k]) {
- var H = S.Hooks.getRoot(k),
- N = i(V).rootPropertyValueCache[H]; N && (F.rootPropertyValue = N);
- } var L = S.setPropertyValue(V, k, F.currentValue + (0 === parseFloat(A) ? "" : F.unitType), F.rootPropertyValue, F.scrollData); S.Hooks.registered[k] && (i(V).rootPropertyValueCache[H] = S.Normalizations.registered[H] ? S.Normalizations.registered[H]("extract", null, L[1]) : L[1]), "transform" === L[0] && (C = !0);
- }
- }
- } u.mobileHA && i(V).transformCache.translate3d === a && (i(V).transformCache.translate3d = "(0px, 0px, 0px)", C = !0), C && S.flushTransformCache(V);
- }
- } u.display !== a && "none" !== u.display && (b.State.calls[o][2].display = !1), u.visibility !== a && "hidden" !== u.visibility && (b.State.calls[o][2].visibility = !1), u.progress && u.progress.call(s[1], s[1], h, Math.max(0, d + u.duration - t), d, y), 1 === h && p(o);
- }
- }
- } b.State.isTicking && w(c);
- } function p(e, t) {
- if (!b.State.calls[e]) return !1; for (var r = b.State.calls[e][0], n = b.State.calls[e][1], o = b.State.calls[e][2], s = b.State.calls[e][4], l = !1, u = 0, c = r.length; c > u; u++) {
- var p = r[u].element; if (t || o.loop || ("none" === o.display && S.setPropertyValue(p, "display", o.display), "hidden" === o.visibility && S.setPropertyValue(p, "visibility", o.visibility)), o.loop !== !0 && (f.queue(p)[1] === a || !/\.velocityQueueEntryFlag/i.test(f.queue(p)[1])) && i(p)) {
- i(p).isAnimating = !1, i(p).rootPropertyValueCache = {}; var d = !1; f.each(S.Lists.transforms3D, function (e, t) {
- var r = /^scale/.test(t) ? 1 : 0,
- n = i(p).transformCache[t]; i(p).transformCache[t] !== a && new RegExp("^\\(" + r + "[^.]").test(n) && (d = !0, delete i(p).transformCache[t]);
- }), o.mobileHA && (d = !0, delete i(p).transformCache.translate3d), d && S.flushTransformCache(p), S.Values.removeClass(p, "velocity-animating");
- } if (!t && o.complete && !o.loop && u === c - 1) try {
- o.complete.call(n, n);
- } catch (g) {
- setTimeout(function () {
- throw g;
- }, 1);
- } s && o.loop !== !0 && s(n), i(p) && o.loop === !0 && !t && (f.each(i(p).tweensContainer, function (e, t) {
- /^rotate/.test(e) && 360 === parseFloat(t.endValue) && (t.endValue = 0, t.startValue = 360), /^backgroundPosition/.test(e) && 100 === parseFloat(t.endValue) && "%" === t.unitType && (t.endValue = 0, t.startValue = 100);
- }), b(p, "reverse", { loop: !0, delay: o.delay })), o.queue !== !1 && f.dequeue(p, o.queue);
- } b.State.calls[e] = !1; for (var m = 0, y = b.State.calls.length; y > m; m++) {
- if (b.State.calls[m] !== !1) {
- l = !0; break;
- }
- } l === !1 && (b.State.isTicking = !1, delete b.State.calls, b.State.calls = []);
- } var f,
- d = function () {
- if (r.documentMode) return r.documentMode; for (var e = 7; e > 4; e--) {
- var t = r.createElement("div"); if (t.innerHTML = "<!--[if IE " + e + "]><span></span><![endif]-->", t.getElementsByTagName("span").length) return t = null, e;
- } return a;
- }(),
- g = function () {
- var e = 0; return t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || function (t) {
- var r,
- a = new Date().getTime(); return r = Math.max(0, 16 - (a - e)), e = a + r, setTimeout(function () {
- t(a + r);
- }, r);
- };
- }(),
- m = {
- isString: function (e) {
- return "string" == typeof e;
- }, isArray: Array.isArray || function (e) {
- return "[object Array]" === Object.prototype.toString.call(e);
- }, isFunction: function (e) {
- return "[object Function]" === Object.prototype.toString.call(e);
- }, isNode: function (e) {
- return e && e.nodeType;
- }, isNodeList: function (e) {
- return "object" == typeof e && /^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e)) && e.length !== a && (0 === e.length || "object" == typeof e[0] && e[0].nodeType > 0);
- }, isWrapped: function (e) {
- return e && (e.jquery || t.Zepto && t.Zepto.zepto.isZ(e));
- }, isSVG: function (e) {
- return t.SVGElement && e instanceof t.SVGElement;
- }, isEmptyObject: function (e) {
- for (var t in e) {
- return !1;
- } return !0;
- }
- },
- y = !1; if (e.fn && e.fn.jquery ? (f = e, y = !0) : f = t.Velocity.Utilities, 8 >= d && !y) throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity."); if (7 >= d) return void (jQuery.fn.velocity = jQuery.fn.animate); var h = 400,
- v = "swing",
- b = {
- State: { isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), isAndroid: /Android/i.test(navigator.userAgent), isGingerbread: /Android 2\.3\.[3-7]/i.test(navigator.userAgent), isChrome: t.chrome, isFirefox: /Firefox/i.test(navigator.userAgent), prefixElement: r.createElement("div"), prefixMatches: {}, scrollAnchor: null, scrollPropertyLeft: null, scrollPropertyTop: null, isTicking: !1, calls: [] }, CSS: {}, Utilities: f, Redirects: {}, Easings: {}, Promise: t.Promise, defaults: { queue: "", duration: h, easing: v, begin: a, complete: a, progress: a, display: a, visibility: a, loop: !1, delay: !1, mobileHA: !0, _cacheValues: !0 }, init: function (e) {
- f.data(e, "velocity", { isSVG: m.isSVG(e), isAnimating: !1, computedStyle: null, tweensContainer: null, rootPropertyValueCache: {}, transformCache: {} });
- }, hook: null, mock: !1, version: { major: 1, minor: 2, patch: 2 }, debug: !1
- }; t.pageYOffset !== a ? (b.State.scrollAnchor = t, b.State.scrollPropertyLeft = "pageXOffset", b.State.scrollPropertyTop = "pageYOffset") : (b.State.scrollAnchor = r.documentElement || r.body.parentNode || r.body, b.State.scrollPropertyLeft = "scrollLeft", b.State.scrollPropertyTop = "scrollTop"); var x = function () {
- function e(e) {
- return -e.tension * e.x - e.friction * e.v;
- } function t(t, r, a) {
- var n = { x: t.x + a.dx * r, v: t.v + a.dv * r, tension: t.tension, friction: t.friction }; return { dx: n.v, dv: e(n) };
- } function r(r, a) {
- var n = { dx: r.v, dv: e(r) },
- o = t(r, .5 * a, n),
- i = t(r, .5 * a, o),
- s = t(r, a, i),
- l = 1 / 6 * (n.dx + 2 * (o.dx + i.dx) + s.dx),
- u = 1 / 6 * (n.dv + 2 * (o.dv + i.dv) + s.dv); return r.x = r.x + l * a, r.v = r.v + u * a, r;
- } return function a(e, t, n) {
- var o,
- i,
- s,
- l = { x: -1, v: 0, tension: null, friction: null },
- u = [0],
- c = 0,
- p = 1e-4,
- f = .016; for (e = parseFloat(e) || 500, t = parseFloat(t) || 20, n = n || null, l.tension = e, l.friction = t, o = null !== n, o ? (c = a(e, t), i = c / n * f) : i = f; s = r(s || l, i), u.push(1 + s.x), c += 16, Math.abs(s.x) > p && Math.abs(s.v) > p;) { } return o ? function (e) {
- return u[e * (u.length - 1) | 0];
- } : c;
- };
- }(); b.Easings = {
- linear: function (e) {
- return e;
- }, swing: function (e) {
- return .5 - Math.cos(e * Math.PI) / 2;
- }, spring: function (e) {
- return 1 - Math.cos(4.5 * e * Math.PI) * Math.exp(6 * -e);
- }
- }, f.each([["ease", [.25, .1, .25, 1]], ["ease-in", [.42, 0, 1, 1]], ["ease-out", [0, 0, .58, 1]], ["ease-in-out", [.42, 0, .58, 1]], ["easeInSine", [.47, 0, .745, .715]], ["easeOutSine", [.39, .575, .565, 1]], ["easeInOutSine", [.445, .05, .55, .95]], ["easeInQuad", [.55, .085, .68, .53]], ["easeOutQuad", [.25, .46, .45, .94]], ["easeInOutQuad", [.455, .03, .515, .955]], ["easeInCubic", [.55, .055, .675, .19]], ["easeOutCubic", [.215, .61, .355, 1]], ["easeInOutCubic", [.645, .045, .355, 1]], ["easeInQuart", [.895, .03, .685, .22]], ["easeOutQuart", [.165, .84, .44, 1]], ["easeInOutQuart", [.77, 0, .175, 1]], ["easeInQuint", [.755, .05, .855, .06]], ["easeOutQuint", [.23, 1, .32, 1]], ["easeInOutQuint", [.86, 0, .07, 1]], ["easeInExpo", [.95, .05, .795, .035]], ["easeOutExpo", [.19, 1, .22, 1]], ["easeInOutExpo", [1, 0, 0, 1]], ["easeInCirc", [.6, .04, .98, .335]], ["easeOutCirc", [.075, .82, .165, 1]], ["easeInOutCirc", [.785, .135, .15, .86]]], function (e, t) {
- b.Easings[t[0]] = l.apply(null, t[1]);
- }); var S = b.CSS = {
- RegEx: { isHex: /^#([A-f\d]{3}){1,2}$/i, valueUnwrap: /^[A-z]+\((.*)\)$/i, wrappedValueAlreadyExtracted: /[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/, valueSplit: /([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi }, Lists: { colors: ["fill", "stroke", "stopColor", "color", "backgroundColor", "borderColor", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor", "outlineColor"], transformsBase: ["translateX", "translateY", "scale", "scaleX", "scaleY", "skewX", "skewY", "rotateZ"], transforms3D: ["transformPerspective", "translateZ", "scaleZ", "rotateX", "rotateY"] }, Hooks: {
- templates: { textShadow: ["Color X Y Blur", "black 0px 0px 0px"], boxShadow: ["Color X Y Blur Spread", "black 0px 0px 0px 0px"], clip: ["Top Right Bottom Left", "0px 0px 0px 0px"], backgroundPosition: ["X Y", "0% 0%"], transformOrigin: ["X Y Z", "50% 50% 0px"], perspectiveOrigin: ["X Y", "50% 50%"] }, registered: {}, register: function () {
- for (var e = 0; e < S.Lists.colors.length; e++) {
- var t = "color" === S.Lists.colors[e] ? "0 0 0 1" : "255 255 255 1"; S.Hooks.templates[S.Lists.colors[e]] = ["Red Green Blue Alpha", t];
- } var r, a, n; if (d) for (r in S.Hooks.templates) {
- a = S.Hooks.templates[r], n = a[0].split(" "); var o = a[1].match(S.RegEx.valueSplit); "Color" === n[0] && (n.push(n.shift()), o.push(o.shift()), S.Hooks.templates[r] = [n.join(" "), o.join(" ")]);
- } for (r in S.Hooks.templates) {
- a = S.Hooks.templates[r], n = a[0].split(" "); for (var e in n) {
- var i = r + n[e],
- s = e; S.Hooks.registered[i] = [r, s];
- }
- }
- }, getRoot: function (e) {
- var t = S.Hooks.registered[e]; return t ? t[0] : e;
- }, cleanRootPropertyValue: function (e, t) {
- return S.RegEx.valueUnwrap.test(t) && (t = t.match(S.RegEx.valueUnwrap)[1]), S.Values.isCSSNullValue(t) && (t = S.Hooks.templates[e][1]), t;
- }, extractValue: function (e, t) {
- var r = S.Hooks.registered[e]; if (r) {
- var a = r[0],
- n = r[1]; return t = S.Hooks.cleanRootPropertyValue(a, t), t.toString().match(S.RegEx.valueSplit)[n];
- } return t;
- }, injectValue: function (e, t, r) {
- var a = S.Hooks.registered[e]; if (a) {
- var n,
- o,
- i = a[0],
- s = a[1]; return r = S.Hooks.cleanRootPropertyValue(i, r), n = r.toString().match(S.RegEx.valueSplit), n[s] = t, o = n.join(" ");
- } return r;
- }
- }, Normalizations: {
- registered: {
- clip: function (e, t, r) {
- switch (e) {
- case "name":
- return "clip"; case "extract":
- var a; return S.RegEx.wrappedValueAlreadyExtracted.test(r) ? a = r : (a = r.toString().match(S.RegEx.valueUnwrap), a = a ? a[1].replace(/,(\s+)?/g, " ") : r), a; case "inject":
- return "rect(" + r + ")";
- }
- }, blur: function (e, t, r) {
- switch (e) {
- case "name":
- return b.State.isFirefox ? "filter" : "-webkit-filter"; case "extract":
- var a = parseFloat(r); if (!a && 0 !== a) {
- var n = r.toString().match(/blur\(([0-9]+[A-z]+)\)/i); a = n ? n[1] : 0;
- } return a; case "inject":
- return parseFloat(r) ? "blur(" + r + ")" : "none";
- }
- }, opacity: function (e, t, r) {
- if (8 >= d) switch (e) {
- case "name":
- return "filter"; case "extract":
- var a = r.toString().match(/alpha\(opacity=(.*)\)/i); return r = a ? a[1] / 100 : 1; case "inject":
- return t.style.zoom = 1, parseFloat(r) >= 1 ? "" : "alpha(opacity=" + parseInt(100 * parseFloat(r), 10) + ")";
- } else switch (e) {
- case "name":
- return "opacity"; case "extract":
- return r; case "inject":
- return r;
- }
- }
- }, register: function () {
- 9 >= d || b.State.isGingerbread || (S.Lists.transformsBase = S.Lists.transformsBase.concat(S.Lists.transforms3D)); for (var e = 0; e < S.Lists.transformsBase.length; e++) {
- !function () {
- var t = S.Lists.transformsBase[e]; S.Normalizations.registered[t] = function (e, r, n) {
- switch (e) {
- case "name":
- return "transform"; case "extract":
- return i(r) === a || i(r).transformCache[t] === a ? /^scale/i.test(t) ? 1 : 0 : i(r).transformCache[t].replace(/[()]/g, ""); case "inject":
- var o = !1; switch (t.substr(0, t.length - 1)) {
- case "translate":
- o = !/(%|px|em|rem|vw|vh|\d)$/i.test(n); break; case "scal": case "scale":
- b.State.isAndroid && i(r).transformCache[t] === a && 1 > n && (n = 1), o = !/(\d)$/i.test(n); break; case "skew":
- o = !/(deg|\d)$/i.test(n); break; case "rotate":
- o = !/(deg|\d)$/i.test(n);
- }return o || (i(r).transformCache[t] = "(" + n + ")"), i(r).transformCache[t];
- }
- };
- }();
- } for (var e = 0; e < S.Lists.colors.length; e++) {
- !function () {
- var t = S.Lists.colors[e]; S.Normalizations.registered[t] = function (e, r, n) {
- switch (e) {
- case "name":
- return t; case "extract":
- var o; if (S.RegEx.wrappedValueAlreadyExtracted.test(n)) o = n; else {
- var i,
- s = { black: "rgb(0, 0, 0)", blue: "rgb(0, 0, 255)", gray: "rgb(128, 128, 128)", green: "rgb(0, 128, 0)", red: "rgb(255, 0, 0)", white: "rgb(255, 255, 255)" }; /^[A-z]+$/i.test(n) ? i = s[n] !== a ? s[n] : s.black : S.RegEx.isHex.test(n) ? i = "rgb(" + S.Values.hexToRgb(n).join(" ") + ")" : /^rgba?\(/i.test(n) || (i = s.black), o = (i || n).toString().match(S.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g, " ");
- } return 8 >= d || 3 !== o.split(" ").length || (o += " 1"), o; case "inject":
- return 8 >= d ? 4 === n.split(" ").length && (n = n.split(/\s+/).slice(0, 3).join(" ")) : 3 === n.split(" ").length && (n += " 1"), (8 >= d ? "rgb" : "rgba") + "(" + n.replace(/\s+/g, ",").replace(/\.(\d)+(?=,)/g, "") + ")";
- }
- };
- }();
- }
- }
- }, Names: {
- camelCase: function (e) {
- return e.replace(/-(\w)/g, function (e, t) {
- return t.toUpperCase();
- });
- }, SVGAttribute: function (e) {
- var t = "width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2"; return (d || b.State.isAndroid && !b.State.isChrome) && (t += "|transform"), new RegExp("^(" + t + ")$", "i").test(e);
- }, prefixCheck: function (e) {
- if (b.State.prefixMatches[e]) return [b.State.prefixMatches[e], !0]; for (var t = ["", "Webkit", "Moz", "ms", "O"], r = 0, a = t.length; a > r; r++) {
- var n; if (n = 0 === r ? e : t[r] + e.replace(/^\w/, function (e) {
- return e.toUpperCase();
- }), m.isString(b.State.prefixElement.style[n])) return b.State.prefixMatches[e] = n, [n, !0];
- } return [e, !1];
- }
- }, Values: {
- hexToRgb: function (e) {
- var t,
- r = /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
- a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i; return e = e.replace(r, function (e, t, r, a) {
- return t + t + r + r + a + a;
- }), t = a.exec(e), t ? [parseInt(t[1], 16), parseInt(t[2], 16), parseInt(t[3], 16)] : [0, 0, 0];
- }, isCSSNullValue: function (e) {
- return 0 == e || /^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(e);
- }, getUnitType: function (e) {
- return (/^(rotate|skew)/i.test(e) ? "deg" : /(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(e) ? "" : "px"
- );
- }, getDisplayType: function (e) {
- var t = e && e.tagName.toString().toLowerCase(); return (/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(t) ? "inline" : /^(li)$/i.test(t) ? "list-item" : /^(tr)$/i.test(t) ? "table-row" : /^(table)$/i.test(t) ? "table" : /^(tbody)$/i.test(t) ? "table-row-group" : "block"
- );
- }, addClass: function (e, t) {
- e.classList ? e.classList.add(t) : e.className += (e.className.length ? " " : "") + t;
- }, removeClass: function (e, t) {
- e.classList ? e.classList.remove(t) : e.className = e.className.toString().replace(new RegExp("(^|\\s)" + t.split(" ").join("|") + "(\\s|$)", "gi"), " ");
- }
- }, getPropertyValue: function (e, r, n, o) {
- function s(e, r) {
- function n() {
- u && S.setPropertyValue(e, "display", "none");
- } var l = 0; if (8 >= d) l = f.css(e, r); else {
- var u = !1; if (/^(width|height)$/.test(r) && 0 === S.getPropertyValue(e, "display") && (u = !0, S.setPropertyValue(e, "display", S.Values.getDisplayType(e))), !o) {
- if ("height" === r && "border-box" !== S.getPropertyValue(e, "boxSizing").toString().toLowerCase()) {
- var c = e.offsetHeight - (parseFloat(S.getPropertyValue(e, "borderTopWidth")) || 0) - (parseFloat(S.getPropertyValue(e, "borderBottomWidth")) || 0) - (parseFloat(S.getPropertyValue(e, "paddingTop")) || 0) - (parseFloat(S.getPropertyValue(e, "paddingBottom")) || 0); return n(), c;
- } if ("width" === r && "border-box" !== S.getPropertyValue(e, "boxSizing").toString().toLowerCase()) {
- var p = e.offsetWidth - (parseFloat(S.getPropertyValue(e, "borderLeftWidth")) || 0) - (parseFloat(S.getPropertyValue(e, "borderRightWidth")) || 0) - (parseFloat(S.getPropertyValue(e, "paddingLeft")) || 0) - (parseFloat(S.getPropertyValue(e, "paddingRight")) || 0); return n(), p;
- }
- } var g; g = i(e) === a ? t.getComputedStyle(e, null) : i(e).computedStyle ? i(e).computedStyle : i(e).computedStyle = t.getComputedStyle(e, null), "borderColor" === r && (r = "borderTopColor"), l = 9 === d && "filter" === r ? g.getPropertyValue(r) : g[r], ("" === l || null === l) && (l = e.style[r]), n();
- } if ("auto" === l && /^(top|right|bottom|left)$/i.test(r)) {
- var m = s(e, "position"); ("fixed" === m || "absolute" === m && /top|left/i.test(r)) && (l = f(e).position()[r] + "px");
- } return l;
- } var l; if (S.Hooks.registered[r]) {
- var u = r,
- c = S.Hooks.getRoot(u); n === a && (n = S.getPropertyValue(e, S.Names.prefixCheck(c)[0])), S.Normalizations.registered[c] && (n = S.Normalizations.registered[c]("extract", e, n)), l = S.Hooks.extractValue(u, n);
- } else if (S.Normalizations.registered[r]) {
- var p, g; p = S.Normalizations.registered[r]("name", e), "transform" !== p && (g = s(e, S.Names.prefixCheck(p)[0]), S.Values.isCSSNullValue(g) && S.Hooks.templates[r] && (g = S.Hooks.templates[r][1])), l = S.Normalizations.registered[r]("extract", e, g);
- } if (!/^[\d-]/.test(l)) if (i(e) && i(e).isSVG && S.Names.SVGAttribute(r)) {
- if (/^(height|width)$/i.test(r)) try {
- l = e.getBBox()[r];
- } catch (m) {
- l = 0;
- } else l = e.getAttribute(r);
- } else l = s(e, S.Names.prefixCheck(r)[0]); return S.Values.isCSSNullValue(l) && (l = 0), b.debug >= 2 && console.log("Get " + r + ": " + l), l;
- }, setPropertyValue: function (e, r, a, n, o) {
- var s = r; if ("scroll" === r) o.container ? o.container["scroll" + o.direction] = a : "Left" === o.direction ? t.scrollTo(a, o.alternateValue) : t.scrollTo(o.alternateValue, a); else if (S.Normalizations.registered[r] && "transform" === S.Normalizations.registered[r]("name", e)) S.Normalizations.registered[r]("inject", e, a), s = "transform", a = i(e).transformCache[r]; else {
- if (S.Hooks.registered[r]) {
- var l = r,
- u = S.Hooks.getRoot(r); n = n || S.getPropertyValue(e, u), a = S.Hooks.injectValue(l, a, n), r = u;
- } if (S.Normalizations.registered[r] && (a = S.Normalizations.registered[r]("inject", e, a), r = S.Normalizations.registered[r]("name", e)), s = S.Names.prefixCheck(r)[0], 8 >= d) try {
- e.style[s] = a;
- } catch (c) {
- b.debug && console.log("Browser does not support [" + a + "] for [" + s + "]");
- } else i(e) && i(e).isSVG && S.Names.SVGAttribute(r) ? e.setAttribute(r, a) : e.style[s] = a; b.debug >= 2 && console.log("Set " + r + " (" + s + "): " + a);
- } return [s, a];
- }, flushTransformCache: function (e) {
- function t(t) {
- return parseFloat(S.getPropertyValue(e, t));
- } var r = ""; if ((d || b.State.isAndroid && !b.State.isChrome) && i(e).isSVG) {
- var a = { translate: [t("translateX"), t("translateY")], skewX: [t("skewX")], skewY: [t("skewY")], scale: 1 !== t("scale") ? [t("scale"), t("scale")] : [t("scaleX"), t("scaleY")], rotate: [t("rotateZ"), 0, 0] }; f.each(i(e).transformCache, function (e) {
- /^translate/i.test(e) ? e = "translate" : /^scale/i.test(e) ? e = "scale" : /^rotate/i.test(e) && (e = "rotate"), a[e] && (r += e + "(" + a[e].join(" ") + ") ", delete a[e]);
- });
- } else {
- var n, o; f.each(i(e).transformCache, function (t) {
- return n = i(e).transformCache[t], "transformPerspective" === t ? (o = n, !0) : (9 === d && "rotateZ" === t && (t = "rotate"), void (r += t + n + " "));
- }), o && (r = "perspective" + o + " " + r);
- } S.setPropertyValue(e, "transform", r);
- }
- }; S.Hooks.register(), S.Normalizations.register(), b.hook = function (e, t, r) {
- var n = a; return e = o(e), f.each(e, function (e, o) {
- if (i(o) === a && b.init(o), r === a) n === a && (n = b.CSS.getPropertyValue(o, t)); else {
- var s = b.CSS.setPropertyValue(o, t, r); "transform" === s[0] && b.CSS.flushTransformCache(o), n = s;
- }
- }), n;
- }; var P = function () {
- function e() {
- return s ? k.promise || null : l;
- } function n() {
- function e(e) {
- function p(e, t) {
- var r = a,
- n = a,
- i = a; return m.isArray(e) ? (r = e[0], !m.isArray(e[1]) && /^[\d-]/.test(e[1]) || m.isFunction(e[1]) || S.RegEx.isHex.test(e[1]) ? i = e[1] : (m.isString(e[1]) && !S.RegEx.isHex.test(e[1]) || m.isArray(e[1])) && (n = t ? e[1] : u(e[1], s.duration), e[2] !== a && (i = e[2]))) : r = e, t || (n = n || s.easing), m.isFunction(r) && (r = r.call(o, V, w)), m.isFunction(i) && (i = i.call(o, V, w)), [r || 0, n, i];
- } function d(e, t) {
- var r, a; return a = (t || "0").toString().toLowerCase().replace(/[%A-z]+$/, function (e) {
- return r = e, "";
- }), r || (r = S.Values.getUnitType(e)), [a, r];
- } function h() {
- var e = { myParent: o.parentNode || r.body, position: S.getPropertyValue(o, "position"), fontSize: S.getPropertyValue(o, "fontSize") },
- a = e.position === L.lastPosition && e.myParent === L.lastParent,
- n = e.fontSize === L.lastFontSize; L.lastParent = e.myParent, L.lastPosition = e.position, L.lastFontSize = e.fontSize; var s = 100,
- l = {}; if (n && a) l.emToPx = L.lastEmToPx, l.percentToPxWidth = L.lastPercentToPxWidth, l.percentToPxHeight = L.lastPercentToPxHeight; else {
- var u = i(o).isSVG ? r.createElementNS("http://www.w3.org/2000/svg", "rect") : r.createElement("div"); b.init(u), e.myParent.appendChild(u), f.each(["overflow", "overflowX", "overflowY"], function (e, t) {
- b.CSS.setPropertyValue(u, t, "hidden");
- }), b.CSS.setPropertyValue(u, "position", e.position), b.CSS.setPropertyValue(u, "fontSize", e.fontSize), b.CSS.setPropertyValue(u, "boxSizing", "content-box"), f.each(["minWidth", "maxWidth", "width", "minHeight", "maxHeight", "height"], function (e, t) {
- b.CSS.setPropertyValue(u, t, s + "%");
- }), b.CSS.setPropertyValue(u, "paddingLeft", s + "em"), l.percentToPxWidth = L.lastPercentToPxWidth = (parseFloat(S.getPropertyValue(u, "width", null, !0)) || 1) / s, l.percentToPxHeight = L.lastPercentToPxHeight = (parseFloat(S.getPropertyValue(u, "height", null, !0)) || 1) / s, l.emToPx = L.lastEmToPx = (parseFloat(S.getPropertyValue(u, "paddingLeft")) || 1) / s, e.myParent.removeChild(u);
- } return null === L.remToPx && (L.remToPx = parseFloat(S.getPropertyValue(r.body, "fontSize")) || 16), null === L.vwToPx && (L.vwToPx = parseFloat(t.innerWidth) / 100, L.vhToPx = parseFloat(t.innerHeight) / 100), l.remToPx = L.remToPx, l.vwToPx = L.vwToPx, l.vhToPx = L.vhToPx, b.debug >= 1 && console.log("Unit ratios: " + JSON.stringify(l), o), l;
- } if (s.begin && 0 === V) try {
- s.begin.call(g, g);
- } catch (x) {
- setTimeout(function () {
- throw x;
- }, 1);
- } if ("scroll" === A) {
- var P,
- C,
- T,
- F = /^x$/i.test(s.axis) ? "Left" : "Top",
- j = parseFloat(s.offset) || 0; s.container ? m.isWrapped(s.container) || m.isNode(s.container) ? (s.container = s.container[0] || s.container, P = s.container["scroll" + F], T = P + f(o).position()[F.toLowerCase()] + j) : s.container = null : (P = b.State.scrollAnchor[b.State["scrollProperty" + F]], C = b.State.scrollAnchor[b.State["scrollProperty" + ("Left" === F ? "Top" : "Left")]], T = f(o).offset()[F.toLowerCase()] + j), l = { scroll: { rootPropertyValue: !1, startValue: P, currentValue: P, endValue: T, unitType: "", easing: s.easing, scrollData: { container: s.container, direction: F, alternateValue: C } }, element: o }, b.debug && console.log("tweensContainer (scroll): ", l.scroll, o);
- } else if ("reverse" === A) {
- if (!i(o).tweensContainer) return void f.dequeue(o, s.queue); "none" === i(o).opts.display && (i(o).opts.display = "auto"), "hidden" === i(o).opts.visibility && (i(o).opts.visibility = "visible"), i(o).opts.loop = !1, i(o).opts.begin = null, i(o).opts.complete = null, v.easing || delete s.easing, v.duration || delete s.duration, s = f.extend({}, i(o).opts, s); var E = f.extend(!0, {}, i(o).tweensContainer); for (var H in E) {
- if ("element" !== H) {
- var N = E[H].startValue; E[H].startValue = E[H].currentValue = E[H].endValue, E[H].endValue = N, m.isEmptyObject(v) || (E[H].easing = s.easing), b.debug && console.log("reverse tweensContainer (" + H + "): " + JSON.stringify(E[H]), o);
- }
- } l = E;
- } else if ("start" === A) {
- var E; i(o).tweensContainer && i(o).isAnimating === !0 && (E = i(o).tweensContainer), f.each(y, function (e, t) {
- if (RegExp("^" + S.Lists.colors.join("$|^") + "$").test(e)) {
- var r = p(t, !0),
- n = r[0],
- o = r[1],
- i = r[2]; if (S.RegEx.isHex.test(n)) {
- for (var s = ["Red", "Green", "Blue"], l = S.Values.hexToRgb(n), u = i ? S.Values.hexToRgb(i) : a, c = 0; c < s.length; c++) {
- var f = [l[c]]; o && f.push(o), u !== a && f.push(u[c]), y[e + s[c]] = f;
- } delete y[e];
- }
- }
- }); for (var z in y) {
- var O = p(y[z]),
- q = O[0],
- $ = O[1],
- M = O[2]; z = S.Names.camelCase(z); var I = S.Hooks.getRoot(z),
- B = !1; if (i(o).isSVG || "tween" === I || S.Names.prefixCheck(I)[1] !== !1 || S.Normalizations.registered[I] !== a) {
- (s.display !== a && null !== s.display && "none" !== s.display || s.visibility !== a && "hidden" !== s.visibility) && /opacity|filter/.test(z) && !M && 0 !== q && (M = 0), s._cacheValues && E && E[z] ? (M === a && (M = E[z].endValue + E[z].unitType), B = i(o).rootPropertyValueCache[I]) : S.Hooks.registered[z] ? M === a ? (B = S.getPropertyValue(o, I), M = S.getPropertyValue(o, z, B)) : B = S.Hooks.templates[I][1] : M === a && (M = S.getPropertyValue(o, z)); var W,
- G,
- Y,
- D = !1; if (W = d(z, M), M = W[0], Y = W[1], W = d(z, q), q = W[0].replace(/^([+-\/*])=/, function (e, t) {
- return D = t, "";
- }), G = W[1], M = parseFloat(M) || 0, q = parseFloat(q) || 0, "%" === G && (/^(fontSize|lineHeight)$/.test(z) ? (q /= 100, G = "em") : /^scale/.test(z) ? (q /= 100, G = "") : /(Red|Green|Blue)$/i.test(z) && (q = q / 100 * 255, G = "")), /[\/*]/.test(D)) G = Y; else if (Y !== G && 0 !== M) if (0 === q) G = Y; else {
- n = n || h(); var Q = /margin|padding|left|right|width|text|word|letter/i.test(z) || /X$/.test(z) || "x" === z ? "x" : "y"; switch (Y) {
- case "%":
- M *= "x" === Q ? n.percentToPxWidth : n.percentToPxHeight; break; case "px":
- break; default:
- M *= n[Y + "ToPx"];
- }switch (G) {
- case "%":
- M *= 1 / ("x" === Q ? n.percentToPxWidth : n.percentToPxHeight); break; case "px":
- break; default:
- M *= 1 / n[G + "ToPx"];
- }
- } switch (D) {
- case "+":
- q = M + q; break; case "-":
- q = M - q; break; case "*":
- q = M * q; break; case "/":
- q = M / q;
- }l[z] = { rootPropertyValue: B, startValue: M, currentValue: M, endValue: q, unitType: G, easing: $ }, b.debug && console.log("tweensContainer (" + z + "): " + JSON.stringify(l[z]), o);
- } else b.debug && console.log("Skipping [" + I + "] due to a lack of browser support.");
- } l.element = o;
- } l.element && (S.Values.addClass(o, "velocity-animating"), R.push(l), "" === s.queue && (i(o).tweensContainer = l, i(o).opts = s), i(o).isAnimating = !0, V === w - 1 ? (b.State.calls.push([R, g, s, null, k.resolver]), b.State.isTicking === !1 && (b.State.isTicking = !0, c())) : V++);
- } var n,
- o = this,
- s = f.extend({}, b.defaults, v),
- l = {}; switch (i(o) === a && b.init(o), parseFloat(s.delay) && s.queue !== !1 && f.queue(o, s.queue, function (e) {
- b.velocityQueueEntryFlag = !0, i(o).delayTimer = { setTimeout: setTimeout(e, parseFloat(s.delay)), next: e };
- }), s.duration.toString().toLowerCase()) {
- case "fast":
- s.duration = 200; break; case "normal":
- s.duration = h; break; case "slow":
- s.duration = 600; break; default:
- s.duration = parseFloat(s.duration) || 1;
- }b.mock !== !1 && (b.mock === !0 ? s.duration = s.delay = 1 : (s.duration *= parseFloat(b.mock) || 1, s.delay *= parseFloat(b.mock) || 1)), s.easing = u(s.easing, s.duration), s.begin && !m.isFunction(s.begin) && (s.begin = null), s.progress && !m.isFunction(s.progress) && (s.progress = null), s.complete && !m.isFunction(s.complete) && (s.complete = null), s.display !== a && null !== s.display && (s.display = s.display.toString().toLowerCase(), "auto" === s.display && (s.display = b.CSS.Values.getDisplayType(o))), s.visibility !== a && null !== s.visibility && (s.visibility = s.visibility.toString().toLowerCase()), s.mobileHA = s.mobileHA && b.State.isMobile && !b.State.isGingerbread, s.queue === !1 ? s.delay ? setTimeout(e, s.delay) : e() : f.queue(o, s.queue, function (t, r) {
- return r === !0 ? (k.promise && k.resolver(g), !0) : (b.velocityQueueEntryFlag = !0, void e(t));
- }), "" !== s.queue && "fx" !== s.queue || "inprogress" === f.queue(o)[0] || f.dequeue(o);
- } var s,
- l,
- d,
- g,
- y,
- v,
- x = arguments[0] && (arguments[0].p || f.isPlainObject(arguments[0].properties) && !arguments[0].properties.names || m.isString(arguments[0].properties)); if (m.isWrapped(this) ? (s = !1, d = 0, g = this, l = this) : (s = !0, d = 1, g = x ? arguments[0].elements || arguments[0].e : arguments[0]), g = o(g)) {
- x ? (y = arguments[0].properties || arguments[0].p, v = arguments[0].options || arguments[0].o) : (y = arguments[d], v = arguments[d + 1]); var w = g.length,
- V = 0; if (!/^(stop|finish)$/i.test(y) && !f.isPlainObject(v)) {
- var C = d + 1; v = {}; for (var T = C; T < arguments.length; T++) {
- m.isArray(arguments[T]) || !/^(fast|normal|slow)$/i.test(arguments[T]) && !/^\d/.test(arguments[T]) ? m.isString(arguments[T]) || m.isArray(arguments[T]) ? v.easing = arguments[T] : m.isFunction(arguments[T]) && (v.complete = arguments[T]) : v.duration = arguments[T];
- }
- } var k = { promise: null, resolver: null, rejecter: null }; s && b.Promise && (k.promise = new b.Promise(function (e, t) {
- k.resolver = e, k.rejecter = t;
- })); var A; switch (y) {
- case "scroll":
- A = "scroll"; break; case "reverse":
- A = "reverse"; break; case "finish": case "stop":
- f.each(g, function (e, t) {
- i(t) && i(t).delayTimer && (clearTimeout(i(t).delayTimer.setTimeout), i(t).delayTimer.next && i(t).delayTimer.next(), delete i(t).delayTimer);
- }); var F = []; return f.each(b.State.calls, function (e, t) {
- t && f.each(t[1], function (r, n) {
- var o = v === a ? "" : v; return o === !0 || t[2].queue === o || v === a && t[2].queue === !1 ? void f.each(g, function (r, a) {
- a === n && ((v === !0 || m.isString(v)) && (f.each(f.queue(a, m.isString(v) ? v : ""), function (e, t) {
- m.isFunction(t) && t(null, !0);
- }), f.queue(a, m.isString(v) ? v : "", [])), "stop" === y ? (i(a) && i(a).tweensContainer && o !== !1 && f.each(i(a).tweensContainer, function (e, t) {
- t.endValue = t.currentValue;
- }), F.push(e)) : "finish" === y && (t[2].duration = 1));
- }) : !0;
- });
- }), "stop" === y && (f.each(F, function (e, t) {
- p(t, !0);
- }), k.promise && k.resolver(g)), e(); default:
- if (!f.isPlainObject(y) || m.isEmptyObject(y)) {
- if (m.isString(y) && b.Redirects[y]) {
- var j = f.extend({}, v),
- E = j.duration,
- H = j.delay || 0; return j.backwards === !0 && (g = f.extend(!0, [], g).reverse()), f.each(g, function (e, t) {
- parseFloat(j.stagger) ? j.delay = H + parseFloat(j.stagger) * e : m.isFunction(j.stagger) && (j.delay = H + j.stagger.call(t, e, w)), j.drag && (j.duration = parseFloat(E) || (/^(callout|transition)/.test(y) ? 1e3 : h), j.duration = Math.max(j.duration * (j.backwards ? 1 - e / w : (e + 1) / w), .75 * j.duration, 200)), b.Redirects[y].call(t, t, j || {}, e, w, g, k.promise ? k : a);
- }), e();
- } var N = "Velocity: First argument (" + y + ") was not a property map, a known action, or a registered redirect. Aborting."; return k.promise ? k.rejecter(new Error(N)) : console.log(N), e();
- } A = "start";
- }var L = { lastParent: null, lastPosition: null, lastFontSize: null, lastPercentToPxWidth: null, lastPercentToPxHeight: null, lastEmToPx: null, remToPx: null, vwToPx: null, vhToPx: null },
- R = []; f.each(g, function (e, t) {
- m.isNode(t) && n.call(t);
- }); var z,
- j = f.extend({}, b.defaults, v); if (j.loop = parseInt(j.loop), z = 2 * j.loop - 1, j.loop) for (var O = 0; z > O; O++) {
- var q = { delay: j.delay, progress: j.progress }; O === z - 1 && (q.display = j.display, q.visibility = j.visibility, q.complete = j.complete), P(g, "reverse", q);
- } return e();
- }
- }; b = f.extend(P, b), b.animate = P; var w = t.requestAnimationFrame || g; return b.State.isMobile || r.hidden === a || r.addEventListener("visibilitychange", function () {
- r.hidden ? (w = function (e) {
- return setTimeout(function () {
- e(!0);
- }, 16);
- }, c()) : w = t.requestAnimationFrame || g;
- }), e.Velocity = b, e !== t && (e.fn.velocity = P, e.fn.velocity.defaults = b.defaults), f.each(["Down", "Up"], function (e, t) {
- b.Redirects["slide" + t] = function (e, r, n, o, i, s) {
- var l = f.extend({}, r),
- u = l.begin,
- c = l.complete,
- p = { height: "", marginTop: "", marginBottom: "", paddingTop: "", paddingBottom: "" },
- d = {}; l.display === a && (l.display = "Down" === t ? "inline" === b.CSS.Values.getDisplayType(e) ? "inline-block" : "block" : "none"), l.begin = function () {
- u && u.call(i, i); for (var r in p) {
- d[r] = e.style[r]; var a = b.CSS.getPropertyValue(e, r); p[r] = "Down" === t ? [a, 0] : [0, a];
- } d.overflow = e.style.overflow, e.style.overflow = "hidden";
- }, l.complete = function () {
- for (var t in d) {
- e.style[t] = d[t];
- } c && c.call(i, i), s && s.resolver(i);
- }, b(e, p, l);
- };
- }), f.each(["In", "Out"], function (e, t) {
- b.Redirects["fade" + t] = function (e, r, n, o, i, s) {
- var l = f.extend({}, r),
- u = { opacity: "In" === t ? 1 : 0 },
- c = l.complete; l.complete = n !== o - 1 ? l.begin = null : function () {
- c && c.call(i, i), s && s.resolver(i);
- }, l.display === a && (l.display = "In" === t ? "auto" : "none"), b(this, u, l);
- };
- }), b;
- }(window.jQuery || window.Zepto || window, window, document);
- }));
- ; !function (a, b, c, d) {
- "use strict";
- function k(a, b, c) {
- return setTimeout(q(a, c), b);
- } function l(a, b, c) {
- return Array.isArray(a) ? (m(a, c[b], c), !0) : !1;
- } function m(a, b, c) {
- var e; if (a) if (a.forEach) a.forEach(b, c); else if (a.length !== d) for (e = 0; e < a.length;) {
- b.call(c, a[e], e, a), e++;
- } else for (e in a) {
- a.hasOwnProperty(e) && b.call(c, a[e], e, a);
- }
- } function n(a, b, c) {
- for (var e = Object.keys(b), f = 0; f < e.length;) {
- (!c || c && a[e[f]] === d) && (a[e[f]] = b[e[f]]), f++;
- } return a;
- } function o(a, b) {
- return n(a, b, !0);
- } function p(a, b, c) {
- var e,
- d = b.prototype; e = a.prototype = Object.create(d), e.constructor = a, e._super = d, c && n(e, c);
- } function q(a, b) {
- return function () {
- return a.apply(b, arguments);
- };
- } function r(a, b) {
- return typeof a == g ? a.apply(b ? b[0] || d : d, b) : a;
- } function s(a, b) {
- return a === d ? b : a;
- } function t(a, b, c) {
- m(x(b), function (b) {
- a.addEventListener(b, c, !1);
- });
- } function u(a, b, c) {
- m(x(b), function (b) {
- a.removeEventListener(b, c, !1);
- });
- } function v(a, b) {
- for (; a;) {
- if (a == b) return !0; a = a.parentNode;
- } return !1;
- } function w(a, b) {
- return a.indexOf(b) > -1;
- } function x(a) {
- return a.trim().split(/\s+/g);
- } function y(a, b, c) {
- if (a.indexOf && !c) return a.indexOf(b); for (var d = 0; d < a.length;) {
- if (c && a[d][c] == b || !c && a[d] === b) return d; d++;
- } return -1;
- } function z(a) {
- return Array.prototype.slice.call(a, 0);
- } function A(a, b, c) {
- for (var d = [], e = [], f = 0; f < a.length;) {
- var g = b ? a[f][b] : a[f]; y(e, g) < 0 && d.push(a[f]), e[f] = g, f++;
- } return c && (d = b ? d.sort(function (a, c) {
- return a[b] > c[b];
- }) : d.sort()), d;
- } function B(a, b) {
- for (var c, f, g = b[0].toUpperCase() + b.slice(1), h = 0; h < e.length;) {
- if (c = e[h], f = c ? c + g : b, f in a) return f; h++;
- } return d;
- } function D() {
- return C++;
- } function E(a) {
- var b = a.ownerDocument; return b.defaultView || b.parentWindow;
- } function ab(a, b) {
- var c = this; this.manager = a, this.callback = b, this.element = a.element, this.target = a.options.inputTarget, this.domHandler = function (b) {
- r(a.options.enable, [a]) && c.handler(b);
- }, this.init();
- } function bb(a) {
- var b,
- c = a.options.inputClass; return b = c ? c : H ? wb : I ? Eb : G ? Gb : rb, new b(a, cb);
- } function cb(a, b, c) {
- var d = c.pointers.length,
- e = c.changedPointers.length,
- f = b & O && 0 === d - e,
- g = b & (Q | R) && 0 === d - e; c.isFirst = !!f, c.isFinal = !!g, f && (a.session = {}), c.eventType = b, db(a, c), a.emit("hammer.input", c), a.recognize(c), a.session.prevInput = c;
- } function db(a, b) {
- var c = a.session,
- d = b.pointers,
- e = d.length; c.firstInput || (c.firstInput = gb(b)), e > 1 && !c.firstMultiple ? c.firstMultiple = gb(b) : 1 === e && (c.firstMultiple = !1); var f = c.firstInput,
- g = c.firstMultiple,
- h = g ? g.center : f.center,
- i = b.center = hb(d); b.timeStamp = j(), b.deltaTime = b.timeStamp - f.timeStamp, b.angle = lb(h, i), b.distance = kb(h, i), eb(c, b), b.offsetDirection = jb(b.deltaX, b.deltaY), b.scale = g ? nb(g.pointers, d) : 1, b.rotation = g ? mb(g.pointers, d) : 0, fb(c, b); var k = a.element; v(b.srcEvent.target, k) && (k = b.srcEvent.target), b.target = k;
- } function eb(a, b) {
- var c = b.center,
- d = a.offsetDelta || {},
- e = a.prevDelta || {},
- f = a.prevInput || {}; (b.eventType === O || f.eventType === Q) && (e = a.prevDelta = { x: f.deltaX || 0, y: f.deltaY || 0 }, d = a.offsetDelta = { x: c.x, y: c.y }), b.deltaX = e.x + (c.x - d.x), b.deltaY = e.y + (c.y - d.y);
- } function fb(a, b) {
- var f,
- g,
- h,
- j,
- c = a.lastInterval || b,
- e = b.timeStamp - c.timeStamp; if (b.eventType != R && (e > N || c.velocity === d)) {
- var k = c.deltaX - b.deltaX,
- l = c.deltaY - b.deltaY,
- m = ib(e, k, l); g = m.x, h = m.y, f = i(m.x) > i(m.y) ? m.x : m.y, j = jb(k, l), a.lastInterval = b;
- } else f = c.velocity, g = c.velocityX, h = c.velocityY, j = c.direction; b.velocity = f, b.velocityX = g, b.velocityY = h, b.direction = j;
- } function gb(a) {
- for (var b = [], c = 0; c < a.pointers.length;) {
- b[c] = { clientX: h(a.pointers[c].clientX), clientY: h(a.pointers[c].clientY) }, c++;
- } return { timeStamp: j(), pointers: b, center: hb(b), deltaX: a.deltaX, deltaY: a.deltaY };
- } function hb(a) {
- var b = a.length; if (1 === b) return { x: h(a[0].clientX), y: h(a[0].clientY) }; for (var c = 0, d = 0, e = 0; b > e;) {
- c += a[e].clientX, d += a[e].clientY, e++;
- } return { x: h(c / b), y: h(d / b) };
- } function ib(a, b, c) {
- return { x: b / a || 0, y: c / a || 0 };
- } function jb(a, b) {
- return a === b ? S : i(a) >= i(b) ? a > 0 ? T : U : b > 0 ? V : W;
- } function kb(a, b, c) {
- c || (c = $); var d = b[c[0]] - a[c[0]],
- e = b[c[1]] - a[c[1]]; return Math.sqrt(d * d + e * e);
- } function lb(a, b, c) {
- c || (c = $); var d = b[c[0]] - a[c[0]],
- e = b[c[1]] - a[c[1]]; return 180 * Math.atan2(e, d) / Math.PI;
- } function mb(a, b) {
- return lb(b[1], b[0], _) - lb(a[1], a[0], _);
- } function nb(a, b) {
- return kb(b[0], b[1], _) / kb(a[0], a[1], _);
- } function rb() {
- this.evEl = pb, this.evWin = qb, this.allow = !0, this.pressed = !1, ab.apply(this, arguments);
- } function wb() {
- this.evEl = ub, this.evWin = vb, ab.apply(this, arguments), this.store = this.manager.session.pointerEvents = [];
- } function Ab() {
- this.evTarget = yb, this.evWin = zb, this.started = !1, ab.apply(this, arguments);
- } function Bb(a, b) {
- var c = z(a.touches),
- d = z(a.changedTouches); return b & (Q | R) && (c = A(c.concat(d), "identifier", !0)), [c, d];
- } function Eb() {
- this.evTarget = Db, this.targetIds = {}, ab.apply(this, arguments);
- } function Fb(a, b) {
- var c = z(a.touches),
- d = this.targetIds; if (b & (O | P) && 1 === c.length) return d[c[0].identifier] = !0, [c, c]; var e,
- f,
- g = z(a.changedTouches),
- h = [],
- i = this.target; if (f = c.filter(function (a) {
- return v(a.target, i);
- }), b === O) for (e = 0; e < f.length;) {
- d[f[e].identifier] = !0, e++;
- } for (e = 0; e < g.length;) {
- d[g[e].identifier] && h.push(g[e]), b & (Q | R) && delete d[g[e].identifier], e++;
- } return h.length ? [A(f.concat(h), "identifier", !0), h] : void 0;
- } function Gb() {
- ab.apply(this, arguments); var a = q(this.handler, this); this.touch = new Eb(this.manager, a), this.mouse = new rb(this.manager, a);
- } function Pb(a, b) {
- this.manager = a, this.set(b);
- } function Qb(a) {
- if (w(a, Mb)) return Mb; var b = w(a, Nb),
- c = w(a, Ob); return b && c ? Nb + " " + Ob : b || c ? b ? Nb : Ob : w(a, Lb) ? Lb : Kb;
- } function Yb(a) {
- this.id = D(), this.manager = null, this.options = o(a || {}, this.defaults), this.options.enable = s(this.options.enable, !0), this.state = Rb, this.simultaneous = {}, this.requireFail = [];
- } function Zb(a) {
- return a & Wb ? "cancel" : a & Ub ? "end" : a & Tb ? "move" : a & Sb ? "start" : "";
- } function $b(a) {
- return a == W ? "down" : a == V ? "up" : a == T ? "left" : a == U ? "right" : "";
- } function _b(a, b) {
- var c = b.manager; return c ? c.get(a) : a;
- } function ac() {
- Yb.apply(this, arguments);
- } function bc() {
- ac.apply(this, arguments), this.pX = null, this.pY = null;
- } function cc() {
- ac.apply(this, arguments);
- } function dc() {
- Yb.apply(this, arguments), this._timer = null, this._input = null;
- } function ec() {
- ac.apply(this, arguments);
- } function fc() {
- ac.apply(this, arguments);
- } function gc() {
- Yb.apply(this, arguments), this.pTime = !1, this.pCenter = !1, this._timer = null, this._input = null, this.count = 0;
- } function hc(a, b) {
- return b = b || {}, b.recognizers = s(b.recognizers, hc.defaults.preset), new kc(a, b);
- } function kc(a, b) {
- b = b || {}, this.options = o(b, hc.defaults), this.options.inputTarget = this.options.inputTarget || a, this.handlers = {}, this.session = {}, this.recognizers = [], this.element = a, this.input = bb(this), this.touchAction = new Pb(this, this.options.touchAction), lc(this, !0), m(b.recognizers, function (a) {
- var b = this.add(new a[0](a[1])); a[2] && b.recognizeWith(a[2]), a[3] && b.requireFailure(a[3]);
- }, this);
- } function lc(a, b) {
- var c = a.element; m(a.options.cssProps, function (a, d) {
- c.style[B(c.style, d)] = b ? a : "";
- });
- } function mc(a, c) {
- var d = b.createEvent("Event"); d.initEvent(a, !0, !0), d.gesture = c, c.target.dispatchEvent(d);
- } var e = ["", "webkit", "moz", "MS", "ms", "o"],
- f = b.createElement("div"),
- g = "function",
- h = Math.round,
- i = Math.abs,
- j = Date.now,
- C = 1,
- F = /mobile|tablet|ip(ad|hone|od)|android/i,
- G = "ontouchstart" in a,
- H = B(a, "PointerEvent") !== d,
- I = G && F.test(navigator.userAgent),
- J = "touch",
- K = "pen",
- L = "mouse",
- M = "kinect",
- N = 25,
- O = 1,
- P = 2,
- Q = 4,
- R = 8,
- S = 1,
- T = 2,
- U = 4,
- V = 8,
- W = 16,
- X = T | U,
- Y = V | W,
- Z = X | Y,
- $ = ["x", "y"],
- _ = ["clientX", "clientY"]; ab.prototype = {
- handler: function () { }, init: function () {
- this.evEl && t(this.element, this.evEl, this.domHandler), this.evTarget && t(this.target, this.evTarget, this.domHandler), this.evWin && t(E(this.element), this.evWin, this.domHandler);
- }, destroy: function () {
- this.evEl && u(this.element, this.evEl, this.domHandler), this.evTarget && u(this.target, this.evTarget, this.domHandler), this.evWin && u(E(this.element), this.evWin, this.domHandler);
- }
- }; var ob = { mousedown: O, mousemove: P, mouseup: Q },
- pb = "mousedown",
- qb = "mousemove mouseup"; p(rb, ab, {
- handler: function (a) {
- var b = ob[a.type]; b & O && 0 === a.button && (this.pressed = !0), b & P && 1 !== a.which && (b = Q), this.pressed && this.allow && (b & Q && (this.pressed = !1), this.callback(this.manager, b, { pointers: [a], changedPointers: [a], pointerType: L, srcEvent: a }));
- }
- }); var sb = { pointerdown: O, pointermove: P, pointerup: Q, pointercancel: R, pointerout: R },
- tb = { 2: J, 3: K, 4: L, 5: M },
- ub = "pointerdown",
- vb = "pointermove pointerup pointercancel"; a.MSPointerEvent && (ub = "MSPointerDown", vb = "MSPointerMove MSPointerUp MSPointerCancel"), p(wb, ab, {
- handler: function (a) {
- var b = this.store,
- c = !1,
- d = a.type.toLowerCase().replace("ms", ""),
- e = sb[d],
- f = tb[a.pointerType] || a.pointerType,
- g = f == J,
- h = y(b, a.pointerId, "pointerId"); e & O && (0 === a.button || g) ? 0 > h && (b.push(a), h = b.length - 1) : e & (Q | R) && (c = !0), 0 > h || (b[h] = a, this.callback(this.manager, e, { pointers: b, changedPointers: [a], pointerType: f, srcEvent: a }), c && b.splice(h, 1));
- }
- }); var xb = { touchstart: O, touchmove: P, touchend: Q, touchcancel: R },
- yb = "touchstart",
- zb = "touchstart touchmove touchend touchcancel"; p(Ab, ab, {
- handler: function (a) {
- var b = xb[a.type]; if (b === O && (this.started = !0), this.started) {
- var c = Bb.call(this, a, b); b & (Q | R) && 0 === c[0].length - c[1].length && (this.started = !1), this.callback(this.manager, b, { pointers: c[0], changedPointers: c[1], pointerType: J, srcEvent: a });
- }
- }
- }); var Cb = { touchstart: O, touchmove: P, touchend: Q, touchcancel: R },
- Db = "touchstart touchmove touchend touchcancel"; p(Eb, ab, {
- handler: function (a) {
- var b = Cb[a.type],
- c = Fb.call(this, a, b); c && this.callback(this.manager, b, { pointers: c[0], changedPointers: c[1], pointerType: J, srcEvent: a });
- }
- }), p(Gb, ab, {
- handler: function (a, b, c) {
- var d = c.pointerType == J,
- e = c.pointerType == L; if (d) this.mouse.allow = !1; else if (e && !this.mouse.allow) return; b & (Q | R) && (this.mouse.allow = !0), this.callback(a, b, c);
- }, destroy: function () {
- this.touch.destroy(), this.mouse.destroy();
- }
- }); var Hb = B(f.style, "touchAction"),
- Ib = Hb !== d,
- Jb = "compute",
- Kb = "auto",
- Lb = "manipulation",
- Mb = "none",
- Nb = "pan-x",
- Ob = "pan-y"; Pb.prototype = {
- set: function (a) {
- a == Jb && (a = this.compute()), Ib && (this.manager.element.style[Hb] = a), this.actions = a.toLowerCase().trim();
- }, update: function () {
- this.set(this.manager.options.touchAction);
- }, compute: function () {
- var a = []; return m(this.manager.recognizers, function (b) {
- r(b.options.enable, [b]) && (a = a.concat(b.getTouchAction()));
- }), Qb(a.join(" "));
- }, preventDefaults: function (a) {
- if (!Ib) {
- var b = a.srcEvent,
- c = a.offsetDirection; if (this.manager.session.prevented) return b.preventDefault(), void 0; var d = this.actions,
- e = w(d, Mb),
- f = w(d, Ob),
- g = w(d, Nb); return e || f && c & X || g && c & Y ? this.preventSrc(b) : void 0;
- }
- }, preventSrc: function (a) {
- this.manager.session.prevented = !0, a.preventDefault();
- }
- }; var Rb = 1,
- Sb = 2,
- Tb = 4,
- Ub = 8,
- Vb = Ub,
- Wb = 16,
- Xb = 32; Yb.prototype = {
- defaults: {}, set: function (a) {
- return n(this.options, a), this.manager && this.manager.touchAction.update(), this;
- }, recognizeWith: function (a) {
- if (l(a, "recognizeWith", this)) return this; var b = this.simultaneous; return a = _b(a, this), b[a.id] || (b[a.id] = a, a.recognizeWith(this)), this;
- }, dropRecognizeWith: function (a) {
- return l(a, "dropRecognizeWith", this) ? this : (a = _b(a, this), delete this.simultaneous[a.id], this);
- }, requireFailure: function (a) {
- if (l(a, "requireFailure", this)) return this; var b = this.requireFail; return a = _b(a, this), -1 === y(b, a) && (b.push(a), a.requireFailure(this)), this;
- }, dropRequireFailure: function (a) {
- if (l(a, "dropRequireFailure", this)) return this; a = _b(a, this); var b = y(this.requireFail, a); return b > -1 && this.requireFail.splice(b, 1), this;
- }, hasRequireFailures: function () {
- return this.requireFail.length > 0;
- }, canRecognizeWith: function (a) {
- return !!this.simultaneous[a.id];
- }, emit: function (a) {
- function d(d) {
- b.manager.emit(b.options.event + (d ? Zb(c) : ""), a);
- } var b = this,
- c = this.state; Ub > c && d(!0), d(), c >= Ub && d(!0);
- }, tryEmit: function (a) {
- return this.canEmit() ? this.emit(a) : (this.state = Xb, void 0);
- }, canEmit: function () {
- for (var a = 0; a < this.requireFail.length;) {
- if (!(this.requireFail[a].state & (Xb | Rb))) return !1; a++;
- } return !0;
- }, recognize: function (a) {
- var b = n({}, a); return r(this.options.enable, [this, b]) ? (this.state & (Vb | Wb | Xb) && (this.state = Rb), this.state = this.process(b), this.state & (Sb | Tb | Ub | Wb) && this.tryEmit(b), void 0) : (this.reset(), this.state = Xb, void 0);
- }, process: function () { }, getTouchAction: function () { }, reset: function () { }
- }, p(ac, Yb, {
- defaults: { pointers: 1 }, attrTest: function (a) {
- var b = this.options.pointers; return 0 === b || a.pointers.length === b;
- }, process: function (a) {
- var b = this.state,
- c = a.eventType,
- d = b & (Sb | Tb),
- e = this.attrTest(a); return d && (c & R || !e) ? b | Wb : d || e ? c & Q ? b | Ub : b & Sb ? b | Tb : Sb : Xb;
- }
- }), p(bc, ac, {
- defaults: { event: "pan", threshold: 10, pointers: 1, direction: Z }, getTouchAction: function () {
- var a = this.options.direction,
- b = []; return a & X && b.push(Ob), a & Y && b.push(Nb), b;
- }, directionTest: function (a) {
- var b = this.options,
- c = !0,
- d = a.distance,
- e = a.direction,
- f = a.deltaX,
- g = a.deltaY; return e & b.direction || (b.direction & X ? (e = 0 === f ? S : 0 > f ? T : U, c = f != this.pX, d = Math.abs(a.deltaX)) : (e = 0 === g ? S : 0 > g ? V : W, c = g != this.pY, d = Math.abs(a.deltaY))), a.direction = e, c && d > b.threshold && e & b.direction;
- }, attrTest: function (a) {
- return ac.prototype.attrTest.call(this, a) && (this.state & Sb || !(this.state & Sb) && this.directionTest(a));
- }, emit: function (a) {
- this.pX = a.deltaX, this.pY = a.deltaY; var b = $b(a.direction); b && this.manager.emit(this.options.event + b, a), this._super.emit.call(this, a);
- }
- }), p(cc, ac, {
- defaults: { event: "pinch", threshold: 0, pointers: 2 }, getTouchAction: function () {
- return [Mb];
- }, attrTest: function (a) {
- return this._super.attrTest.call(this, a) && (Math.abs(a.scale - 1) > this.options.threshold || this.state & Sb);
- }, emit: function (a) {
- if (this._super.emit.call(this, a), 1 !== a.scale) {
- var b = a.scale < 1 ? "in" : "out"; this.manager.emit(this.options.event + b, a);
- }
- }
- }), p(dc, Yb, {
- defaults: { event: "press", pointers: 1, time: 500, threshold: 5 }, getTouchAction: function () {
- return [Kb];
- }, process: function (a) {
- var b = this.options,
- c = a.pointers.length === b.pointers,
- d = a.distance < b.threshold,
- e = a.deltaTime > b.time; if (this._input = a, !d || !c || a.eventType & (Q | R) && !e) this.reset(); else if (a.eventType & O) this.reset(), this._timer = k(function () {
- this.state = Vb, this.tryEmit();
- }, b.time, this); else if (a.eventType & Q) return Vb; return Xb;
- }, reset: function () {
- clearTimeout(this._timer);
- }, emit: function (a) {
- this.state === Vb && (a && a.eventType & Q ? this.manager.emit(this.options.event + "up", a) : (this._input.timeStamp = j(), this.manager.emit(this.options.event, this._input)));
- }
- }), p(ec, ac, {
- defaults: { event: "rotate", threshold: 0, pointers: 2 }, getTouchAction: function () {
- return [Mb];
- }, attrTest: function (a) {
- return this._super.attrTest.call(this, a) && (Math.abs(a.rotation) > this.options.threshold || this.state & Sb);
- }
- }), p(fc, ac, {
- defaults: { event: "swipe", threshold: 10, velocity: .65, direction: X | Y, pointers: 1 }, getTouchAction: function () {
- return bc.prototype.getTouchAction.call(this);
- }, attrTest: function (a) {
- var c,
- b = this.options.direction; return b & (X | Y) ? c = a.velocity : b & X ? c = a.velocityX : b & Y && (c = a.velocityY), this._super.attrTest.call(this, a) && b & a.direction && a.distance > this.options.threshold && i(c) > this.options.velocity && a.eventType & Q;
- }, emit: function (a) {
- var b = $b(a.direction); b && this.manager.emit(this.options.event + b, a), this.manager.emit(this.options.event, a);
- }
- }), p(gc, Yb, {
- defaults: { event: "tap", pointers: 1, taps: 1, interval: 300, time: 250, threshold: 2, posThreshold: 10 }, getTouchAction: function () {
- return [Lb];
- }, process: function (a) {
- var b = this.options,
- c = a.pointers.length === b.pointers,
- d = a.distance < b.threshold,
- e = a.deltaTime < b.time; if (this.reset(), a.eventType & O && 0 === this.count) return this.failTimeout(); if (d && e && c) {
- if (a.eventType != Q) return this.failTimeout(); var f = this.pTime ? a.timeStamp - this.pTime < b.interval : !0,
- g = !this.pCenter || kb(this.pCenter, a.center) < b.posThreshold; this.pTime = a.timeStamp, this.pCenter = a.center, g && f ? this.count += 1 : this.count = 1, this._input = a; var h = this.count % b.taps; if (0 === h) return this.hasRequireFailures() ? (this._timer = k(function () {
- this.state = Vb, this.tryEmit();
- }, b.interval, this), Sb) : Vb;
- } return Xb;
- }, failTimeout: function () {
- return this._timer = k(function () {
- this.state = Xb;
- }, this.options.interval, this), Xb;
- }, reset: function () {
- clearTimeout(this._timer);
- }, emit: function () {
- this.state == Vb && (this._input.tapCount = this.count, this.manager.emit(this.options.event, this._input));
- }
- }), hc.VERSION = "2.0.4", hc.defaults = { domEvents: !1, touchAction: Jb, enable: !0, inputTarget: null, inputClass: null, preset: [[ec, { enable: !1 }], [cc, { enable: !1 }, ["rotate"]], [fc, { direction: X }], [bc, { direction: X }, ["swipe"]], [gc], [gc, { event: "doubletap", taps: 2 }, ["tap"]], [dc]], cssProps: { userSelect: "default", touchSelect: "none", touchCallout: "none", contentZooming: "none", userDrag: "none", tapHighlightColor: "rgba(0,0,0,0)" } }; var ic = 1,
- jc = 2; kc.prototype = {
- set: function (a) {
- return n(this.options, a), a.touchAction && this.touchAction.update(), a.inputTarget && (this.input.destroy(), this.input.target = a.inputTarget, this.input.init()), this;
- }, stop: function (a) {
- this.session.stopped = a ? jc : ic;
- }, recognize: function (a) {
- var b = this.session; if (!b.stopped) {
- this.touchAction.preventDefaults(a); var c,
- d = this.recognizers,
- e = b.curRecognizer; (!e || e && e.state & Vb) && (e = b.curRecognizer = null); for (var f = 0; f < d.length;) {
- c = d[f], b.stopped === jc || e && c != e && !c.canRecognizeWith(e) ? c.reset() : c.recognize(a), !e && c.state & (Sb | Tb | Ub) && (e = b.curRecognizer = c), f++;
- }
- }
- }, get: function (a) {
- if (a instanceof Yb) return a; for (var b = this.recognizers, c = 0; c < b.length; c++) {
- if (b[c].options.event == a) return b[c];
- } return null;
- }, add: function (a) {
- if (l(a, "add", this)) return this; var b = this.get(a.options.event); return b && this.remove(b), this.recognizers.push(a), a.manager = this, this.touchAction.update(), a;
- }, remove: function (a) {
- if (l(a, "remove", this)) return this; var b = this.recognizers; return a = this.get(a), b.splice(y(b, a), 1), this.touchAction.update(), this;
- }, on: function (a, b) {
- var c = this.handlers; return m(x(a), function (a) {
- c[a] = c[a] || [], c[a].push(b);
- }), this;
- }, off: function (a, b) {
- var c = this.handlers; return m(x(a), function (a) {
- b ? c[a].splice(y(c[a], b), 1) : delete c[a];
- }), this;
- }, emit: function (a, b) {
- this.options.domEvents && mc(a, b); var c = this.handlers[a] && this.handlers[a].slice(); if (c && c.length) {
- b.type = a, b.preventDefault = function () {
- b.srcEvent.preventDefault();
- }; for (var d = 0; d < c.length;) {
- c[d](b), d++;
- }
- }
- }, destroy: function () {
- this.element && lc(this, !1), this.handlers = {}, this.session = {}, this.input.destroy(), this.element = null;
- }
- }, n(hc, { INPUT_START: O, INPUT_MOVE: P, INPUT_END: Q, INPUT_CANCEL: R, STATE_POSSIBLE: Rb, STATE_BEGAN: Sb, STATE_CHANGED: Tb, STATE_ENDED: Ub, STATE_RECOGNIZED: Vb, STATE_CANCELLED: Wb, STATE_FAILED: Xb, DIRECTION_NONE: S, DIRECTION_LEFT: T, DIRECTION_RIGHT: U, DIRECTION_UP: V, DIRECTION_DOWN: W, DIRECTION_HORIZONTAL: X, DIRECTION_VERTICAL: Y, DIRECTION_ALL: Z, Manager: kc, Input: ab, TouchAction: Pb, TouchInput: Eb, MouseInput: rb, PointerEventInput: wb, TouchMouseInput: Gb, SingleTouchInput: Ab, Recognizer: Yb, AttrRecognizer: ac, Tap: gc, Pan: bc, Swipe: fc, Pinch: cc, Rotate: ec, Press: dc, on: t, off: u, each: m, merge: o, extend: n, inherit: p, bindFn: q, prefixed: B }), typeof define == g && define.amd ? define(function () {
- return hc;
- }) : "undefined" != typeof module && module.exports ? module.exports = hc : a[c] = hc;
- }(window, document, "Hammer");; (function (factory) {
- if (typeof define === 'function' && define.amd) {
- define(['jquery', 'hammerjs'], factory);
- } else if (typeof exports === 'object') {
- factory(require('jquery'), require('hammerjs'));
- } else {
- factory(jQuery, Hammer);
- }
- })(function ($, Hammer) {
- function hammerify(el, options) {
- var $el = $(el);
- if (!$el.data("hammer")) {
- $el.data("hammer", new Hammer($el[0], options));
- }
- }
- $.fn.hammer = function (options) {
- return this.each(function () {
- hammerify(this, options);
- });
- };
- // extend the emit method to also trigger jQuery events
- Hammer.Manager.prototype.emit = function (originalEmit) {
- return function (type, data) {
- originalEmit.call(this, type, data);
- $(this.element).trigger({
- type: type,
- gesture: data
- });
- };
- }(Hammer.Manager.prototype.emit);
- });
- ; // Required for Meteor package, the use of window prevents export by Meteor
- (function (window) {
- if (window.Package) {
- Materialize = {};
- } else {
- window.Materialize = {};
- }
- })(window);
- if (typeof exports !== 'undefined' && !exports.nodeType) {
- if (typeof module !== 'undefined' && !module.nodeType && module.exports) {
- exports = module.exports = Materialize;
- }
- exports.default = Materialize;
- }
- /*
- * raf.js
- * https://github.com/ngryman/raf.js
- *
- * original requestAnimationFrame polyfill by Erik Möller
- * inspired from paul_irish gist and post
- *
- * Copyright (c) 2013 ngryman
- * Licensed under the MIT license.
- */
- (function (window) {
- var lastTime = 0,
- vendors = ['webkit', 'moz'],
- requestAnimationFrame = window.requestAnimationFrame,
- cancelAnimationFrame = window.cancelAnimationFrame,
- i = vendors.length;
- // try to un-prefix existing raf
- while (--i >= 0 && !requestAnimationFrame) {
- requestAnimationFrame = window[vendors[i] + 'RequestAnimationFrame'];
- cancelAnimationFrame = window[vendors[i] + 'CancelRequestAnimationFrame'];
- }
- // polyfill with setTimeout fallback
- // heavily inspired from @darius gist mod: https://gist.github.com/paulirish/1579671#comment-837945
- if (!requestAnimationFrame || !cancelAnimationFrame) {
- requestAnimationFrame = function (callback) {
- var now = +Date.now(),
- nextTime = Math.max(lastTime + 16, now);
- return setTimeout(function () {
- callback(lastTime = nextTime);
- }, nextTime - now);
- };
- cancelAnimationFrame = clearTimeout;
- }
- // export to window
- window.requestAnimationFrame = requestAnimationFrame;
- window.cancelAnimationFrame = cancelAnimationFrame;
- })(window);
- /**
- * Generate approximated selector string for a jQuery object
- * @param {jQuery} obj jQuery object to be parsed
- * @returns {string}
- */
- Materialize.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
- Materialize.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}
- */
- Materialize.escapeHash = function (hash) {
- return hash.replace(/(:|\.|\[|\]|,|=)/g, "\\$1");
- };
- Materialize.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;
- };
- /**
- * 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}
- */
- Materialize.throttle = function (func, wait, options) {
- var context, args, result;
- 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;
- };
- };
- // Velocity has conflicts when loaded with jQuery, this will check for it
- // First, check if in noConflict mode
- var Vel;
- if (jQuery) {
- Vel = jQuery.Velocity;
- } else if ($) {
- Vel = $.Velocity;
- } else {
- Vel = Velocity;
- }
- if (Vel) {
- Materialize.Vel = Vel;
- } else {
- Materialize.Vel = Velocity;
- }
- ; (function ($) {
- $.fn.collapsible = function (options, methodParam) {
- var defaults = {
- accordion: undefined,
- onOpen: undefined,
- onClose: undefined
- };
- var methodName = options;
- options = $.extend(defaults, options);
- return this.each(function () {
- var $this = $(this);
- var $panel_headers = $(this).find('> li > .collapsible-header');
- var collapsible_type = $this.data("collapsible");
- /****************
- Helper Functions
- ****************/
- // Accordion Open
- function accordionOpen(object) {
- $panel_headers = $this.find('> li > .collapsible-header');
- if (object.hasClass('active')) {
- object.parent().addClass('active');
- } else {
- object.parent().removeClass('active');
- }
- if (object.parent().hasClass('active')) {
- object.siblings('.collapsible-body').stop(true, false).slideDown({
- duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
- $(this).css('height', '');
- }
- });
- } else {
- object.siblings('.collapsible-body').stop(true, false).slideUp({
- duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
- $(this).css('height', '');
- }
- });
- }
- $panel_headers.not(object).removeClass('active').parent().removeClass('active');
- // Close previously open accordion elements.
- $panel_headers.not(object).parent().children('.collapsible-body').stop(true, false).each(function () {
- if ($(this).is(':visible')) {
- $(this).slideUp({
- duration: 350,
- easing: "easeOutQuart",
- queue: false,
- complete: function () {
- $(this).css('height', '');
- execCallbacks($(this).siblings('.collapsible-header'));
- }
- });
- }
- });
- }
- // Expandable Open
- function expandableOpen(object) {
- if (object.hasClass('active')) {
- object.parent().addClass('active');
- } else {
- object.parent().removeClass('active');
- }
- if (object.parent().hasClass('active')) {
- object.siblings('.collapsible-body').stop(true, false).slideDown({
- duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
- $(this).css('height', '');
- }
- });
- } else {
- object.siblings('.collapsible-body').stop(true, false).slideUp({
- duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
- $(this).css('height', '');
- }
- });
- }
- }
- // Open collapsible. object: .collapsible-header
- function collapsibleOpen(object, noToggle) {
- if (!noToggle) {
- object.toggleClass('active');
- }
- if (options.accordion || collapsible_type === "accordion" || collapsible_type === undefined) {
- // Handle Accordion
- accordionOpen(object);
- } else {
- // Handle Expandables
- expandableOpen(object);
- }
- execCallbacks(object);
- }
- // Handle callbacks
- function execCallbacks(object) {
- if (object.hasClass('active')) {
- if (typeof options.onOpen === "function") {
- options.onOpen.call(this, object.parent());
- }
- } else {
- if (typeof options.onClose === "function") {
- options.onClose.call(this, object.parent());
- }
- }
- }
- /**
- * Check if object is children of panel header
- * @param {Object} object Jquery object
- * @return {Boolean} true if it is children
- */
- function isChildrenOfPanelHeader(object) {
- var panelHeader = getPanelHeader(object);
- return panelHeader.length > 0;
- }
- /**
- * Get panel header from a children element
- * @param {Object} object Jquery object
- * @return {Object} panel header object
- */
- function getPanelHeader(object) {
- return object.closest('li > .collapsible-header');
- }
- // Turn off any existing event handlers
- function removeEventHandlers() {
- $this.off('click.collapse', '> li > .collapsible-header');
- }
- /***** End Helper Functions *****/
- // Methods
- if (methodName === 'destroy') {
- removeEventHandlers();
- return;
- } else if (methodParam >= 0 && methodParam < $panel_headers.length) {
- var $curr_header = $panel_headers.eq(methodParam);
- if ($curr_header.length && (methodName === 'open' || methodName === 'close' && $curr_header.hasClass('active'))) {
- collapsibleOpen($curr_header);
- }
- return;
- }
- removeEventHandlers();
- // Add click handler to only direct collapsible header children
- $this.on('click.collapse', '> li > .collapsible-header', function (e) {
- var element = $(e.target);
- if (isChildrenOfPanelHeader(element)) {
- element = getPanelHeader(element);
- }
- collapsibleOpen(element);
- });
- // Open first active
- if (options.accordion || collapsible_type === "accordion" || collapsible_type === undefined) {
- // Handle Accordion
- collapsibleOpen($panel_headers.filter('.active').first(), true);
- } else {
- // Handle Expandables
- $panel_headers.filter('.active').each(function () {
- collapsibleOpen($(this), true);
- });
- }
- });
- };
- $(document).ready(function () {
- $('.collapsible').collapsible();
- });
- })(jQuery);; (function ($) {
- // Add posibility to scroll to selected option
- // usefull for select for example
- $.fn.scrollTo = function (elem) {
- $(this).scrollTop($(this).scrollTop() - $(this).offset().top + $(elem).offset().top);
- return this;
- };
- $.fn.dropdown = function (options) {
- var defaults = {
- inDuration: 300,
- outDuration: 225,
- constrainWidth: true, // Constrains width of dropdown to the activator
- hover: false,
- gutter: 0, // Spacing from edge
- belowOrigin: false,
- alignment: 'left',
- stopPropagation: false
- };
- // Open dropdown.
- if (options === "open") {
- this.each(function () {
- $(this).trigger('open');
- });
- return false;
- }
- // Close dropdown.
- if (options === "close") {
- this.each(function () {
- $(this).trigger('close');
- });
- return false;
- }
- this.each(function () {
- var origin = $(this);
- var curr_options = $.extend({}, defaults, options);
- var isFocused = false;
- // Dropdown menu
- var activates = $("#" + origin.attr('data-activates'));
- function updateOptions() {
- if (origin.data('induration') !== undefined) curr_options.inDuration = origin.data('induration');
- if (origin.data('outduration') !== undefined) curr_options.outDuration = origin.data('outduration');
- if (origin.data('constrainwidth') !== undefined) curr_options.constrainWidth = origin.data('constrainwidth');
- if (origin.data('hover') !== undefined) curr_options.hover = origin.data('hover');
- if (origin.data('gutter') !== undefined) curr_options.gutter = origin.data('gutter');
- if (origin.data('beloworigin') !== undefined) curr_options.belowOrigin = origin.data('beloworigin');
- if (origin.data('alignment') !== undefined) curr_options.alignment = origin.data('alignment');
- if (origin.data('stoppropagation') !== undefined) curr_options.stopPropagation = origin.data('stoppropagation');
- }
- updateOptions();
- // Attach dropdown to its activator
- origin.after(activates);
- /*
- Helper function to position and resize dropdown.
- Used in hover and click handler.
- */
- function placeDropdown(eventType) {
- // Check for simultaneous focus and click events.
- if (eventType === 'focus') {
- isFocused = true;
- }
- // Check html data attributes
- updateOptions();
- // Set Dropdown state
- activates.addClass('active');
- origin.addClass('active');
- var originWidth = origin[0].getBoundingClientRect().width;
- // Constrain width
- if (curr_options.constrainWidth === true) {
- activates.css('width', originWidth);
- } else {
- activates.css('white-space', 'nowrap');
- }
- // Offscreen detection
- var windowHeight = window.innerHeight;
- var originHeight = origin.innerHeight();
- var offsetLeft = origin.offset().left;
- var offsetTop = origin.offset().top - $(window).scrollTop();
- var currAlignment = curr_options.alignment;
- var gutterSpacing = 0;
- var leftPosition = 0;
- // Below Origin
- var verticalOffset = 0;
- if (curr_options.belowOrigin === true) {
- verticalOffset = originHeight;
- }
- // Check for scrolling positioned container.
- var scrollYOffset = 0;
- var scrollXOffset = 0;
- var wrapper = origin.parent();
- if (!wrapper.is('body')) {
- if (wrapper[0].scrollHeight > wrapper[0].clientHeight) {
- scrollYOffset = wrapper[0].scrollTop;
- }
- if (wrapper[0].scrollWidth > wrapper[0].clientWidth) {
- scrollXOffset = wrapper[0].scrollLeft;
- }
- }
- if (offsetLeft + activates.innerWidth() > $(window).width()) {
- // Dropdown goes past screen on right, force right alignment
- currAlignment = 'right';
- } else if (offsetLeft - activates.innerWidth() + origin.innerWidth() < 0) {
- // Dropdown goes past screen on left, force left alignment
- currAlignment = 'left';
- }
- // Vertical bottom offscreen detection
- if (offsetTop + activates.innerHeight() > windowHeight) {
- // If going upwards still goes offscreen, just crop height of dropdown.
- if (offsetTop + originHeight - activates.innerHeight() < 0) {
- var adjustedHeight = windowHeight - offsetTop - verticalOffset;
- activates.css('max-height', adjustedHeight);
- } else {
- // Flow upwards.
- if (!verticalOffset) {
- verticalOffset += originHeight;
- }
- verticalOffset -= activates.innerHeight();
- }
- }
- // Handle edge alignment
- if (currAlignment === 'left') {
- gutterSpacing = curr_options.gutter;
- leftPosition = origin.position().left + gutterSpacing;
- } else if (currAlignment === 'right') {
- // Material icons fix
- activates.stop(true, true).css({
- opacity: 0,
- left: 0
- });
- var offsetRight = origin.position().left + originWidth - activates.width();
- gutterSpacing = -curr_options.gutter;
- leftPosition = offsetRight + gutterSpacing;
- }
- // Position dropdown
- activates.css({
- position: 'absolute',
- top: origin.position().top + verticalOffset + scrollYOffset == 0 ? 64 : origin.position().top + verticalOffset + scrollYOffset,
- left: leftPosition + scrollXOffset
- });
- // Show dropdown
- activates.slideDown({
- queue: false,
- duration: curr_options.inDuration,
- easing: 'easeOutCubic',
- complete: function () {
- $(this).css('height', '');
- }
- }).animate({ opacity: 1 }, { queue: false, duration: curr_options.inDuration, easing: 'easeOutSine' });
- // Add click close handler to document
- setTimeout(function () {
- $(document).on('click.' + activates.attr('id'), function (e) {
- hideDropdown();
- $(document).off('click.' + activates.attr('id'));
- });
- }, 0);
- }
- function hideDropdown() {
- // Check for simultaneous focus and click events.
- isFocused = false;
- activates.fadeOut(curr_options.outDuration);
- activates.removeClass('active');
- origin.removeClass('active');
- $(document).off('click.' + activates.attr('id'));
- setTimeout(function () {
- activates.css('max-height', '');
- }, curr_options.outDuration);
- }
- // Hover
- if (curr_options.hover) {
- var open = false;
- origin.off('click.' + origin.attr('id'));
- // Hover handler to show dropdown
- origin.on('mouseenter', function (e) {
- // Mouse over
- if (open === false) {
- placeDropdown();
- open = true;
- }
- });
- origin.on('mouseleave', function (e) {
- // If hover on origin then to something other than dropdown content, then close
- var toEl = e.toElement || e.relatedTarget; // added browser compatibility for target element
- if (!$(toEl).closest('.dropdown-content').is(activates)) {
- activates.stop(true, true);
- hideDropdown();
- open = false;
- }
- });
- activates.on('mouseleave', function (e) {
- // Mouse out
- var toEl = e.toElement || e.relatedTarget;
- if (!$(toEl).closest('.dropdown-button').is(origin)) {
- activates.stop(true, true);
- hideDropdown();
- open = false;
- }
- });
- // Click
- } else {
- // Click handler to show dropdown
- origin.off('click.' + origin.attr('id'));
- origin.on('click.' + origin.attr('id'), function (e) {
- if (!isFocused) {
- if (origin[0] == e.currentTarget && !origin.hasClass('active') && $(e.target).closest('.dropdown-content').length === 0) {
- e.preventDefault(); // Prevents button click from moving window
- if (curr_options.stopPropagation) {
- e.stopPropagation();
- }
- placeDropdown('click');
- }
- // If origin is clicked and menu is open, close menu
- else if (origin.hasClass('active')) {
- hideDropdown();
- $(document).off('click.' + activates.attr('id'));
- }
- }
- });
- } // End else
- // Listen to open and close event - useful for select component
- origin.on('open', function (e, eventType) {
- placeDropdown(eventType);
- });
- origin.on('close', hideDropdown);
- });
- }; // End dropdown plugin
- $(document).ready(function () {
- $('.dropdown-button').dropdown();
- });
- })(jQuery);
- ; (function ($, Vel) {
- 'use strict';
- var _defaults = {
- opacity: 0.5,
- inDuration: 250,
- outDuration: 250,
- ready: undefined,
- complete: undefined,
- dismissible: true,
- startingTop: '4%',
- endingTop: '10%'
- };
- /**
- * @class
- *
- */
- var Modal = function () {
- /**
- * Construct Modal instance and set up overlay
- * @constructor
- * @param {jQuery} $el
- * @param {Object} options
- */
- function Modal($el, options) {
- _classCallCheck(this, Modal);
- // If exists, destroy and reinitialize
- if (!!$el[0].M_Modal) {
- $el[0].M_Modal.destroy();
- }
- /**
- * The jQuery element
- * @type {jQuery}
- */
- this.$el = $el;
- /**
- * 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} ready - Callback function called when modal is finished entering
- * @prop {Function} complete - Callback function called when modal is finished exiting
- * @prop {Boolean} [dismissible=true] - Allow modal to be dismissed by keyboard or overlay click
- * @prop {String} [startingTop='4%'] - startingTop
- * @prop {String} [endingTop='10%'] - endingTop
- */
- this.options = $.extend({}, Modal.defaults, options);
- /**
- * Describes open/close state of modal
- * @type {Boolean}
- */
- this.isOpen = false;
- this.$el[0].M_Modal = this;
- this.id = $el.attr('id');
- this.openingTrigger = undefined;
- this.$overlay = $('<div class="modal-overlay"></div>');
- Modal._increment++;
- Modal._count++;
- this.$overlay[0].style.zIndex = 1000 + Modal._increment * 2;
- this.$el[0].style.zIndex = 1000 + Modal._increment * 2 + 1;
- this.setupEventHandlers();
- }
- _createClass(Modal, [{
- key: 'getInstance',
- /**
- * Get Instance
- */
- value: function getInstance() {
- return this;
- }
- /**
- * Teardown component
- */
- }, {
- key: 'destroy',
- value: function destroy() {
- this.removeEventHandlers();
- this.$el[0].removeAttribute('style');
- if (!!this.$overlay[0].parentNode) {
- this.$overlay[0].parentNode.removeChild(this.$overlay[0]);
- }
- this.$el[0].M_Modal = undefined;
- Modal._count--;
- }
- /**
- * 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[0].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[0].removeEventListener('click', this.handleModalCloseClickBound);
- }
- /**
- * Handle Trigger Click
- * @param {Event} e
- */
- }, {
- key: 'handleTriggerClick',
- value: function handleTriggerClick(e) {
- var $trigger = $(e.target).closest('.modal-trigger');
- if (e.target && $trigger.length) {
- var modalId = $trigger[0].getAttribute('href');
- if (modalId) {
- modalId = modalId.slice(1);
- } else {
- modalId = $trigger[0].getAttribute('data-target');
- }
- 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 (e.target && $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();
- }
- }
- /**
- * Animate in modal
- */
- }, {
- key: 'animateIn',
- value: function animateIn() {
- var _this = this;
- // Set initial styles
- $.extend(this.$el[0].style, {
- display: 'block',
- opacity: 0
- });
- $.extend(this.$overlay[0].style, {
- display: 'block',
- opacity: 0
- });
- // Animate overlay
- Vel(this.$overlay[0], { opacity: this.options.opacity }, { duration: this.options.inDuration, queue: false, ease: 'easeOutCubic' });
- // Define modal animation options
- var enterVelocityOptions = {
- duration: this.options.inDuration,
- queue: false,
- ease: 'easeOutCubic',
- // Handle modal ready callback
- complete: function () {
- if (typeof _this.options.ready === 'function') {
- _this.options.ready.call(_this, _this.$el, _this.openingTrigger);
- }
- }
- };
- // Bottom sheet animation
- if (this.$el[0].classList.contains('bottom-sheet')) {
- Vel(this.$el[0], { bottom: 0, opacity: 1 }, enterVelocityOptions);
- // Normal modal animation
- } else {
- Vel.hook(this.$el[0], 'scaleX', 0.7);
- this.$el[0].style.top = this.options.startingTop;
- Vel(this.$el[0], { top: this.options.endingTop, opacity: 1, scaleX: 1 }, enterVelocityOptions);
- }
- }
- /**
- * Animate out modal
- */
- }, {
- key: 'animateOut',
- value: function animateOut() {
- var _this2 = this;
- // Animate overlay
- Vel(this.$overlay[0], { opacity: 0 }, { duration: this.options.outDuration, queue: false, ease: 'easeOutQuart' });
- // Define modal animation options
- var exitVelocityOptions = {
- duration: this.options.outDuration,
- queue: false,
- ease: 'easeOutCubic',
- // Handle modal ready callback
- complete: function () {
- _this2.$el[0].style.display = 'none';
- // Call complete callback
- if (typeof _this2.options.complete === 'function') {
- _this2.options.complete.call(_this2, _this2.$el);
- }
- _this2.$overlay[0].parentNode.removeChild(_this2.$overlay[0]);
- }
- };
- // Bottom sheet animation
- if (this.$el[0].classList.contains('bottom-sheet')) {
- Vel(this.$el[0], { bottom: '-100%', opacity: 0 }, exitVelocityOptions);
- // Normal modal animation
- } else {
- Vel(this.$el[0], { top: this.options.startingTop, opacity: 0, scaleX: 0.7 }, exitVelocityOptions);
- }
- }
- /**
- * Open Modal
- * @param {jQuery} [$trigger]
- */
- }, {
- key: 'open',
- value: function open($trigger) {
- if (this.isOpen) {
- return;
- }
- this.isOpen = true;
- var body = document.body;
- body.style.overflow = 'hidden';
- this.$el[0].classList.add('open');
- body.appendChild(this.$overlay[0]);
- // Set opening trigger, undefined indicates modal was opened by javascript
- this.openingTrigger = !!$trigger ? $trigger : undefined;
- if (this.options.dismissible) {
- this.handleKeydownBound = this.handleKeydown.bind(this);
- document.addEventListener('keydown', this.handleKeydownBound);
- }
- this.animateIn();
- return this;
- }
- /**
- * Close Modal
- */
- }, {
- key: 'close',
- value: function close() {
- if (!this.isOpen) {
- return;
- }
- this.isOpen = false;
- this.$el[0].classList.remove('open');
- document.body.style.overflow = '';
- if (this.options.dismissible) {
- document.removeEventListener('keydown', this.handleKeydownBound);
- }
- this.animateOut();
- return this;
- }
- }], [{
- key: 'init',
- value: function init($els, options) {
- var arr = [];
- $els.each(function () {
- arr.push(new Modal($(this), options));
- });
- return arr;
- }
- }, {
- key: 'defaults',
- get: function () {
- return _defaults;
- }
- }]);
- return Modal;
- }();
- /**
- * @static
- * @memberof Modal
- */
- Modal._increment = 0;
- /**
- * @static
- * @memberof Modal
- */
- Modal._count = 0;
- Materialize.Modal = Modal;
- $.fn.modal = function (methodOrOptions) {
- // Call plugin method if valid method name is passed in
- if (Modal.prototype[methodOrOptions]) {
- // Getter methods
- if (methodOrOptions.slice(0, 3) === 'get') {
- return this.first()[0].M_Modal[methodOrOptions]();
- // Void methods
- } else {
- return this.each(function () {
- this.M_Modal[methodOrOptions]();
- });
- }
- // Initialize plugin if options or no argument is passed in
- } else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
- Modal.init(this, arguments[0]);
- return this;
- // Return error if an unrecognized method name is passed in
- } else {
- $.error('Method ' + methodOrOptions + ' does not exist on jQuery.modal');
- }
- };
- })(jQuery, Materialize.Vel);
- ; (function ($) {
- $.fn.materialbox = function () {
- return this.each(function () {
- if ($(this).hasClass('initialized')) {
- return;
- }
- $(this).addClass('initialized');
- var overlayActive = false;
- var doneAnimating = true;
- var inDuration = 275;
- var outDuration = 200;
- var origin = $(this);
- var placeholder = $('<div></div>').addClass('material-placeholder');
- var originalWidth = 0;
- var originalHeight = 0;
- var ancestorsChanged;
- var ancestor;
- var originInlineStyles = origin.attr('style');
- origin.wrap(placeholder);
- // Start click handler
- origin.on('click', function () {
- var placeholder = origin.parent('.material-placeholder');
- var windowWidth = window.innerWidth;
- var windowHeight = window.innerHeight;
- var originalWidth = origin.width();
- var originalHeight = origin.height();
- // If already modal, return to original
- if (doneAnimating === false) {
- returnToOriginal();
- return false;
- } else if (overlayActive && doneAnimating === true) {
- returnToOriginal();
- return false;
- }
- // Set states
- doneAnimating = false;
- origin.addClass('active');
- overlayActive = true;
- // Set positioning for placeholder
- placeholder.css({
- width: placeholder[0].getBoundingClientRect().width,
- height: placeholder[0].getBoundingClientRect().height,
- position: 'relative',
- top: 0,
- left: 0
- });
- // Find ancestor with overflow: hidden; and remove it
- ancestorsChanged = undefined;
- ancestor = placeholder[0].parentNode;
- var count = 0;
- while (ancestor !== null && !$(ancestor).is(document)) {
- var curr = $(ancestor);
- if (curr.css('overflow') !== 'visible') {
- curr.css('overflow', 'visible');
- if (ancestorsChanged === undefined) {
- ancestorsChanged = curr;
- } else {
- ancestorsChanged = ancestorsChanged.add(curr);
- }
- }
- ancestor = ancestor.parentNode;
- }
- // Set css on origin
- origin.css({
- position: 'absolute',
- 'z-index': 1000,
- 'will-change': 'left, top, width, height'
- }).data('width', originalWidth).data('height', originalHeight);
- // Add overlay
- var overlay = $('<div id="materialbox-overlay"></div>').css({
- opacity: 0
- }).click(function () {
- if (doneAnimating === true) returnToOriginal();
- });
- // Put before in origin image to preserve z-index layering.
- origin.before(overlay);
- // Set dimensions if needed
- var overlayOffset = overlay[0].getBoundingClientRect();
- overlay.css({
- width: windowWidth,
- height: windowHeight,
- left: -1 * overlayOffset.left,
- top: -1 * overlayOffset.top
- });
- // Animate Overlay
- overlay.velocity({ opacity: 1 }, { duration: inDuration, queue: false, easing: 'easeOutQuad' });
- // Add and animate caption if it exists
- if (origin.data('caption') !== "") {
- var $photo_caption = $('<div class="materialbox-caption"></div>');
- $photo_caption.text(origin.data('caption'));
- $('body').append($photo_caption);
- $photo_caption.css({ "display": "inline" });
- $photo_caption.velocity({ opacity: 1 }, { duration: inDuration, queue: false, easing: 'easeOutQuad' });
- }
- // Resize Image
- var ratio = 0;
- var widthPercent = originalWidth / windowWidth;
- var heightPercent = originalHeight / windowHeight;
- var newWidth = 0;
- var newHeight = 0;
- if (widthPercent > heightPercent) {
- ratio = originalHeight / originalWidth;
- newWidth = windowWidth * 0.9;
- newHeight = windowWidth * 0.9 * ratio;
- } else {
- ratio = originalWidth / originalHeight;
- newWidth = windowHeight * 0.9 * ratio;
- newHeight = windowHeight * 0.9;
- }
- // Animate image + set z-index
- if (origin.hasClass('responsive-img')) {
- origin.velocity({ 'max-width': newWidth, 'width': originalWidth }, {
- duration: 0, queue: false,
- complete: function () {
- origin.css({ left: 0, top: 0 }).velocity({
- height: newHeight,
- width: newWidth,
- left: $(document).scrollLeft() + windowWidth / 2 - origin.parent('.material-placeholder').offset().left - newWidth / 2,
- top: $(document).scrollTop() + windowHeight / 2 - origin.parent('.material-placeholder').offset().top - newHeight / 2
- }, {
- duration: inDuration,
- queue: false,
- easing: 'easeOutQuad',
- complete: function () {
- doneAnimating = true;
- }
- });
- } // End Complete
- }); // End Velocity
- } else {
- origin.css('left', 0).css('top', 0).velocity({
- height: newHeight,
- width: newWidth,
- left: $(document).scrollLeft() + windowWidth / 2 - origin.parent('.material-placeholder').offset().left - newWidth / 2,
- top: $(document).scrollTop() + windowHeight / 2 - origin.parent('.material-placeholder').offset().top - newHeight / 2
- }, {
- duration: inDuration,
- queue: false,
- easing: 'easeOutQuad',
- complete: function () {
- doneAnimating = true;
- }
- }); // End Velocity
- }
- // Handle Exit triggers
- $(window).on('scroll.materialbox', function () {
- if (overlayActive) {
- returnToOriginal();
- }
- });
- $(window).on('resize.materialbox', function () {
- if (overlayActive) {
- returnToOriginal();
- }
- });
- $(document).on('keyup.materialbox', function (e) {
- // ESC key
- if (e.keyCode === 27 && doneAnimating === true && overlayActive) {
- returnToOriginal();
- }
- });
- }); // End click handler
- // This function returns the modaled image to the original spot
- function returnToOriginal() {
- doneAnimating = false;
- var placeholder = origin.parent('.material-placeholder');
- var windowWidth = window.innerWidth;
- var windowHeight = window.innerHeight;
- var originalWidth = origin.data('width');
- var originalHeight = origin.data('height');
- origin.velocity("stop", true);
- $('#materialbox-overlay').velocity("stop", true);
- $('.materialbox-caption').velocity("stop", true);
- // disable exit handlers
- $(window).off('scroll.materialbox');
- $(document).off('keyup.materialbox');
- $(window).off('resize.materialbox');
- $('#materialbox-overlay').velocity({ opacity: 0 }, {
- duration: outDuration, // Delay prevents animation overlapping
- queue: false, easing: 'easeOutQuad',
- complete: function () {
- // Remove Overlay
- overlayActive = false;
- $(this).remove();
- }
- });
- // Resize Image
- origin.velocity({
- width: originalWidth,
- height: originalHeight,
- left: 0,
- top: 0
- }, {
- duration: outDuration,
- queue: false, easing: 'easeOutQuad',
- complete: function () {
- placeholder.css({
- height: '',
- width: '',
- position: '',
- top: '',
- left: ''
- });
- origin.removeAttr('style');
- origin.attr('style', originInlineStyles);
- // Remove class
- origin.removeClass('active');
- doneAnimating = true;
- // Remove overflow overrides on ancestors
- if (ancestorsChanged) {
- ancestorsChanged.css('overflow', '');
- }
- }
- });
- // Remove Caption + reset css settings on image
- $('.materialbox-caption').velocity({ opacity: 0 }, {
- duration: outDuration, // Delay prevents animation overlapping
- queue: false, easing: 'easeOutQuad',
- complete: function () {
- $(this).remove();
- }
- });
- }
- });
- };
- $(document).ready(function () {
- $('.materialboxed').materialbox();
- });
- })(jQuery);
- ; (function ($) {
- $.fn.parallax = function () {
- var window_width = $(window).width();
- // Parallax Scripts
- return this.each(function (i) {
- var $this = $(this);
- $this.addClass('parallax');
- function updateParallax(initial) {
- var container_height;
- if (window_width < 601) {
- container_height = $this.height() > 0 ? $this.height() : $this.children("img").height();
- } else {
- container_height = $this.height() > 0 ? $this.height() : 500;
- }
- var $img = $this.children("img").first();
- var img_height = $img.height();
- var parallax_dist = img_height - container_height;
- var bottom = $this.offset().top + container_height;
- var top = $this.offset().top;
- var scrollTop = $(window).scrollTop();
- var windowHeight = window.innerHeight;
- var windowBottom = scrollTop + windowHeight;
- var percentScrolled = (windowBottom - top) / (container_height + windowHeight);
- var parallax = Math.round(parallax_dist * percentScrolled);
- if (initial) {
- $img.css('display', 'block');
- }
- if (bottom > scrollTop && top < scrollTop + windowHeight) {
- $img.css('transform', "translate3D(-50%," + parallax + "px, 0)");
- }
- }
- // Wait for image load
- $this.children("img").one("load", function () {
- updateParallax(true);
- }).each(function () {
- if (this.complete) $(this).trigger("load");
- });
- $(window).scroll(function () {
- window_width = $(window).width();
- updateParallax(false);
- });
- $(window).resize(function () {
- window_width = $(window).width();
- updateParallax(false);
- });
- });
- };
- })(jQuery);
- ; (function ($) {
- var methods = {
- init: function (options) {
- var defaults = {
- onShow: null,
- swipeable: false,
- responsiveThreshold: Infinity // breakpoint for swipeable
- };
- options = $.extend(defaults, options);
- var namespace = Materialize.objectSelectorString($(this));
- return this.each(function (i) {
- var uniqueNamespace = namespace + i;
- // For each set of tabs, we want to keep track of
- // which tab is active and its associated content
- var $this = $(this),
- window_width = $(window).width();
- var $active,
- $content,
- $links = $this.find('li.tab a'),
- $tabs_width = $this.width(),
- $tabs_content = $(),
- $tabs_wrapper,
- $tab_width = Math.max($tabs_width, $this[0].scrollWidth) / $links.length,
- $indicator,
- index = 0,
- prev_index = 0,
- clicked = false,
- clickedTimeout,
- transition = 300;
- // Finds right attribute for indicator based on active tab.
- // el: jQuery Object
- var calcRightPos = function (el) {
- return Math.ceil($tabs_width - el.position().left - el[0].getBoundingClientRect().width - $this.scrollLeft());
- };
- // Finds left attribute for indicator based on active tab.
- // el: jQuery Object
- var calcLeftPos = function (el) {
- return Math.floor(el.position().left + $this.scrollLeft());
- };
- // Animates Indicator to active tab.
- // prev_index: Number
- var animateIndicator = function (prev_index) {
- if (index - prev_index >= 0) {
- $indicator.velocity({ "right": calcRightPos($active) }, { duration: transition, queue: false, easing: 'easeOutQuad' });
- $indicator.velocity({ "left": calcLeftPos($active) }, { duration: transition, queue: false, easing: 'easeOutQuad', delay: 90 });
- } else {
- $indicator.velocity({ "left": calcLeftPos($active) }, { duration: transition, queue: false, easing: 'easeOutQuad' });
- $indicator.velocity({ "right": calcRightPos($active) }, { duration: transition, queue: false, easing: 'easeOutQuad', delay: 90 });
- }
- };
- // Change swipeable according to responsive threshold
- if (options.swipeable) {
- if (window_width > options.responsiveThreshold) {
- options.swipeable = false;
- }
- }
- // If the location.hash matches one of the links, use that as the active tab.
- $active = $($links.filter('[href="' + location.hash + '"]'));
- // If no match is found, use the first link or any with class 'active' as the initial active tab.
- if ($active.length === 0) {
- $active = $(this).find('li.tab a.active').first();
- }
- if ($active.length === 0) {
- $active = $(this).find('li.tab a').first();
- }
- $active.addClass('active');
- index = $links.index($active);
- if (index < 0) {
- index = 0;
- }
- if ($active[0] !== undefined) {
- $content = $($active[0].hash);
- $content.addClass('active');
- }
- // append indicator then set indicator width to tab width
- if (!$this.find('.indicator').length) {
- $this.append('<li class="indicator"></li>');
- }
- $indicator = $this.find('.indicator');
- // we make sure that the indicator is at the end of the tabs
- $this.append($indicator);
- if ($this.is(":visible")) {
- // $indicator.css({"right": $tabs_width - ((index + 1) * $tab_width)});
- // $indicator.css({"left": index * $tab_width});
- setTimeout(function () {
- $indicator.css({ "right": calcRightPos($active) });
- $indicator.css({ "left": calcLeftPos($active) });
- }, 0);
- }
- $(window).off('resize.tabs-' + uniqueNamespace).on('resize.tabs-' + uniqueNamespace, function () {
- $tabs_width = $this.width();
- $tab_width = Math.max($tabs_width, $this[0].scrollWidth) / $links.length;
- if (index < 0) {
- index = 0;
- }
- if ($tab_width !== 0 && $tabs_width !== 0) {
- $indicator.css({ "right": calcRightPos($active) });
- $indicator.css({ "left": calcLeftPos($active) });
- }
- });
- // Initialize Tabs Content.
- if (options.swipeable) {
- // TODO: Duplicate calls with swipeable? handle multiple div wrapping.
- $links.each(function () {
- var $curr_content = $(Materialize.escapeHash(this.hash));
- $curr_content.addClass('carousel-item');
- $tabs_content = $tabs_content.add($curr_content);
- });
- $tabs_wrapper = $tabs_content.wrapAll('<div class="tabs-content carousel"></div>');
- $tabs_content.css('display', '');
- $('.tabs-content.carousel').carousel({
- fullWidth: true,
- noWrap: true,
- onCycleTo: function (item) {
- if (!clicked) {
- var prev_index = index;
- index = $tabs_wrapper.index(item);
- $active.removeClass('active');
- $active = $links.eq(index);
- $active.addClass('active');
- animateIndicator(prev_index);
- if (typeof options.onShow === "function") {
- options.onShow.call($this[0], $content);
- }
- }
- }
- });
- } else {
- // Hide the remaining content
- $links.not($active).each(function () {
- $(Materialize.escapeHash(this.hash)).hide();
- });
- }
- // Bind the click event handler
- $this.off('click.tabs').on('click.tabs', 'a', function (e) {
- if ($(this).parent().hasClass('disabled')) {
- e.preventDefault();
- return;
- }
- // Act as regular link if target attribute is specified.
- if (!!$(this).attr("target")) {
- return;
- }
- clicked = true;
- $tabs_width = $this.width();
- $tab_width = Math.max($tabs_width, $this[0].scrollWidth) / $links.length;
- // Make the old tab inactive.
- $active.removeClass('active');
- var $oldContent = $content;
- // Update the variables with the new link and content
- $active = $(this);
- $content = $(Materialize.escapeHash(this.hash));
- $links = $this.find('li.tab a');
- var activeRect = $active.position();
- // Make the tab active.
- $active.addClass('active');
- prev_index = index;
- index = $links.index($(this));
- if (index < 0) {
- index = 0;
- }
- // Change url to current tab
- // window.location.hash = $active.attr('href');
- // Swap content
- if (options.swipeable) {
- if ($tabs_content.length) {
- $tabs_content.carousel('set', index, function () {
- if (typeof options.onShow === "function") {
- options.onShow.call($this[0], $content);
- }
- });
- }
- } else {
- if ($content !== undefined) {
- $content.show();
- $content.addClass('active');
- if (typeof options.onShow === "function") {
- options.onShow.call(this, $content);
- }
- }
- if ($oldContent !== undefined && !$oldContent.is($content)) {
- $oldContent.hide();
- $oldContent.removeClass('active');
- }
- }
- // Reset clicked state
- clickedTimeout = setTimeout(function () {
- clicked = false;
- }, transition);
- // Update indicator
- animateIndicator(prev_index);
- // Prevent the anchor's default click action
- e.preventDefault();
- });
- });
- },
- select_tab: function (id) {
- this.find('a[href="#' + id + '"]').trigger('click');
- }
- };
- $.fn.tabs = function (methodOrOptions) {
- if (methods[methodOrOptions]) {
- return methods[methodOrOptions].apply(this, Array.prototype.slice.call(arguments, 1));
- } else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
- // Default to "init"
- return methods.init.apply(this, arguments);
- } else {
- $.error('Method ' + methodOrOptions + ' does not exist on jQuery.tabs');
- }
- };
- $(document).ready(function () {
- $('ul.tabs').tabs();
- });
- })(jQuery);
- ; (function ($) {
- $.fn.tooltip = function (options) {
- var timeout = null,
- margin = 5;
- // Defaults
- var defaults = {
- delay: 350,
- tooltip: '',
- position: 'bottom',
- html: false
- };
- // Remove tooltip from the activator
- if (options === "remove") {
- this.each(function () {
- $('#' + $(this).attr('data-tooltip-id')).remove();
- $(this).removeAttr('data-tooltip-id');
- $(this).off('mouseenter.tooltip mouseleave.tooltip');
- });
- return false;
- }
- options = $.extend(defaults, options);
- return this.each(function () {
- var tooltipId = Materialize.guid();
- var origin = $(this);
- // Destroy old tooltip
- if (origin.attr('data-tooltip-id')) {
- $('#' + origin.attr('data-tooltip-id')).remove();
- }
- origin.attr('data-tooltip-id', tooltipId);
- // Get attributes.
- var allowHtml, tooltipDelay, tooltipPosition, tooltipText, tooltipEl, backdrop;
- var setAttributes = function () {
- allowHtml = origin.attr('data-html') ? origin.attr('data-html') === 'true' : options.html;
- tooltipDelay = origin.attr('data-delay');
- tooltipDelay = tooltipDelay === undefined || tooltipDelay === '' ? options.delay : tooltipDelay;
- tooltipPosition = origin.attr('data-position');
- tooltipPosition = tooltipPosition === undefined || tooltipPosition === '' ? options.position : tooltipPosition;
- tooltipText = origin.attr('data-tooltip');
- tooltipText = tooltipText === undefined || tooltipText === '' ? options.tooltip : tooltipText;
- };
- setAttributes();
- var renderTooltipEl = function () {
- var tooltip = $('<div class="material-tooltip"></div>');
- // Create Text span
- if (allowHtml) {
- tooltipText = $('<span></span>').html(tooltipText);
- } else {
- tooltipText = $('<span></span>').text(tooltipText);
- }
- // Create tooltip
- tooltip.append(tooltipText).appendTo($('body')).attr('id', tooltipId);
- // Create backdrop
- backdrop = $('<div class="backdrop"></div>');
- backdrop.appendTo(tooltip);
- return tooltip;
- };
- tooltipEl = renderTooltipEl();
- // Destroy previously binded events
- origin.off('mouseenter.tooltip mouseleave.tooltip');
- // Mouse In
- var started = false,
- timeoutRef;
- origin.on({
- 'mouseenter.tooltip': function (e) {
- var showTooltip = function () {
- setAttributes();
- started = true;
- tooltipEl.velocity('stop');
- backdrop.velocity('stop');
- tooltipEl.css({ visibility: 'visible', left: '0px', top: '0px' });
- // Tooltip positioning
- var originWidth = origin.outerWidth();
- var originHeight = origin.outerHeight();
- var tooltipHeight = tooltipEl.outerHeight();
- var tooltipWidth = tooltipEl.outerWidth();
- var tooltipVerticalMovement = '0px';
- var tooltipHorizontalMovement = '0px';
- var backdropOffsetWidth = backdrop[0].offsetWidth;
- var backdropOffsetHeight = backdrop[0].offsetHeight;
- var scaleXFactor = 8;
- var scaleYFactor = 8;
- var scaleFactor = 0;
- var targetTop, targetLeft, newCoordinates;
- if (tooltipPosition === "top") {
- // Top Position
- targetTop = origin.offset().top - tooltipHeight - margin;
- targetLeft = origin.offset().left + originWidth / 2 - tooltipWidth / 2;
- newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
- tooltipVerticalMovement = '-10px';
- backdrop.css({
- bottom: 0,
- left: 0,
- borderRadius: '14px 14px 0 0',
- transformOrigin: '50% 100%',
- marginTop: tooltipHeight,
- marginLeft: tooltipWidth / 2 - backdropOffsetWidth / 2
- });
- }
- // Left Position
- else if (tooltipPosition === "left") {
- targetTop = origin.offset().top + originHeight / 2 - tooltipHeight / 2;
- targetLeft = origin.offset().left - tooltipWidth - margin;
- newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
- tooltipHorizontalMovement = '-10px';
- backdrop.css({
- top: '-7px',
- right: 0,
- width: '14px',
- height: '14px',
- borderRadius: '14px 0 0 14px',
- transformOrigin: '95% 50%',
- marginTop: tooltipHeight / 2,
- marginLeft: tooltipWidth
- });
- }
- // Right Position
- else if (tooltipPosition === "right") {
- targetTop = origin.offset().top + originHeight / 2 - tooltipHeight / 2;
- targetLeft = origin.offset().left + originWidth + margin;
- newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
- tooltipHorizontalMovement = '+10px';
- backdrop.css({
- top: '-7px',
- left: 0,
- width: '14px',
- height: '14px',
- borderRadius: '0 14px 14px 0',
- transformOrigin: '5% 50%',
- marginTop: tooltipHeight / 2,
- marginLeft: '0px'
- });
- } else {
- // Bottom Position
- targetTop = origin.offset().top + origin.outerHeight() + margin;
- targetLeft = origin.offset().left + originWidth / 2 - tooltipWidth / 2;
- newCoordinates = repositionWithinScreen(targetLeft, targetTop, tooltipWidth, tooltipHeight);
- tooltipVerticalMovement = '+10px';
- backdrop.css({
- top: 0,
- left: 0,
- marginLeft: tooltipWidth / 2 - backdropOffsetWidth / 2
- });
- }
- // Set tooptip css placement
- tooltipEl.css({
- top: newCoordinates.y,
- left: newCoordinates.x
- });
- // Calculate Scale to fill
- scaleXFactor = Math.SQRT2 * tooltipWidth / parseInt(backdropOffsetWidth);
- scaleYFactor = Math.SQRT2 * tooltipHeight / parseInt(backdropOffsetHeight);
- scaleFactor = Math.max(scaleXFactor, scaleYFactor);
- tooltipEl.velocity({ translateY: tooltipVerticalMovement, translateX: tooltipHorizontalMovement }, { duration: 350, queue: false }).velocity({ opacity: 1 }, { duration: 300, delay: 50, queue: false });
- backdrop.css({ visibility: 'visible' }).velocity({ opacity: 1 }, { duration: 55, delay: 0, queue: false }).velocity({ scaleX: scaleFactor, scaleY: scaleFactor }, { duration: 300, delay: 0, queue: false, easing: 'easeInOutQuad' });
- };
- timeoutRef = setTimeout(showTooltip, tooltipDelay); // End Interval
- // Mouse Out
- },
- 'mouseleave.tooltip': function () {
- // Reset State
- started = false;
- clearTimeout(timeoutRef);
- // Animate back
- setTimeout(function () {
- if (started !== true) {
- tooltipEl.velocity({
- opacity: 0, translateY: 0, translateX: 0
- }, { duration: 225, queue: false });
- backdrop.velocity({ opacity: 0, scaleX: 1, scaleY: 1 }, {
- duration: 225,
- queue: false,
- complete: function () {
- backdrop.css({ visibility: 'hidden' });
- tooltipEl.css({ visibility: 'hidden' });
- started = false;
- }
- });
- }
- }, 225);
- }
- });
- });
- };
- var repositionWithinScreen = function (x, y, width, height) {
- var newX = x;
- var newY = y;
- if (newX < 0) {
- newX = 4;
- } else if (newX + width > window.innerWidth) {
- newX -= newX + width - window.innerWidth;
- }
- if (newY < 0) {
- newY = 4;
- } else if (newY + height > window.innerHeight + $(window).scrollTop) {
- newY -= newY + height - window.innerHeight;
- }
- return { x: newX, y: newY };
- };
- $(document).ready(function () {
- $('.tooltipped').tooltip();
- });
- })(jQuery);
- ; /*!
- * 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) {
- if ($('.waves-ripple')[0]) {
- $('.waves-ripple')[0].remove();
- }
- // 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];
- ripples[1] ? ripples[1].remove() : '';
- } 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 ($, Vel) {
- 'use strict';
- var _defaults = {
- displayLength: Infinity,
- inDuration: 300,
- outDuration: 375,
- className: undefined,
- completeCallback: undefined,
- activationPercent: 0.8
- };
- var Toast = function () {
- function Toast(message, displayLength, className, completeCallback) {
- _classCallCheck(this, Toast);
- if (!message) {
- return;
- }
- /**
- * Options for the toast
- * @member Toast#options
- */
- this.options = {
- displayLength: displayLength,
- className: className,
- completeCallback: completeCallback
- };
- this.options = $.extend({}, Toast.defaults, this.options);
- this.message = message;
- /**
- * 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._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.className) {
- var classes = this.options.className.split(' ');
- var i = void 0,
- count = void 0;
- for (i = 0, count = classes.length; i < count; i++) {
- toast.classList.add(classes[i]);
- }
- }
- // 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 instanceof jQuery) {
- $(toast).append(this.message);
- // Insert as text;
- } else {
- toast.innerHTML = this.message;
- }
- // Append toasft
- Toast._container.appendChild(toast);
- return toast;
- }
- /**
- * Animate in toast
- */
- }, {
- key: '_animateIn',
- value: function _animateIn() {
- // Animate toast in
- Vel(this.el, { top: 0, opacity: 1 }, {
- duration: 300,
- easing: 'easeOutCubic',
- queue: false
- });
- }
- /**
- * Create setInterval which automatically removes toast when timeRemaining >= 0
- * has been reached
- */
- }, {
- key: 'setTimer',
- value: function setTimer() {
- var _this3 = this;
- if (this.timeRemaining !== Infinity) {
- this.counterInterval = setInterval(function () {
- // If toast is not being dragged, decrease its time remaining
- if (!_this3.panning) {
- _this3.timeRemaining -= 20;
- }
- // Animate toast out
- if (_this3.timeRemaining <= 0) {
- _this3.remove();
- }
- }, 20);
- }
- }
- /**
- * Dismiss toast with animation
- */
- }, {
- key: 'remove',
- value: function remove() {
- var _this4 = 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;
- }
- Vel(this.el, { opacity: 0, marginTop: '-40px' }, {
- duration: this.options.outDuration,
- easing: 'easeOutExpo',
- queue: false,
- complete: function () {
- // Call the optional callback
- if (typeof _this4.options.completeCallback === 'function') {
- _this4.options.completeCallback();
- }
- // Remove toast from DOM
- _this4.el.parentNode.removeChild(_this4.el);
- Toast._toasts.splice(Toast._toasts.indexOf(_this4), 1);
- if (Toast._toasts.length === 0) {
- Toast._removeContainer();
- }
- }
- });
- }
- }], [{
- key: '_createContainer',
- /**
- * Append toast container and add event handlers
- */
- 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.parentNode.removeChild(Toast._container);
- 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
- * @param {Event} e
- */
- }, {
- key: '_onDragEnd',
- value: function _onDragEnd(e) {
- 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.remove();
- // 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: 'removeAll',
- value: function removeAll() {
- for (var toastIndex in Toast._toasts) {
- Toast._toasts[toastIndex].remove();
- }
- }
- }, {
- 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;
- Materialize.Toast = Toast;
- Materialize.toast = function (message, displayLength, className, completeCallback) {
- return new Toast(message, displayLength, className, completeCallback);
- };
- })(jQuery, Materialize.Vel);
- ; (function ($) {
- var methods = {
- init: function (options) {
- var defaults = {
- menuWidth: 300,
- edge: 'left',
- closeOnClick: false,
- draggable: true,
- onOpen: null,
- onClose: null
- };
- options = $.extend(defaults, options);
- $(this).each(function () {
- var $this = $(this);
- var menuId = $this.attr('data-activates');
- var menu = $("#" + menuId);
- // Set to width
- if (options.menuWidth != 300) {
- menu.css('width', options.menuWidth);
- }
- // Add Touch Area
- var $dragTarget = $('.drag-target[data-sidenav="' + menuId + '"]');
- if (options.draggable) {
- // Regenerate dragTarget
- if ($dragTarget.length) {
- $dragTarget.remove();
- }
- $dragTarget = $('<div class="drag-target"></div>').attr('data-sidenav', menuId);
- $('body').append($dragTarget);
- } else {
- $dragTarget = $();
- }
- if (options.edge == 'left') {
- menu.css('transform', 'translateX(-100%)');
- $dragTarget.css({ 'left': 0 }); // Add Touch Area
- } else {
- menu.addClass('right-aligned') // Change text-alignment to right
- .css('transform', 'translateX(100%)');
- $dragTarget.css({ 'right': 0 }); // Add Touch Area
- }
- // If fixed sidenav, bring menu out
- if (menu.hasClass('fixed')) {
- if (window.innerWidth > 992) {
- menu.css('transform', 'translateX(0)');
- }
- }
- // Window resize to reset on large screens fixed
- if (menu.hasClass('fixed')) {
- $(window).resize(function () {
- if (window.innerWidth > 992) {
- // Close menu if window is resized bigger than 992 and user has fixed sidenav
- if ($('#sidenav-overlay').length !== 0 && menuOut) {
- removeMenu(true);
- } else {
- // menu.removeAttr('style');
- menu.css('transform', 'translateX(0%)');
- // menu.css('width', options.menuWidth);
- }
- } else if (menuOut === false) {
- if (options.edge === 'left') {
- menu.css('transform', 'translateX(-100%)');
- } else {
- menu.css('transform', 'translateX(100%)');
- }
- }
- });
- }
- // if closeOnClick, then add close event for all a tags in side sideNav
- if (options.closeOnClick === true) {
- menu.on("click.itemclick", "a:not(.collapsible-header)", function () {
- if (!(window.innerWidth > 992 && menu.hasClass('fixed'))) {
- removeMenu();
- }
- });
- }
- var removeMenu = function (restoreNav) {
- panning = false;
- menuOut = false;
- // Reenable scrolling
- $('body').css({
- overflow: '',
- width: ''
- });
- $('#sidenav-overlay').velocity({ opacity: 0 }, {
- duration: 200,
- queue: false, easing: 'easeOutQuad',
- complete: function () {
- $(this).remove();
- }
- });
- if (options.edge === 'left') {
- // Reset phantom div
- $dragTarget.css({ width: '', right: '', left: '0' });
- menu.velocity({ 'translateX': '-100%' }, {
- duration: 200,
- queue: false,
- easing: 'easeOutCubic',
- complete: function () {
- if (restoreNav === true) {
- // Restore Fixed sidenav
- menu.removeAttr('style');
- menu.css('width', options.menuWidth);
- }
- }
- });
- } else {
- // Reset phantom div
- $dragTarget.css({ width: '', right: '0', left: '' });
- menu.velocity({ 'translateX': '100%' }, {
- duration: 200,
- queue: false,
- easing: 'easeOutCubic',
- complete: function () {
- if (restoreNav === true) {
- // Restore Fixed sidenav
- menu.removeAttr('style');
- menu.css('width', options.menuWidth);
- }
- }
- });
- }
- // Callback
- if (typeof options.onClose === 'function') {
- options.onClose.call(this, menu);
- }
- };
- // Touch Event
- var panning = false;
- var menuOut = false;
- if (options.draggable) {
- $dragTarget.on('click', function () {
- if (menuOut) {
- removeMenu();
- }
- });
- $dragTarget.hammer({
- prevent_default: false
- }).on('pan', function (e) {
- if (e.gesture.pointerType == "touch") {
- var direction = e.gesture.direction;
- var x = e.gesture.center.x;
- var y = e.gesture.center.y;
- var velocityX = e.gesture.velocityX;
- // Vertical scroll bugfix
- if (x === 0 && y === 0) {
- return;
- }
- // Disable Scrolling
- var $body = $('body');
- var $overlay = $('#sidenav-overlay');
- var oldWidth = $body.innerWidth();
- $body.css('overflow', 'hidden');
- $body.width(oldWidth);
- // If overlay does not exist, create one and if it is clicked, close menu
- if ($overlay.length === 0) {
- $overlay = $('<div id="sidenav-overlay"></div>');
- $overlay.css('opacity', 0).click(function () {
- removeMenu();
- });
- // Run 'onOpen' when sidenav is opened via touch/swipe if applicable
- if (typeof options.onOpen === 'function') {
- options.onOpen.call(this, menu);
- }
- $('body').append($overlay);
- }
- // Keep within boundaries
- if (options.edge === 'left') {
- if (x > options.menuWidth) {
- x = options.menuWidth;
- } else if (x < 0) {
- x = 0;
- }
- }
- if (options.edge === 'left') {
- // Left Direction
- if (x < options.menuWidth / 2) {
- menuOut = false;
- }
- // Right Direction
- else if (x >= options.menuWidth / 2) {
- menuOut = true;
- }
- menu.css('transform', 'translateX(' + (x - options.menuWidth) + 'px)');
- } else {
- // Left Direction
- if (x < window.innerWidth - options.menuWidth / 2) {
- menuOut = true;
- }
- // Right Direction
- else if (x >= window.innerWidth - options.menuWidth / 2) {
- menuOut = false;
- }
- var rightPos = x - options.menuWidth / 2;
- if (rightPos < 0) {
- rightPos = 0;
- }
- menu.css('transform', 'translateX(' + rightPos + 'px)');
- }
- // Percentage overlay
- var overlayPerc;
- if (options.edge === 'left') {
- overlayPerc = x / options.menuWidth;
- $overlay.velocity({ opacity: overlayPerc }, { duration: 10, queue: false, easing: 'easeOutQuad' });
- } else {
- overlayPerc = Math.abs((x - window.innerWidth) / options.menuWidth);
- $overlay.velocity({ opacity: overlayPerc }, { duration: 10, queue: false, easing: 'easeOutQuad' });
- }
- }
- }).on('panend', function (e) {
- if (e.gesture.pointerType == "touch") {
- var $overlay = $('#sidenav-overlay');
- var velocityX = e.gesture.velocityX;
- var x = e.gesture.center.x;
- var leftPos = x - options.menuWidth;
- var rightPos = x - options.menuWidth / 2;
- if (leftPos > 0) {
- leftPos = 0;
- }
- if (rightPos < 0) {
- rightPos = 0;
- }
- panning = false;
- if (options.edge === 'left') {
- // If velocityX <= 0.3 then the user is flinging the menu closed so ignore menuOut
- if (menuOut && velocityX <= 0.3 || velocityX < -0.5) {
- // Return menu to open
- if (leftPos !== 0) {
- menu.velocity({ 'translateX': [0, leftPos] }, { duration: 300, queue: false, easing: 'easeOutQuad' });
- }
- $overlay.velocity({ opacity: 1 }, { duration: 50, queue: false, easing: 'easeOutQuad' });
- $dragTarget.css({ width: '50%', right: 0, left: '' });
- menuOut = true;
- } else if (!menuOut || velocityX > 0.3) {
- // Enable Scrolling
- $('body').css({
- overflow: '',
- width: ''
- });
- // Slide menu closed
- menu.velocity({ 'translateX': [-1 * options.menuWidth - 10, leftPos] }, { duration: 200, queue: false, easing: 'easeOutQuad' });
- $overlay.velocity({ opacity: 0 }, {
- duration: 200, queue: false, easing: 'easeOutQuad',
- complete: function () {
- // Run 'onClose' when sidenav is closed via touch/swipe if applicable
- if (typeof options.onClose === 'function') {
- options.onClose.call(this, menu);
- }
- $(this).remove();
- }
- });
- $dragTarget.css({ width: '10px', right: '', left: 0 });
- }
- } else {
- if (menuOut && velocityX >= -0.3 || velocityX > 0.5) {
- // Return menu to open
- if (rightPos !== 0) {
- menu.velocity({ 'translateX': [0, rightPos] }, { duration: 300, queue: false, easing: 'easeOutQuad' });
- }
- $overlay.velocity({ opacity: 1 }, { duration: 50, queue: false, easing: 'easeOutQuad' });
- $dragTarget.css({ width: '50%', right: '', left: 0 });
- menuOut = true;
- } else if (!menuOut || velocityX < -0.3) {
- // Enable Scrolling
- $('body').css({
- overflow: '',
- width: ''
- });
- // Slide menu closed
- menu.velocity({ 'translateX': [options.menuWidth + 10, rightPos] }, { duration: 200, queue: false, easing: 'easeOutQuad' });
- $overlay.velocity({ opacity: 0 }, {
- duration: 200, queue: false, easing: 'easeOutQuad',
- complete: function () {
- // Run 'onClose' when sidenav is closed via touch/swipe if applicable
- if (typeof options.onClose === 'function') {
- options.onClose.call(this, menu);
- }
- $(this).remove();
- }
- });
- $dragTarget.css({ width: '10px', right: 0, left: '' });
- }
- }
- }
- });
- }
- $this.off('click.sidenav').on('click.sidenav', function () {
- if (menuOut === true) {
- menuOut = false;
- panning = false;
- removeMenu();
- } else {
- // Disable Scrolling
- var $body = $('body');
- var $overlay = $('<div id="sidenav-overlay"></div>');
- var oldWidth = $body.innerWidth();
- $body.css('overflow', 'hidden');
- $body.width(oldWidth);
- // Push current drag target on top of DOM tree
- $('body').append($dragTarget);
- if (options.edge === 'left') {
- $dragTarget.css({ width: '50%', right: 0, left: '' });
- menu.velocity({ 'translateX': [0, -1 * options.menuWidth] }, { duration: 300, queue: false, easing: 'easeOutQuad' });
- } else {
- $dragTarget.css({ width: '50%', right: '', left: 0 });
- menu.velocity({ 'translateX': [0, options.menuWidth] }, { duration: 300, queue: false, easing: 'easeOutQuad' });
- }
- // Overlay close on click
- $overlay.css('opacity', 0).click(function () {
- menuOut = false;
- panning = false;
- removeMenu();
- $overlay.velocity({ opacity: 0 }, {
- duration: 300, queue: false, easing: 'easeOutQuad',
- complete: function () {
- $(this).remove();
- }
- });
- });
- // Append body
- $('body').append($overlay);
- $overlay.velocity({ opacity: 1 }, {
- duration: 300, queue: false, easing: 'easeOutQuad',
- complete: function () {
- menuOut = true;
- panning = false;
- }
- });
- // Callback
- if (typeof options.onOpen === 'function') {
- options.onOpen.call(this, menu);
- }
- }
- return false;
- });
- });
- },
- destroy: function () {
- var $overlay = $('#sidenav-overlay');
- var $dragTarget = $('.drag-target[data-sidenav="' + $(this).attr('data-activates') + '"]');
- $overlay.trigger('click');
- $dragTarget.remove();
- $(this).off('click');
- $overlay.remove();
- },
- show: function () {
- this.trigger('click');
- },
- hide: function () {
- $('#sidenav-overlay').trigger('click');
- }
- };
- $.fn.sideNav = function (methodOrOptions) {
- if (methods[methodOrOptions]) {
- return methods[methodOrOptions].apply(this, Array.prototype.slice.call(arguments, 1));
- } else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
- // Default to "init"
- return methods.init.apply(this, arguments);
- } else {
- $.error('Method ' + methodOrOptions + ' does not exist on jQuery.sideNav');
- }
- }; // Plugin end
- })(jQuery);
- ; /**
- * Extend jquery with a scrollspy plugin.
- * This watches the window scroll and fires events when elements are scrolled into viewport.
- *
- * throttle() and getTime() taken from Underscore.js
- * https://github.com/jashkenas/underscore
- *
- * @author Copyright 2013 John Smart
- * @license https://raw.github.com/thesmart/jquery-scrollspy/master/LICENSE
- * @see https://github.com/thesmart
- * @version 0.1.2
- */
- (function ($) {
- var jWindow = $(window);
- var elements = [];
- var elementsInView = [];
- var isSpying = false;
- var ticks = 0;
- var unique_id = 1;
- var offset = {
- top: 0,
- right: 0,
- bottom: 0,
- left: 0
- /**
- * Find elements that are within the boundary
- * @param {number} top
- * @param {number} right
- * @param {number} bottom
- * @param {number} left
- * @return {jQuery} A collection of elements
- */
- }; function findElements(top, right, bottom, left) {
- var hits = $();
- $.each(elements, function (i, element) {
- if (element.height() > 0) {
- var elTop = element.offset().top,
- elLeft = element.offset().left,
- elRight = elLeft + element.width(),
- elBottom = elTop + element.height();
- var isIntersect = !(elLeft > right || elRight < left || elTop > bottom || elBottom < top);
- if (isIntersect) {
- hits.push(element);
- }
- }
- });
- return hits;
- }
- /**
- * Called when the user scrolls the window
- */
- function onScroll(scrollOffset) {
- // unique tick id
- ++ticks;
- // viewport rectangle
- var top = jWindow.scrollTop(),
- left = jWindow.scrollLeft(),
- right = left + jWindow.width(),
- bottom = top + jWindow.height();
- // determine which elements are in view
- var intersections = findElements(top + offset.top + scrollOffset || 200, right + offset.right, bottom + offset.bottom, left + offset.left);
- $.each(intersections, function (i, element) {
- var lastTick = element.data('scrollSpy:ticks');
- if (typeof lastTick != 'number') {
- // entered into view
- element.triggerHandler('scrollSpy:enter');
- }
- // update tick id
- element.data('scrollSpy:ticks', ticks);
- });
- // determine which elements are no longer in view
- $.each(elementsInView, function (i, element) {
- var lastTick = element.data('scrollSpy:ticks');
- if (typeof lastTick == 'number' && lastTick !== ticks) {
- // exited from view
- element.triggerHandler('scrollSpy:exit');
- element.data('scrollSpy:ticks', null);
- }
- });
- // remember elements in view for next tick
- elementsInView = intersections;
- }
- /**
- * Called when window is resized
- */
- function onWinSize() {
- jWindow.trigger('scrollSpy:winSize');
- }
- /**
- * Enables ScrollSpy using a selector
- * @param {jQuery|string} selector The elements collection, or a selector
- * @param {Object=} options Optional.
- throttle : number -> scrollspy throttling. Default: 100 ms
- offsetTop : number -> offset from top. Default: 0
- offsetRight : number -> offset from right. Default: 0
- offsetBottom : number -> offset from bottom. Default: 0
- offsetLeft : number -> offset from left. Default: 0
- activeClass : string -> Class name to be added to the active link. Default: active
- * @returns {jQuery}
- */
- $.scrollSpy = function (selector, options) {
- 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 + '"]';
- }
- };
- options = $.extend(defaults, options);
- var visible = [];
- selector = $(selector);
- selector.each(function (i, element) {
- elements.push($(element));
- $(element).data("scrollSpy:id", i);
- // Smooth scroll to section
- $('a[href="#' + $(element).attr('id') + '"]').click(function (e) {
- e.preventDefault();
- var offset = $(Materialize.escapeHash(this.hash)).offset().top + 1;
- $('html, body').animate({ scrollTop: offset - options.scrollOffset }, { duration: 400, queue: false, easing: 'easeOutCubic' });
- });
- });
- offset.top = options.offsetTop || 0;
- offset.right = options.offsetRight || 0;
- offset.bottom = options.offsetBottom || 0;
- offset.left = options.offsetLeft || 0;
- var throttledScroll = Materialize.throttle(function () {
- onScroll(options.scrollOffset);
- }, options.throttle || 100);
- var readyScroll = function () {
- $(document).ready(throttledScroll);
- };
- if (!isSpying) {
- jWindow.on('scroll', readyScroll);
- jWindow.on('resize', readyScroll);
- isSpying = true;
- }
- // perform a scan once, after current execution context, and after dom is ready
- setTimeout(readyScroll, 0);
- selector.on('scrollSpy:enter', function () {
- visible = $.grep(visible, function (value) {
- return value.height() != 0;
- });
- var $this = $(this);
- if (visible[0]) {
- $(options.getActiveElement(visible[0].attr('id'))).removeClass(options.activeClass);
- if ($this.data('scrollSpy:id') < visible[0].data('scrollSpy:id')) {
- visible.unshift($(this));
- } else {
- visible.push($(this));
- }
- } else {
- visible.push($(this));
- }
- $(options.getActiveElement(visible[0].attr('id'))).addClass(options.activeClass);
- });
- selector.on('scrollSpy:exit', function () {
- visible = $.grep(visible, function (value) {
- return value.height() != 0;
- });
- if (visible[0]) {
- $(options.getActiveElement(visible[0].attr('id'))).removeClass(options.activeClass);
- var $this = $(this);
- visible = $.grep(visible, function (value) {
- return value.attr('id') != $this.attr('id');
- });
- if (visible[0]) {
- // Check if empty
- $(options.getActiveElement(visible[0].attr('id'))).addClass(options.activeClass);
- }
- }
- });
- return selector;
- };
- /**
- * Listen for window resize events
- * @param {Object=} options Optional. Set { throttle: number } to change throttling. Default: 100 ms
- * @returns {jQuery} $(window)
- */
- $.winSizeSpy = function (options) {
- $.winSizeSpy = function () {
- return jWindow;
- }; // lock from multiple calls
- options = options || {
- throttle: 100
- };
- return jWindow.on('resize', Materialize.throttle(onWinSize, options.throttle || 100));
- };
- /**
- * Enables ScrollSpy on a collection of elements
- * e.g. $('.scrollSpy').scrollSpy()
- * @param {Object=} options Optional.
- throttle : number -> scrollspy throttling. Default: 100 ms
- offsetTop : number -> offset from top. Default: 0
- offsetRight : number -> offset from right. Default: 0
- offsetBottom : number -> offset from bottom. Default: 0
- offsetLeft : number -> offset from left. Default: 0
- * @returns {jQuery}
- */
- $.fn.scrollSpy = function (options) {
- return $.scrollSpy($(this), options);
- };
- })(jQuery);
- ; (function ($) {
- $(document).ready(function () {
- // Function to update labels of text fields
- Materialize.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], textarea';
- $(input_selector).each(function (index, element) {
- var $this = $(this);
- if ($(element).val().length > 0 || $(element).is(':focus') || element.autofocus || $this.attr('placeholder') !== undefined) {
- $this.siblings('label').addClass('active');
- } else if ($(element)[0].validity) {
- $this.siblings('label').toggleClass('active', $(element)[0].validity.badInput === true);
- } else {
- $this.siblings('label').removeClass('active');
- }
- });
- };
- // 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], textarea';
- // Add active if form auto complete
- $(document).on('change', input_selector, function () {
- if ($(this).val().length !== 0 || $(this).attr('placeholder') !== undefined) {
- $(this).siblings('label').addClass('active');
- }
- validate_field($(this));
- });
- // Add active if input element has been pre-populated on document ready
- $(document).ready(function () {
- Materialize.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 () {
- if ($(this).attr('value') === '') {
- $(this).siblings('label').removeClass('active');
- }
- });
- // Reset select
- formReset.find('select.initialized').each(function () {
- var reset_text = formReset.find('option[selected]').text();
- formReset.siblings('input.select-dropdown').val(reset_text);
- });
- }
- });
- // Add active when element has focus
- $(document).on('focus', input_selector, function () {
- $(this).siblings('label, .prefix').addClass('active');
- });
- $(document).on('blur', input_selector, function () {
- var $inputElement = $(this);
- var selector = ".prefix";
- if ($inputElement.val().length === 0 && $inputElement[0].validity.badInput !== true && $inputElement.attr('placeholder') === undefined) {
- selector += ", label";
- }
- $inputElement.siblings(selector).removeClass('active');
- validate_field($inputElement);
- });
- window.validate_field = function (object) {
- var hasLength = object.attr('data-length') !== undefined;
- var lenAttr = parseInt(object.attr('data-length'));
- var len = object.val().length;
- if (object.val().length === 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');
- }
- }
- }
- };
- // Radio and Checkbox focus class
- var radio_checkbox = 'input[type=radio], input[type=checkbox]';
- $(document).on('keyup.radio', radio_checkbox, function (e) {
- // TAB, check if tabbing to radio or checkbox.
- if (e.which === 9) {
- $(this).addClass('tabbed');
- var $this = $(this);
- $this.one('blur', function (e) {
- $(this).removeClass('tabbed');
- });
- return;
- }
- });
- // Textarea Auto Resize
- var hiddenDiv = $('.hiddendiv').first();
- if (!hiddenDiv.length) {
- hiddenDiv = $('<div class="hiddendiv common"></div>');
- $('body').append(hiddenDiv);
- }
- var text_area_selector = '.materialize-textarea';
- function textareaAutoResize($textarea) {
- // Set font properties of hiddenDiv
- var fontFamily = $textarea.css('font-family');
- var fontSize = $textarea.css('font-size');
- var lineHeight = $textarea.css('line-height');
- var padding = $textarea.css('padding');
- if (fontSize) {
- hiddenDiv.css('font-size', fontSize);
- }
- if (fontFamily) {
- hiddenDiv.css('font-family', fontFamily);
- }
- if (lineHeight) {
- hiddenDiv.css('line-height', lineHeight);
- }
- if (padding) {
- hiddenDiv.css('padding', padding);
- }
- // 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.val() + '\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.is(':visible')) {
- hiddenDiv.css('width', $textarea.width());
- } else {
- hiddenDiv.css('width', $(window).width() / 2);
- }
- /**
- * Resize if the new height is greater than the
- * original height of the textarea
- */
- if ($textarea.data('original-height') <= hiddenDiv.height()) {
- $textarea.css('height', hiddenDiv.height());
- } else if ($textarea.val().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'));
- }
- $textarea.data('previous-length', $textarea.val().length);
- }
- $(text_area_selector).each(function () {
- var $textarea = $(this);
- /**
- * Instead of resizing textarea on document load,
- * store the original height and the original length
- */
- $textarea.data('original-height', $textarea.height());
- $textarea.data('previous-length', $textarea.val().length);
- });
- $('body').on('keyup keydown autoresize', text_area_selector, function () {
- 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.val(file_names.join(", "));
- path_input.trigger('change');
- });
- /****************
- * Range Input *
- ****************/
- var range_type = 'input[type=range]';
- var range_mousedown = false;
- var left;
- $(range_type).each(function () {
- var thumb = $('<span class="thumb"><span class="value"></span></span>');
- $(this).after(thumb);
- });
- var showRangeBubble = function (thumb) {
- var paddingLeft = parseInt(thumb.parent().css('padding-left'));
- var marginLeft = -7 + paddingLeft + 'px';
- thumb.velocity({ height: "30px", width: "30px", top: "-30px", marginLeft: marginLeft }, { duration: 300, easing: 'easeOutExpo' });
- };
- var calcRangeOffset = function (range) {
- var width = range.width() - 15;
- var max = parseFloat(range.attr('max'));
- var min = parseFloat(range.attr('min'));
- var percent = (parseFloat(range.val()) - min) / (max - min);
- return percent * width;
- };
- var range_wrapper = '.range-field';
- $(document).on('change', range_type, function (e) {
- var thumb = $(this).siblings('.thumb');
- thumb.find('.value').html($(this).val());
- if (!thumb.hasClass('active')) {
- showRangeBubble(thumb);
- }
- var offsetLeft = calcRangeOffset($(this));
- thumb.addClass('active').css('left', offsetLeft);
- });
- $(document).on('mousedown touchstart', range_type, function (e) {
- var thumb = $(this).siblings('.thumb');
- // If thumb indicator does not exist yet, create it
- if (thumb.length <= 0) {
- thumb = $('<span class="thumb"><span class="value"></span></span>');
- $(this).after(thumb);
- }
- // Set indicator value
- thumb.find('.value').html($(this).val());
- range_mousedown = true;
- $(this).addClass('active');
- if (!thumb.hasClass('active')) {
- showRangeBubble(thumb);
- }
- if (e.type !== 'input') {
- var offsetLeft = calcRangeOffset($(this));
- thumb.addClass('active').css('left', offsetLeft);
- }
- });
- $(document).on('mouseup touchend', range_wrapper, function () {
- range_mousedown = false;
- $(this).removeClass('active');
- });
- $(document).on('input mousemove touchmove', range_wrapper, function (e) {
- var thumb = $(this).children('.thumb');
- var left;
- var input = $(this).find(range_type);
- if (range_mousedown) {
- if (!thumb.hasClass('active')) {
- showRangeBubble(thumb);
- }
- var offsetLeft = calcRangeOffset(input);
- thumb.addClass('active').css('left', offsetLeft);
- thumb.find('.value').html(thumb.siblings(range_type).val());
- }
- });
- $(document).on('mouseout touchleave', range_wrapper, function () {
- if (!range_mousedown) {
- var thumb = $(this).children('.thumb');
- var paddingLeft = parseInt($(this).css('padding-left'));
- var marginLeft = 7 + paddingLeft + 'px';
- if (thumb.hasClass('active')) {
- thumb.velocity({ height: '0', width: '0', top: '10px', marginLeft: marginLeft }, { duration: 100 });
- }
- thumb.removeClass('active');
- }
- });
- /**************************
- * Auto complete plugin *
- *************************/
- $.fn.autocomplete = function (options) {
- // Defaults
- var defaults = {
- data: {},
- limit: Infinity,
- onAutocomplete: null,
- minLength: 1
- };
- options = $.extend(defaults, options);
- return this.each(function () {
- var $input = $(this);
- var data = options.data,
- count = 0,
- activeIndex = -1,
- oldVal,
- $inputDiv = $input.closest('.input-field'); // Div to append on
- // Check if data isn't empty
- if (!$.isEmptyObject(data)) {
- var $autocomplete = $('<ul class="autocomplete-content dropdown-content"></ul>');
- var $oldAutocomplete;
- // Append autocomplete element.
- // Prevent double structure init.
- if ($inputDiv.length) {
- $oldAutocomplete = $inputDiv.children('.autocomplete-content.dropdown-content').first();
- if (!$oldAutocomplete.length) {
- $inputDiv.append($autocomplete); // Set ul in body
- }
- } else {
- $oldAutocomplete = $input.next('.autocomplete-content.dropdown-content');
- if (!$oldAutocomplete.length) {
- $input.after($autocomplete);
- }
- }
- if ($oldAutocomplete.length) {
- $autocomplete = $oldAutocomplete;
- }
- // Highlight partial match.
- var highlight = function (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
- var resetCurrentElement = function () {
- activeIndex = -1;
- $autocomplete.find('.active').removeClass('active');
- };
- // Remove autocomplete elements
- var removeAutocomplete = function () {
- $autocomplete.empty();
- resetCurrentElement();
- oldVal = undefined;
- };
- $input.off('blur.autocomplete').on('blur.autocomplete', function () {
- removeAutocomplete();
- });
- // Perform search
- $input.off('keyup.autocomplete focus.autocomplete').on('keyup.autocomplete focus.autocomplete', function (e) {
- // Reset count.
- count = 0;
- var val = $input.val().toLowerCase();
- // Don't capture enter or arrow key usage.
- if (e.which === 13 || e.which === 38 || e.which === 40) {
- return;
- }
- // Check if the input isn't empty
- if (oldVal !== val) {
- removeAutocomplete();
- if (val.length >= options.minLength) {
- for (var key in data) {
- if (data.hasOwnProperty(key) && key.toLowerCase().indexOf(val) !== -1) {
- // Break if past limit
- if (count >= options.limit) {
- break;
- }
- var autocompleteOption = $('<li></li>');
- if (!!data[key]) {
- autocompleteOption.append('<img src="' + data[key] + '" class="right circle"><span>' + key + '</span>');
- } else {
- autocompleteOption.append('<span>' + key + '</span>');
- }
- $autocomplete.append(autocompleteOption);
- highlight(val, autocompleteOption);
- count++;
- }
- }
- }
- }
- // Update oldVal
- oldVal = val;
- });
- $input.off('keydown.autocomplete').on('keydown.autocomplete', function (e) {
- // Arrow keys and enter key usage
- var keyCode = e.which,
- liElement,
- numItems = $autocomplete.children('li').length,
- $active = $autocomplete.children('.active').first();
- // select element on Enter
- if (keyCode === 13 && activeIndex >= 0) {
- liElement = $autocomplete.children('li').eq(activeIndex);
- if (liElement.length) {
- liElement.trigger('mousedown.autocomplete');
- e.preventDefault();
- }
- return;
- }
- // Capture up and down key
- if (keyCode === 38 || keyCode === 40) {
- e.preventDefault();
- if (keyCode === 38 && activeIndex > 0) {
- activeIndex--;
- }
- if (keyCode === 40 && activeIndex < numItems - 1) {
- activeIndex++;
- }
- $active.removeClass('active');
- if (activeIndex >= 0) {
- $autocomplete.children('li').eq(activeIndex).addClass('active');
- }
- }
- });
- // Set input value
- $autocomplete.off('mousedown.autocomplete touchstart.autocomplete').on('mousedown.autocomplete touchstart.autocomplete', 'li', function () {
- var text = $(this).text().trim();
- $input.val(text);
- $input.trigger('change');
- removeAutocomplete();
- // Handle onAutocomplete callback.
- if (typeof options.onAutocomplete === "function") {
- options.onAutocomplete.call(this, text);
- }
- });
- // Empty data
- } else {
- $input.off('keyup.autocomplete focus.autocomplete');
- }
- });
- };
- }); // End of $(document).ready
- /*******************
- * Select Plugin *
- ******************/
- $.fn.material_select = function (callback) {
- $(this).each(function () {
- var $select = $(this);
- if ($select.hasClass('browser-default')) {
- return; // Continue to next (return false breaks out of entire loop)
- }
- var multiple = $select.attr('multiple') ? true : false,
- lastID = $select.attr('data-select-id'); // Tear down structure if Select needs to be rebuilt
- if (lastID) {
- $select.parent().find('span.caret').remove();
- $select.parent().find('input').remove();
- $select.unwrap();
- $('ul#select-options-' + lastID).remove();
- }
- // If destroying the select, remove the selelct-id and reset it to it's uninitialized state.
- if (callback === 'destroy') {
- $select.removeAttr('data-select-id').removeClass('initialized');
- $(window).off('click.select');
- return;
- }
- var uniqueID = Materialize.guid();
- $select.attr('data-select-id', uniqueID);
- var wrapper = $('<div class="select-wrapper"></div>');
- wrapper.addClass($select.attr('class'));
- if ($select.is(':disabled')) wrapper.addClass('disabled');
- var options = $('<ul id="select-options-' + uniqueID + '" class="dropdown-content select-dropdown ' + (multiple ? 'multiple-select-dropdown' : '') + '"></ul>'),
- selectChildren = $select.children('option, optgroup'),
- valuesSelected = [],
- optionsHover = false;
- var label = $select.find('option:selected').html() || $select.find('option:first').html() || "";
- var a = "disabled"
- var a1 = $("#send_file")[0];
- var a2 = $("#qiehuanbtn")[0];
- var a3 = $("#send_string")[0];
- var a4 = $("#uploadpy")[0];
- if (label == CCB.str_group.no_port_option || !!!isgetmcnty) {
- if (a1.className.indexOf("disabled") != -1) {
- } else {
- a1.className += a;
- a2.className += a;
- a3.className += a;
- a4.className += a;
- // $("#refresh-disabled").css("display","block");
- $("#refresh").css("display","block");
- $("#refresh-press").css("display","none");
- $("#progress").css("display","none");
- $("#uploader_connect_status").css("display","block");
- $("#runSuccess").css("display","none");
- $("#runFail").css("display","none");
- $(".determinate").css("width","0%");
- $("#statusMsg").replaceWith(`<span id="statusMsg" style="display: none;"></span>`);
- $('#device_connect_status').replaceWith(`<span id="device_connect_status" style="color: #222222;font-family: '微软雅黑';font-size: 16px;font-weight: bold;"><span id="device_connect_status_txt">${Ardublockly.LOCALISED_TEXT.device_no_connect}    </span></span>`);
- }
- } else {
- a1.className = a1.className.replace(a, "");
- a2.className = a2.className.replace(a, "");
- a3.className = a3.className.replace(a, "");
- a4.className = a4.className.replace(a, "");
- // $("#refresh-disabled").css("display","none");
- $("#refresh").css("display","block");
- $("#refresh-press").css("display","none");
- $("#progress").css("display","block");
- $("#uploader_connect_status").css("display","none");
- $("#statusMsg").css("display","block");
- $('#device_connect_status').replaceWith(`<span id="device_connect_status" style="color: #222222;font-family: '微软雅黑';font-size: 16px;font-weight: bold;"><span id="device_connect_status_txt">${Ardublockly.LOCALISED_TEXT.device_connect}    </span></span>`);
- }
- // Function that renders and appends the option taking into
- // account type and possible image icon.
- var appendOptionWithIcon = function (select, option, type) {
- // Add disabled attr if disabled
- var disabledClass = option.is(':disabled') ? 'disabled ' : '';
- var optgroupClass = type === 'optgroup-option' ? 'optgroup-option ' : '';
- var multipleCheckbox = multiple ? '<input type="checkbox"' + disabledClass + '/><label></label>' : '';
- // add icons
- var icon_url = option.data('icon');
- var classes = option.attr('class');
- if (!!icon_url) {
- var classString = '';
- if (!!classes) classString = ' class="' + classes + '"';
- // Check for multiple type.
- options.append($('<li class="' + disabledClass + optgroupClass + '"><img alt="" src="' + icon_url + '"' + classString + '><span>' + multipleCheckbox + option.html() + '</span></li>'));
- return true;
- }
- // Check for multiple type.
- options.append($('<li class="' + disabledClass + optgroupClass + '"><span>' + multipleCheckbox + option.html() + '</span></li>'));
- };
- /* Create dropdown structure. */
- if (selectChildren.length) {
- selectChildren.each(function () {
- if ($(this).is('option')) {
- // Direct descendant option.
- if (multiple) {
- appendOptionWithIcon($select, $(this), 'multiple');
- } else {
- appendOptionWithIcon($select, $(this));
- }
- } else if ($(this).is('optgroup')) {
- // Optgroup.
- var selectOptions = $(this).children('option');
- options.append($('<li class="optgroup"><span>' + $(this).attr('label') + '</span></li>'));
- selectOptions.each(function () {
- appendOptionWithIcon($select, $(this), 'optgroup-option');
- });
- }
- });
- }
- options.find('li:not(.optgroup)').each(function (i) {
- $(this).click(function (e) {
- // Check if option element is disabled
- if (!$(this).hasClass('disabled') && !$(this).hasClass('optgroup')) {
- var selected = true;
- if (multiple) {
- $('input[type="checkbox"]', this).prop('checked', function (i, v) {
- return !v;
- });
- selected = toggleEntryFromArray(valuesSelected, i, $select);
- $newSelect.trigger('focus');
- } else {
- options.find('li').removeClass('active');
- $(this).toggleClass('active');
- $newSelect.val($(this).text());
- }
- activateOption(options, $(this));
- $select.find('option').eq(i).prop('selected', selected);
- // Trigger onchange() event
- $select.trigger('change');
- if (typeof callback !== 'undefined') callback();
- }
- e.stopPropagation();
- });
- });
- // Wrap Elements
- $select.wrap(wrapper);
- // Add Select Display Element
- var dropdownIcon = $('<span class="caret">▼</span>');
- // escape double quotes
- var sanitizedLabelHtml = label.replace(/"/g, '"');
- var $newSelect = $('<input type="text" class="select-dropdown" readonly="true" ' + ($select.is(':disabled') ? 'disabled' : '') + ' data-activates="select-options-' + uniqueID + '" value="' + sanitizedLabelHtml + '"/>');
- $select.before($newSelect);
- $newSelect.before(dropdownIcon);
- $newSelect.after(options);
- // Check if section element is disabled
- if (!$select.is(':disabled')) {
- $newSelect.dropdown({ 'hover': false });
- }
- // Copy tabindex
- if ($select.attr('tabindex')) {
- $($newSelect[0]).attr('tabindex', $select.attr('tabindex'));
- }
- $select.addClass('initialized');
- $newSelect.on({
- 'focus': function () {
- if ($('ul.select-dropdown').not(options[0]).is(':visible')) {
- $('input.select-dropdown').trigger('close');
- $(window).off('click.select');
- }
- if (!options.is(':visible')) {
- $(this).trigger('open', ['focus']);
- var label = $(this).val();
- if (multiple && label.indexOf(',') >= 0) {
- label = label.split(',')[0];
- }
- var selectedOption = options.find('li').filter(function () {
- return $(this).text().toLowerCase() === label.toLowerCase();
- })[0];
- activateOption(options, selectedOption, true);
- $(window).off('click.select').on('click.select', function () {
- multiple && (optionsHover || $newSelect.trigger('close'));
- $(window).off('click.select');
- });
- }
- },
- 'click': function (e) {
- e.stopPropagation();
- }
- });
- $newSelect.on('blur', function () {
- if (!multiple) {
- $(this).trigger('close');
- $(window).off('click.select');
- }
- options.find('li.selected').removeClass('selected');
- });
- options.hover(function () {
- optionsHover = true;
- }, function () {
- optionsHover = false;
- });
- // Add initial multiple selections.
- if (multiple) {
- $select.find("option:selected:not(:disabled)").each(function () {
- var index = this.index;
- toggleEntryFromArray(valuesSelected, index, $select);
- options.find("li:not(.optgroup)").eq(index).find(":checkbox").prop("checked", true);
- });
- }
- /**
- * Make option as selected and scroll to selected position
- * @param {jQuery} collection Select options jQuery element
- * @param {Element} newOption element of the new option
- * @param {Boolean} firstActivation If on first activation of select
- */
- var activateOption = function (collection, newOption, firstActivation) {
- if (newOption) {
- collection.find('li.selected').removeClass('selected');
- var option = $(newOption);
- option.addClass('selected');
- if (!multiple || !!firstActivation) {
- options.scrollTo(option);
- }
- }
- };
- // Allow user to search by typing
- // this array is cleared after 1 second
- var filterQuery = [],
- onKeyDown = function (e) {
- // TAB - switch to another input
- if (e.which == 9) {
- $newSelect.trigger('close');
- return;
- }
- // ARROW DOWN WHEN SELECT IS CLOSED - open select options
- if (e.which == 40 && !options.is(':visible')) {
- $newSelect.trigger('open');
- return;
- }
- // ENTER WHEN SELECT IS CLOSED - submit form
- if (e.which == 13 && !options.is(':visible')) {
- return;
- }
- e.preventDefault();
- // 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) {
- filterQuery.push(letter);
- var string = filterQuery.join(''),
- newOption = options.find('li').filter(function () {
- return $(this).text().toLowerCase().indexOf(string) === 0;
- })[0];
- if (newOption) {
- activateOption(options, newOption);
- }
- }
- // ENTER - select option and close when select options are opened
- if (e.which == 13) {
- var activeOption = options.find('li.selected:not(.disabled)')[0];
- if (activeOption) {
- $(activeOption).trigger('click');
- if (!multiple) {
- $newSelect.trigger('close');
- }
- }
- }
- // ARROW DOWN - move to next not disabled option
- if (e.which == 40) {
- if (options.find('li.selected').length) {
- newOption = options.find('li.selected').next('li:not(.disabled)')[0];
- } else {
- newOption = options.find('li:not(.disabled)')[0];
- }
- activateOption(options, newOption);
- }
- // ESC - close options
- if (e.which == 27) {
- $newSelect.trigger('close');
- }
- // ARROW UP - move to previous not disabled option
- if (e.which == 38) {
- newOption = options.find('li.selected').prev('li:not(.disabled)')[0];
- if (newOption) activateOption(options, newOption);
- }
- // Automaticaly clean filter query so user can search again by starting letters
- setTimeout(function () {
- filterQuery = [];
- }, 1000);
- };
- $newSelect.on('keydown', onKeyDown);
- });
- function toggleEntryFromArray(entriesArray, entryIndex, select) {
- var index = entriesArray.indexOf(entryIndex),
- notAdded = index === -1;
- if (notAdded) {
- entriesArray.push(entryIndex);
- } else {
- entriesArray.splice(index, 1);
- }
- select.siblings('ul.dropdown-content').find('li:not(.optgroup)').eq(entryIndex).toggleClass('active');
- // use notAdded instead of true (to detect if the option is selected or not)
- select.find('option').eq(entryIndex).prop('selected', notAdded);
- setValueToInput(entriesArray, select);
- return notAdded;
- }
- function setValueToInput(entriesArray, select) {
- var value = '';
- for (var i = 0, count = entriesArray.length; i < count; i++) {
- var text = select.find('option').eq(entriesArray[i]).text();
- i === 0 ? value += text : value += ', ' + text;
- }
- if (value === '') {
- value = select.find('option:disabled').eq(0).text();
- }
- select.siblings('input.select-dropdown').val(value);
- }
- };
- })(jQuery);
- ; (function ($) {
- var methods = {
- init: function (options) {
- var defaults = {
- indicators: true,
- height: 400,
- transition: 500,
- interval: 6000
- };
- options = $.extend(defaults, options);
- return this.each(function () {
- // For each slider, we want to keep track of
- // which slide is active and its associated content
- var $this = $(this);
- var $slider = $this.find('ul.slides').first();
- var $slides = $slider.find('> li');
- var $active_index = $slider.find('.active').index();
- var $active, $indicators, $interval;
- if ($active_index != -1) {
- $active = $slides.eq($active_index);
- }
- // Transitions the caption depending on alignment
- function captionTransition(caption, duration) {
- if (caption.hasClass("center-align")) {
- caption.velocity({ opacity: 0, translateY: -100 }, { duration: duration, queue: false });
- } else if (caption.hasClass("right-align")) {
- caption.velocity({ opacity: 0, translateX: 100 }, { duration: duration, queue: false });
- } else if (caption.hasClass("left-align")) {
- caption.velocity({ opacity: 0, translateX: -100 }, { duration: duration, queue: false });
- }
- }
- // This function will transition the slide to any index of the next slide
- function moveToSlide(index) {
- // Wrap around indices.
- if (index >= $slides.length) index = 0; else if (index < 0) index = $slides.length - 1;
- $active_index = $slider.find('.active').index();
- // Only do if index changes
- if ($active_index != index) {
- $active = $slides.eq($active_index);
- $caption = $active.find('.caption');
- $active.removeClass('active');
- $active.velocity({ opacity: 0 }, {
- duration: options.transition, queue: false, easing: 'easeOutQuad',
- complete: function () {
- $slides.not('.active').velocity({ opacity: 0, translateX: 0, translateY: 0 }, { duration: 0, queue: false });
- }
- });
- captionTransition($caption, options.transition);
- // Update indicators
- if (options.indicators) {
- $indicators.eq($active_index).removeClass('active');
- }
- $slides.eq(index).velocity({ opacity: 1 }, { duration: options.transition, queue: false, easing: 'easeOutQuad' });
- $slides.eq(index).find('.caption').velocity({ opacity: 1, translateX: 0, translateY: 0 }, { duration: options.transition, delay: options.transition, queue: false, easing: 'easeOutQuad' });
- $slides.eq(index).addClass('active');
- // Update indicators
- if (options.indicators) {
- $indicators.eq(index).addClass('active');
- }
- }
- }
- // Set height of slider
- // If fullscreen, do nothing
- if (!$this.hasClass('fullscreen')) {
- if (options.indicators) {
- // Add height if indicators are present
- $this.height(options.height + 40);
- } else {
- $this.height(options.height);
- }
- $slider.height(options.height);
- }
- // Set initial positions of captions
- $slides.find('.caption').each(function () {
- captionTransition($(this), 0);
- });
- // Move img src into background-image
- $slides.find('img').each(function () {
- var placeholderBase64 = 'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
- if ($(this).attr('src') !== placeholderBase64) {
- $(this).css('background-image', 'url("' + $(this).attr('src') + '")');
- $(this).attr('src', placeholderBase64);
- }
- });
- // dynamically add indicators
- if (options.indicators) {
- $indicators = $('<ul class="indicators"></ul>');
- $slides.each(function (index) {
- var $indicator = $('<li class="indicator-item"></li>');
- // Handle clicks on indicators
- $indicator.click(function () {
- var $parent = $slider.parent();
- var curr_index = $parent.find($(this)).index();
- moveToSlide(curr_index);
- // reset interval
- clearInterval($interval);
- $interval = setInterval(function () {
- $active_index = $slider.find('.active').index();
- if ($slides.length == $active_index + 1) $active_index = 0; // loop to start
- else $active_index += 1;
- moveToSlide($active_index);
- }, options.transition + options.interval);
- });
- $indicators.append($indicator);
- });
- $this.append($indicators);
- $indicators = $this.find('ul.indicators').find('li.indicator-item');
- }
- if ($active) {
- $active.show();
- } else {
- $slides.first().addClass('active').velocity({ opacity: 1 }, { duration: options.transition, queue: false, easing: 'easeOutQuad' });
- $active_index = 0;
- $active = $slides.eq($active_index);
- // Update indicators
- if (options.indicators) {
- $indicators.eq($active_index).addClass('active');
- }
- }
- // Adjust height to current slide
- $active.find('img').each(function () {
- $active.find('.caption').velocity({ opacity: 1, translateX: 0, translateY: 0 }, { duration: options.transition, queue: false, easing: 'easeOutQuad' });
- });
- // auto scroll
- $interval = setInterval(function () {
- $active_index = $slider.find('.active').index();
- moveToSlide($active_index + 1);
- }, options.transition + options.interval);
- // HammerJS, Swipe navigation
- // Touch Event
- var panning = false;
- var swipeLeft = false;
- var swipeRight = false;
- $this.hammer({
- prevent_default: false
- }).on('pan', function (e) {
- if (e.gesture.pointerType === "touch") {
- // reset interval
- clearInterval($interval);
- var direction = e.gesture.direction;
- var x = e.gesture.deltaX;
- var velocityX = e.gesture.velocityX;
- var velocityY = e.gesture.velocityY;
- $curr_slide = $slider.find('.active');
- if (Math.abs(velocityX) > Math.abs(velocityY)) {
- $curr_slide.velocity({
- translateX: x
- }, { duration: 50, queue: false, easing: 'easeOutQuad' });
- }
- // Swipe Left
- if (direction === 4 && (x > $this.innerWidth() / 2 || velocityX < -0.65)) {
- swipeRight = true;
- }
- // Swipe Right
- else if (direction === 2 && (x < -1 * $this.innerWidth() / 2 || velocityX > 0.65)) {
- swipeLeft = true;
- }
- // Make Slide Behind active slide visible
- var next_slide;
- if (swipeLeft) {
- next_slide = $curr_slide.next();
- if (next_slide.length === 0) {
- next_slide = $slides.first();
- }
- next_slide.velocity({
- opacity: 1
- }, { duration: 300, queue: false, easing: 'easeOutQuad' });
- }
- if (swipeRight) {
- next_slide = $curr_slide.prev();
- if (next_slide.length === 0) {
- next_slide = $slides.last();
- }
- next_slide.velocity({
- opacity: 1
- }, { duration: 300, queue: false, easing: 'easeOutQuad' });
- }
- }
- }).on('panend', function (e) {
- if (e.gesture.pointerType === "touch") {
- $curr_slide = $slider.find('.active');
- panning = false;
- curr_index = $slider.find('.active').index();
- if (!swipeRight && !swipeLeft || $slides.length <= 1) {
- // Return to original spot
- $curr_slide.velocity({
- translateX: 0
- }, { duration: 300, queue: false, easing: 'easeOutQuad' });
- } else if (swipeLeft) {
- moveToSlide(curr_index + 1);
- $curr_slide.velocity({ translateX: -1 * $this.innerWidth() }, {
- duration: 300, queue: false, easing: 'easeOutQuad',
- complete: function () {
- $curr_slide.velocity({ opacity: 0, translateX: 0 }, { duration: 0, queue: false });
- }
- });
- } else if (swipeRight) {
- moveToSlide(curr_index - 1);
- $curr_slide.velocity({ translateX: $this.innerWidth() }, {
- duration: 300, queue: false, easing: 'easeOutQuad',
- complete: function () {
- $curr_slide.velocity({ opacity: 0, translateX: 0 }, { duration: 0, queue: false });
- }
- });
- }
- swipeLeft = false;
- swipeRight = false;
- // Restart interval
- clearInterval($interval);
- $interval = setInterval(function () {
- $active_index = $slider.find('.active').index();
- if ($slides.length == $active_index + 1) $active_index = 0; // loop to start
- else $active_index += 1;
- moveToSlide($active_index);
- }, options.transition + options.interval);
- }
- });
- $this.on('sliderPause', function () {
- clearInterval($interval);
- });
- $this.on('sliderStart', function () {
- clearInterval($interval);
- $interval = setInterval(function () {
- $active_index = $slider.find('.active').index();
- if ($slides.length == $active_index + 1) $active_index = 0; // loop to start
- else $active_index += 1;
- moveToSlide($active_index);
- }, options.transition + options.interval);
- });
- $this.on('sliderNext', function () {
- $active_index = $slider.find('.active').index();
- moveToSlide($active_index + 1);
- });
- $this.on('sliderPrev', function () {
- $active_index = $slider.find('.active').index();
- moveToSlide($active_index - 1);
- });
- });
- },
- pause: function () {
- $(this).trigger('sliderPause');
- },
- start: function () {
- $(this).trigger('sliderStart');
- },
- next: function () {
- $(this).trigger('sliderNext');
- },
- prev: function () {
- $(this).trigger('sliderPrev');
- }
- };
- $.fn.slider = function (methodOrOptions) {
- if (methods[methodOrOptions]) {
- return methods[methodOrOptions].apply(this, Array.prototype.slice.call(arguments, 1));
- } else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
- // Default to "init"
- return methods.init.apply(this, arguments);
- } else {
- $.error('Method ' + methodOrOptions + ' does not exist on jQuery.tooltip');
- }
- }; // Plugin end
- })(jQuery);
- ; (function ($) {
- $(document).ready(function () {
- $(document).on('click.card', '.card', function (e) {
- if ($(this).find('> .card-reveal').length) {
- var $card = $(e.target).closest('.card');
- if ($card.data('initialOverflow') === undefined) {
- $card.data('initialOverflow', $card.css('overflow') === undefined ? '' : $card.css('overflow'));
- }
- if ($(e.target).is($('.card-reveal .card-title>i'))) {
- // Make Reveal animate down and display none
- $(this).find('.card-reveal').velocity({ translateY: 0 }, {
- duration: 225,
- queue: false,
- easing: 'easeInOutQuad',
- complete: function () {
- $(this).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');
- $(this).find('.card-reveal').css({ display: 'block' }).velocity("stop", false).velocity({ translateY: '-100%' }, { duration: 300, queue: false, easing: 'easeInOutQuad' });
- }
- }
- });
- });
- })(jQuery);
- ; (function ($) {
- var materialChipsDefaults = {
- data: [],
- placeholder: '',
- secondaryPlaceholder: '',
- autocompleteOptions: {}
- };
- $(document).ready(function () {
- // Handle removal of static chips.
- $(document).on('click', '.chip .close', function (e) {
- var $chips = $(this).closest('.chips');
- if ($chips.attr('data-initialized')) {
- return;
- }
- $(this).closest('.chip').remove();
- });
- });
- $.fn.material_chip = function (options) {
- var self = this;
- this.$el = $(this);
- this.$document = $(document);
- this.SELS = {
- CHIPS: '.chips',
- CHIP: '.chip',
- INPUT: 'input',
- DELETE: '.material-icons',
- SELECTED_CHIP: '.selected'
- };
- if ('data' === options) {
- return this.$el.data('chips');
- }
- var curr_options = $.extend({}, materialChipsDefaults, options);
- self.hasAutocomplete = !$.isEmptyObject(curr_options.autocompleteOptions.data);
- // Initialize
- this.init = function () {
- var i = 0;
- var chips;
- self.$el.each(function () {
- var $chips = $(this);
- var chipId = Materialize.guid();
- self.chipId = chipId;
- if (!curr_options.data || !(curr_options.data instanceof Array)) {
- curr_options.data = [];
- }
- $chips.data('chips', curr_options.data);
- $chips.attr('data-index', i);
- $chips.attr('data-initialized', true);
- if (!$chips.hasClass(self.SELS.CHIPS)) {
- $chips.addClass('chips');
- }
- self.chips($chips, chipId);
- i++;
- });
- };
- this.handleEvents = function () {
- var SELS = self.SELS;
- self.$document.off('click.chips-focus', SELS.CHIPS).on('click.chips-focus', SELS.CHIPS, function (e) {
- $(e.target).find(SELS.INPUT).focus();
- });
- self.$document.off('click.chips-select', SELS.CHIP).on('click.chips-select', SELS.CHIP, function (e) {
- var $chip = $(e.target);
- if ($chip.length) {
- var wasSelected = $chip.hasClass('selected');
- var $chips = $chip.closest(SELS.CHIPS);
- $(SELS.CHIP).removeClass('selected');
- if (!wasSelected) {
- self.selectChip($chip.index(), $chips);
- }
- }
- });
- self.$document.off('keydown.chips').on('keydown.chips', function (e) {
- if ($(e.target).is('input, textarea')) {
- return;
- }
- // delete
- var $chip = self.$document.find(SELS.CHIP + SELS.SELECTED_CHIP);
- var $chips = $chip.closest(SELS.CHIPS);
- var length = $chip.siblings(SELS.CHIP).length;
- var index;
- if (!$chip.length) {
- return;
- }
- if (e.which === 8 || e.which === 46) {
- e.preventDefault();
- index = $chip.index();
- self.deleteChip(index, $chips);
- var selectIndex = null;
- if (index + 1 < length) {
- selectIndex = index;
- } else if (index === length || index + 1 === length) {
- selectIndex = length - 1;
- }
- if (selectIndex < 0) selectIndex = null;
- if (null !== selectIndex) {
- self.selectChip(selectIndex, $chips);
- }
- if (!length) $chips.find('input').focus();
- // left
- } else if (e.which === 37) {
- index = $chip.index() - 1;
- if (index < 0) {
- return;
- }
- $(SELS.CHIP).removeClass('selected');
- self.selectChip(index, $chips);
- // right
- } else if (e.which === 39) {
- index = $chip.index() + 1;
- $(SELS.CHIP).removeClass('selected');
- if (index > length) {
- $chips.find('input').focus();
- return;
- }
- self.selectChip(index, $chips);
- }
- });
- self.$document.off('focusin.chips', SELS.CHIPS + ' ' + SELS.INPUT).on('focusin.chips', SELS.CHIPS + ' ' + SELS.INPUT, function (e) {
- var $currChips = $(e.target).closest(SELS.CHIPS);
- $currChips.addClass('focus');
- $currChips.siblings('label, .prefix').addClass('active');
- $(SELS.CHIP).removeClass('selected');
- });
- self.$document.off('focusout.chips', SELS.CHIPS + ' ' + SELS.INPUT).on('focusout.chips', SELS.CHIPS + ' ' + SELS.INPUT, function (e) {
- var $currChips = $(e.target).closest(SELS.CHIPS);
- $currChips.removeClass('focus');
- // Remove active if empty
- if ($currChips.data('chips') === undefined || !$currChips.data('chips').length) {
- $currChips.siblings('label').removeClass('active');
- }
- $currChips.siblings('.prefix').removeClass('active');
- });
- self.$document.off('keydown.chips-add', SELS.CHIPS + ' ' + SELS.INPUT).on('keydown.chips-add', SELS.CHIPS + ' ' + SELS.INPUT, function (e) {
- var $target = $(e.target);
- var $chips = $target.closest(SELS.CHIPS);
- var chipsLength = $chips.children(SELS.CHIP).length;
- // enter
- if (13 === e.which) {
- // Override enter if autocompleting.
- if (self.hasAutocomplete && $chips.find('.autocomplete-content.dropdown-content').length && $chips.find('.autocomplete-content.dropdown-content').children().length) {
- return;
- }
- e.preventDefault();
- self.addChip({ tag: $target.val() }, $chips);
- $target.val('');
- return;
- }
- // delete or left
- if ((8 === e.keyCode || 37 === e.keyCode) && '' === $target.val() && chipsLength) {
- e.preventDefault();
- self.selectChip(chipsLength - 1, $chips);
- $target.blur();
- return;
- }
- });
- // Click on delete icon in chip.
- self.$document.off('click.chips-delete', SELS.CHIPS + ' ' + SELS.DELETE).on('click.chips-delete', SELS.CHIPS + ' ' + SELS.DELETE, function (e) {
- var $target = $(e.target);
- var $chips = $target.closest(SELS.CHIPS);
- var $chip = $target.closest(SELS.CHIP);
- e.stopPropagation();
- self.deleteChip($chip.index(), $chips);
- $chips.find('input').focus();
- });
- };
- this.chips = function ($chips, chipId) {
- $chips.empty();
- $chips.data('chips').forEach(function (elem) {
- $chips.append(self.renderChip(elem));
- });
- $chips.append($('<input id="' + chipId + '" class="input" placeholder="">'));
- self.setPlaceholder($chips);
- // Set for attribute for label
- var label = $chips.next('label');
- if (label.length) {
- label.attr('for', chipId);
- if ($chips.data('chips') !== undefined && $chips.data('chips').length) {
- label.addClass('active');
- }
- }
- // Setup autocomplete if needed.
- var input = $('#' + chipId);
- if (self.hasAutocomplete) {
- curr_options.autocompleteOptions.onAutocomplete = function (val) {
- self.addChip({ tag: val }, $chips);
- input.val('');
- input.focus();
- };
- input.autocomplete(curr_options.autocompleteOptions);
- }
- };
- /**
- * Render chip jQuery element.
- * @param {Object} elem
- * @return {jQuery}
- */
- this.renderChip = function (elem) {
- if (!elem.tag) return;
- var $renderedChip = $('<div class="chip"></div>');
- $renderedChip.text(elem.tag);
- if (elem.image) {
- $renderedChip.prepend($('<img />').attr('src', elem.image));
- }
- $renderedChip.append($('<i class="material-icons close">close</i>'));
- return $renderedChip;
- };
- this.setPlaceholder = function ($chips) {
- if ($chips.data('chips') !== undefined && !$chips.data('chips').length && curr_options.placeholder) {
- $chips.find('input').prop('placeholder', curr_options.placeholder);
- } else if (($chips.data('chips') === undefined || !!$chips.data('chips').length) && curr_options.secondaryPlaceholder) {
- $chips.find('input').prop('placeholder', curr_options.secondaryPlaceholder);
- }
- };
- this.isValid = function ($chips, elem) {
- var chips = $chips.data('chips');
- var exists = false;
- for (var i = 0; i < chips.length; i++) {
- if (chips[i].tag === elem.tag) {
- exists = true;
- return;
- }
- }
- return '' !== elem.tag && !exists;
- };
- this.addChip = function (elem, $chips) {
- if (!self.isValid($chips, elem)) {
- return;
- }
- var $renderedChip = self.renderChip(elem);
- var newData = [];
- var oldData = $chips.data('chips');
- for (var i = 0; i < oldData.length; i++) {
- newData.push(oldData[i]);
- }
- newData.push(elem);
- $chips.data('chips', newData);
- $renderedChip.insertBefore($chips.find('input'));
- $chips.trigger('chip.add', elem);
- self.setPlaceholder($chips);
- };
- this.deleteChip = function (chipIndex, $chips) {
- var chip = $chips.data('chips')[chipIndex];
- $chips.find('.chip').eq(chipIndex).remove();
- var newData = [];
- var oldData = $chips.data('chips');
- for (var i = 0; i < oldData.length; i++) {
- if (i !== chipIndex) {
- newData.push(oldData[i]);
- }
- }
- $chips.data('chips', newData);
- $chips.trigger('chip.delete', chip);
- self.setPlaceholder($chips);
- };
- this.selectChip = function (chipIndex, $chips) {
- var $chip = $chips.find('.chip').eq(chipIndex);
- if ($chip && false === $chip.hasClass('selected')) {
- $chip.addClass('selected');
- $chips.trigger('chip.select', $chips.data('chips')[chipIndex]);
- }
- };
- this.getChipsElement = function (index, $chips) {
- return $chips.eq(index);
- };
- // init
- this.init();
- this.handleEvents();
- };
- })(jQuery);
- ; (function ($) {
- $.fn.pushpin = function (options) {
- // Defaults
- var defaults = {
- top: 0,
- bottom: Infinity,
- offset: 0
- };
- // Remove pushpin event and classes
- if (options === "remove") {
- this.each(function () {
- if (id = $(this).data('pushpin-id')) {
- $(window).off('scroll.' + id);
- $(this).removeData('pushpin-id').removeClass('pin-top pinned pin-bottom').removeAttr('style');
- }
- });
- return false;
- }
- options = $.extend(defaults, options);
- $index = 0;
- return this.each(function () {
- var $uniqueId = Materialize.guid(),
- $this = $(this),
- $original_offset = $(this).offset().top;
- function removePinClasses(object) {
- object.removeClass('pin-top');
- object.removeClass('pinned');
- object.removeClass('pin-bottom');
- }
- function updateElements(objects, scrolled) {
- objects.each(function () {
- // Add position fixed (because its between top and bottom)
- if (options.top <= scrolled && options.bottom >= scrolled && !$(this).hasClass('pinned')) {
- removePinClasses($(this));
- $(this).css('top', options.offset);
- $(this).addClass('pinned');
- }
- // Add pin-top (when scrolled position is above top)
- if (scrolled < options.top && !$(this).hasClass('pin-top')) {
- removePinClasses($(this));
- $(this).css('top', 0);
- $(this).addClass('pin-top');
- }
- // Add pin-bottom (when scrolled position is below bottom)
- if (scrolled > options.bottom && !$(this).hasClass('pin-bottom')) {
- removePinClasses($(this));
- $(this).addClass('pin-bottom');
- $(this).css('top', options.bottom - $original_offset);
- }
- });
- }
- $(this).data('pushpin-id', $uniqueId);
- updateElements($this, $(window).scrollTop());
- $(window).on('scroll.' + $uniqueId, function () {
- var $scrolled = $(window).scrollTop() + options.offset;
- updateElements($this, $scrolled);
- });
- });
- };
- })(jQuery);; (function ($) {
- $(document).ready(function () {
- // jQuery reverse
- $.fn.reverse = [].reverse;
- // Hover behaviour: make sure this doesn't work on .click-to-toggle FABs!
- $(document).on('mouseenter.fixedActionBtn', '.fixed-action-btn:not(.click-to-toggle):not(.toolbar)', function (e) {
- var $this = $(this);
- openFABMenu($this);
- });
- $(document).on('mouseleave.fixedActionBtn', '.fixed-action-btn:not(.click-to-toggle):not(.toolbar)', function (e) {
- var $this = $(this);
- closeFABMenu($this);
- });
- // Toggle-on-click behaviour.
- $(document).on('click.fabClickToggle', '.fixed-action-btn.click-to-toggle > a', function (e) {
- var $this = $(this);
- var $menu = $this.parent();
- if ($menu.hasClass('active')) {
- closeFABMenu($menu);
- } else {
- openFABMenu($menu);
- }
- });
- // Toolbar transition behaviour.
- $(document).on('click.fabToolbar', '.fixed-action-btn.toolbar > a', function (e) {
- var $this = $(this);
- var $menu = $this.parent();
- FABtoToolbar($menu);
- });
- });
- $.fn.extend({
- openFAB: function () {
- openFABMenu($(this));
- },
- closeFAB: function () {
- closeFABMenu($(this));
- },
- openToolbar: function () {
- FABtoToolbar($(this));
- },
- closeToolbar: function () {
- toolbarToFAB($(this));
- }
- });
- var openFABMenu = function (btn) {
- var $this = btn;
- if ($this.hasClass('active') === false) {
- // Get direction option
- var horizontal = $this.hasClass('horizontal');
- var offsetY, offsetX;
- if (horizontal === true) {
- offsetX = 40;
- } else {
- offsetY = 40;
- }
- if ($this.find("div").length > 0) {
- $this.find("div")[0].style.display = "block";
- }
- else {
- $this.addClass('active');
- $this.find('ul .btn-floating').velocity({ scaleY: ".4", scaleX: ".4", translateY: offsetY + 'px', translateX: offsetX + 'px' }, { duration: 0 });
- var time = 0;
- $this.find('ul .btn-floating').reverse().each(function () {
- $(this).velocity({ opacity: "1", scaleX: "1", scaleY: "1", translateY: "0", translateX: '0' }, { duration: 80, delay: time });
- time += 40;
- });
- }
- }
- };
- var closeFABMenu = function (btn) {
- var $this = btn;
- // Get direction option
- var horizontal = $this.hasClass('horizontal');
- var offsetY, offsetX;
- if (horizontal === true) {
- offsetX = 40;
- } else {
- offsetY = 40;
- }
- $this.removeClass('active');
- var time = 0;
- $this.find('ul .btn-floating').velocity("stop", true);
- $this.find('ul .btn-floating').velocity({ opacity: "0", scaleX: ".4", scaleY: ".4", translateY: offsetY + 'px', translateX: offsetX + 'px' }, { duration: 80 });
- };
- /**
- * Transform FAB into toolbar
- * @param {Object} object jQuery object
- */
- var FABtoToolbar = function (btn) {
- if (btn.attr('data-open') === "true") {
- return;
- }
- var offsetX, offsetY, scaleFactor;
- var windowWidth = window.innerWidth;
- var windowHeight = window.innerHeight;
- var btnRect = btn[0].getBoundingClientRect();
- var anchor = btn.find('> a').first();
- var menu = btn.find('> ul').first();
- var backdrop = $('<div class="fab-backdrop"></div>');
- var fabColor = anchor.css('background-color');
- anchor.append(backdrop);
- offsetX = btnRect.left - windowWidth / 2 + btnRect.width / 2;
- offsetY = windowHeight - btnRect.bottom;
- scaleFactor = windowWidth / backdrop.width();
- btn.attr('data-origin-bottom', btnRect.bottom);
- btn.attr('data-origin-left', btnRect.left);
- btn.attr('data-origin-width', btnRect.width);
- // Set initial state
- btn.addClass('active');
- btn.attr('data-open', true);
- btn.css({
- 'text-align': 'center',
- width: '100%',
- bottom: 0,
- left: 0,
- transform: 'translateX(' + offsetX + 'px)',
- transition: 'none'
- });
- anchor.css({
- transform: 'translateY(' + -offsetY + 'px)',
- transition: 'none'
- });
- backdrop.css({
- 'background-color': fabColor
- });
- setTimeout(function () {
- btn.css({
- transform: '',
- transition: 'transform .2s cubic-bezier(0.550, 0.085, 0.680, 0.530), background-color 0s linear .2s'
- });
- anchor.css({
- overflow: 'visible',
- transform: '',
- transition: 'transform .2s'
- });
- setTimeout(function () {
- btn.css({
- overflow: 'hidden',
- 'background-color': fabColor
- });
- backdrop.css({
- transform: 'scale(' + scaleFactor + ')',
- transition: 'transform .2s cubic-bezier(0.550, 0.055, 0.675, 0.190)'
- });
- menu.find('> li > a').css({
- opacity: 1
- });
- // Scroll to close.
- $(window).on('scroll.fabToolbarClose', function () {
- toolbarToFAB(btn);
- $(window).off('scroll.fabToolbarClose');
- $(document).off('click.fabToolbarClose');
- });
- $(document).on('click.fabToolbarClose', function (e) {
- if (!$(e.target).closest(menu).length) {
- toolbarToFAB(btn);
- $(window).off('scroll.fabToolbarClose');
- $(document).off('click.fabToolbarClose');
- }
- });
- }, 100);
- }, 0);
- };
- /**
- * Transform toolbar back into FAB
- * @param {Object} object jQuery object
- */
- var toolbarToFAB = function (btn) {
- if (btn.attr('data-open') !== "true") {
- return;
- }
- var offsetX, offsetY, scaleFactor;
- var windowWidth = window.innerWidth;
- var windowHeight = window.innerHeight;
- var btnWidth = btn.attr('data-origin-width');
- var btnBottom = btn.attr('data-origin-bottom');
- var btnLeft = btn.attr('data-origin-left');
- var anchor = btn.find('> .btn-floating').first();
- var menu = btn.find('> ul').first();
- var backdrop = btn.find('.fab-backdrop');
- var fabColor = anchor.css('background-color');
- offsetX = btnLeft - windowWidth / 2 + btnWidth / 2;
- offsetY = windowHeight - btnBottom;
- scaleFactor = windowWidth / backdrop.width();
- // Hide backdrop
- btn.removeClass('active');
- btn.attr('data-open', false);
- btn.css({
- 'background-color': 'transparent',
- transition: 'none'
- });
- anchor.css({
- transition: 'none'
- });
- backdrop.css({
- transform: 'scale(0)',
- 'background-color': fabColor
- });
- menu.find('> li > a').css({
- opacity: ''
- });
- setTimeout(function () {
- backdrop.remove();
- // Set initial state.
- btn.css({
- 'text-align': '',
- width: '',
- bottom: '',
- left: '',
- overflow: '',
- 'background-color': '',
- transform: 'translate3d(' + -offsetX + 'px,0,0)'
- });
- anchor.css({
- overflow: '',
- transform: 'translate3d(0,' + offsetY + 'px,0)'
- });
- setTimeout(function () {
- btn.css({
- transform: 'translate3d(0,0,0)',
- transition: 'transform .2s'
- });
- anchor.css({
- transform: 'translate3d(0,0,0)',
- transition: 'transform .2s cubic-bezier(0.550, 0.055, 0.675, 0.190)'
- });
- }, 20);
- }, 200);
- };
- })(jQuery);
- ; (function ($) {
- // Image transition function
- Materialize.fadeInImage = function (selectorOrEl) {
- var element;
- if (typeof selectorOrEl === 'string') {
- element = $(selectorOrEl);
- } else if (typeof selectorOrEl === 'object') {
- element = selectorOrEl;
- } else {
- return;
- }
- element.css({ opacity: 0 });
- $(element).velocity({ opacity: 1 }, {
- duration: 650,
- queue: false,
- easing: 'easeOutSine'
- });
- $(element).velocity({ opacity: 1 }, {
- duration: 1300,
- queue: false,
- easing: 'swing',
- step: function (now, fx) {
- fx.start = 100;
- var grayscale_setting = now / 100;
- var brightness_setting = 150 - (100 - now) / 1.75;
- if (brightness_setting < 100) {
- brightness_setting = 100;
- }
- if (now >= 0) {
- $(this).css({
- "-webkit-filter": "grayscale(" + grayscale_setting + ")" + "brightness(" + brightness_setting + "%)",
- "filter": "grayscale(" + grayscale_setting + ")" + "brightness(" + brightness_setting + "%)"
- });
- }
- }
- });
- };
- // Horizontal staggered list
- Materialize.showStaggeredList = function (selectorOrEl) {
- var element;
- if (typeof selectorOrEl === 'string') {
- element = $(selectorOrEl);
- } else if (typeof selectorOrEl === 'object') {
- element = selectorOrEl;
- } else {
- return;
- }
- var time = 0;
- element.find('li').velocity({ translateX: "-100px" }, { duration: 0 });
- element.find('li').each(function () {
- $(this).velocity({ opacity: "1", translateX: "0" }, { duration: 800, delay: time, easing: [60, 10] });
- time += 120;
- });
- };
- $(document).ready(function () {
- // Hardcoded .staggered-list scrollFire
- // var staggeredListOptions = [];
- // $('ul.staggered-list').each(function (i) {
- // var label = 'scrollFire-' + i;
- // $(this).addClass(label);
- // staggeredListOptions.push(
- // {selector: 'ul.staggered-list.' + label,
- // offset: 200,
- // callback: 'showStaggeredList("ul.staggered-list.' + label + '")'});
- // });
- // scrollFire(staggeredListOptions);
- // HammerJS, Swipe navigation
- // Touch Event
- var swipeLeft = false;
- var swipeRight = false;
- // Dismissible Collections
- $('.dismissable').each(function () {
- $(this).hammer({
- prevent_default: false
- }).on('pan', function (e) {
- if (e.gesture.pointerType === "touch") {
- var $this = $(this);
- var direction = e.gesture.direction;
- var x = e.gesture.deltaX;
- var velocityX = e.gesture.velocityX;
- $this.velocity({
- translateX: x
- }, { duration: 50, queue: false, easing: 'easeOutQuad' });
- // Swipe Left
- if (direction === 4 && (x > $this.innerWidth() / 2 || velocityX < -0.75)) {
- swipeLeft = true;
- }
- // Swipe Right
- if (direction === 2 && (x < -1 * $this.innerWidth() / 2 || velocityX > 0.75)) {
- swipeRight = true;
- }
- }
- }).on('panend', function (e) {
- // Reset if collection is moved back into original position
- if (Math.abs(e.gesture.deltaX) < $(this).innerWidth() / 2) {
- swipeRight = false;
- swipeLeft = false;
- }
- if (e.gesture.pointerType === "touch") {
- var $this = $(this);
- if (swipeLeft || swipeRight) {
- var fullWidth;
- if (swipeLeft) {
- fullWidth = $this.innerWidth();
- } else {
- fullWidth = -1 * $this.innerWidth();
- }
- $this.velocity({
- translateX: fullWidth
- }, {
- duration: 100, queue: false, easing: 'easeOutQuad', complete: function () {
- $this.css('border', 'none');
- $this.velocity({
- height: 0, padding: 0
- }, {
- duration: 200, queue: false, easing: 'easeOutQuad', complete: function () {
- $this.remove();
- }
- });
- }
- });
- } else {
- $this.velocity({
- translateX: 0
- }, { duration: 100, queue: false, easing: 'easeOutQuad' });
- }
- swipeLeft = false;
- swipeRight = false;
- }
- });
- });
- // time = 0
- // // Vertical Staggered list
- // $('ul.staggered-list.vertical li').velocity(
- // { translateY: "100px"},
- // { duration: 0 });
- // $('ul.staggered-list.vertical li').each(function() {
- // $(this).velocity(
- // { opacity: "1", translateY: "0"},
- // { duration: 800, delay: time, easing: [60, 25] });
- // time += 120;
- // });
- // // Fade in and Scale
- // $('.fade-in.scale').velocity(
- // { scaleX: .4, scaleY: .4, translateX: -600},
- // { duration: 0});
- // $('.fade-in').each(function() {
- // $(this).velocity(
- // { opacity: "1", scaleX: 1, scaleY: 1, translateX: 0},
- // { duration: 800, easing: [60, 10] });
- // });
- });
- })(jQuery);
- ; (function ($) {
- var scrollFireEventsHandled = false;
- // Input: Array of JSON objects {selector, offset, callback}
- Materialize.scrollFire = function (options) {
- var onScroll = function () {
- var windowScroll = window.pageYOffset + window.innerHeight;
- for (var i = 0; i < options.length; i++) {
- // Get options from each line
- var value = options[i];
- var selector = value.selector,
- offset = value.offset,
- callback = value.callback;
- var currentElement = document.querySelector(selector);
- if (currentElement !== null) {
- var elementOffset = currentElement.getBoundingClientRect().top + window.pageYOffset;
- if (windowScroll > elementOffset + offset) {
- if (value.done !== true) {
- if (typeof callback === 'function') {
- callback.call(this, currentElement);
- } else if (typeof callback === 'string') {
- var callbackFunc = new Function(callback);
- callbackFunc(currentElement);
- }
- value.done = true;
- }
- }
- }
- }
- };
- var throttledScroll = Materialize.throttle(function () {
- onScroll();
- }, options.throttle || 100);
- if (!scrollFireEventsHandled) {
- window.addEventListener("scroll", throttledScroll);
- window.addEventListener("resize", throttledScroll);
- scrollFireEventsHandled = true;
- }
- // perform a scan once, after current execution context, and after dom is ready
- setTimeout(throttledScroll, 0);
- };
- })(jQuery);
- ; /*!
- * pickadate.js v3.5.0, 2014/04/13
- * By Amsul, http://amsul.ca
- * Hosted on http://amsul.github.io/pickadate.js
- * Licensed under MIT
- */
- (function (factory) {
- Materialize.Picker = factory(jQuery);
- })(function ($) {
- var $window = $(window);
- var $document = $(document);
- var $html = $(document.documentElement);
- /**
- * The picker constructor that creates a blank picker.
- */
- function PickerConstructor(ELEMENT, NAME, COMPONENT, OPTIONS) {
- // If there’s no element, return the picker constructor.
- if (!ELEMENT) return PickerConstructor;
- var IS_DEFAULT_THEME = false,
- // The state of the picker.
- STATE = {
- id: ELEMENT.id || 'P' + Math.abs(~~(Math.random() * new Date()))
- },
- // Merge the defaults and options passed.
- SETTINGS = COMPONENT ? $.extend(true, {}, COMPONENT.defaults, OPTIONS) : OPTIONS || {},
- // Merge the default classes with the settings classes.
- CLASSES = $.extend({}, PickerConstructor.klasses(), SETTINGS.klass),
- // The element node wrapper into a jQuery object.
- $ELEMENT = $(ELEMENT),
- // Pseudo picker constructor.
- PickerInstance = function () {
- return this.start();
- },
- // The picker prototype.
- P = PickerInstance.prototype = {
- constructor: PickerInstance,
- $node: $ELEMENT,
- /**
- * Initialize everything
- */
- start: function () {
- // If it’s already started, do nothing.
- if (STATE && STATE.start) return P;
- // Update the picker states.
- STATE.methods = {};
- STATE.start = true;
- STATE.open = false;
- STATE.type = ELEMENT.type;
- // Confirm focus state, convert into text input to remove UA stylings,
- // and set as readonly to prevent keyboard popup.
- ELEMENT.autofocus = ELEMENT == getActiveElement();
- ELEMENT.readOnly = !SETTINGS.editable;
- ELEMENT.id = ELEMENT.id || STATE.id;
- if (ELEMENT.type != 'text') {
- ELEMENT.type = 'text';
- }
- // Create a new picker component with the settings.
- P.component = new COMPONENT(P, SETTINGS);
- // Create the picker root with a holder and then prepare it.
- P.$root = $(PickerConstructor._.node('div', createWrappedComponent(), CLASSES.picker, 'id="' + ELEMENT.id + '_root" tabindex="0"'));
- prepareElementRoot();
- // If there’s a format for the hidden input element, create the element.
- if (SETTINGS.formatSubmit) {
- prepareElementHidden();
- }
- // Prepare the input element.
- prepareElement();
- // Insert the root as specified in the settings.
- if (SETTINGS.container) $(SETTINGS.container).append(P.$root); else $ELEMENT.before(P.$root);
- // Bind the default component and settings events.
- P.on({
- start: P.component.onStart,
- render: P.component.onRender,
- stop: P.component.onStop,
- open: P.component.onOpen,
- close: P.component.onClose,
- set: P.component.onSet
- }).on({
- start: SETTINGS.onStart,
- render: SETTINGS.onRender,
- stop: SETTINGS.onStop,
- open: SETTINGS.onOpen,
- close: SETTINGS.onClose,
- set: SETTINGS.onSet
- });
- // Once we’re all set, check the theme in use.
- IS_DEFAULT_THEME = isUsingDefaultTheme(P.$root.children()[0]);
- // If the element has autofocus, open the picker.
- if (ELEMENT.autofocus) {
- P.open();
- }
- // Trigger queued the “start” and “render” events.
- return P.trigger('start').trigger('render');
- }, //start
- /**
- * Render a new picker
- */
- render: function (entireComponent) {
- // Insert a new component holder in the root or box.
- if (entireComponent) P.$root.html(createWrappedComponent()); else P.$root.find('.' + CLASSES.box).html(P.component.nodes(STATE.open));
- // Trigger the queued “render” events.
- return P.trigger('render');
- }, //render
- /**
- * Destroy everything
- */
- stop: function () {
- // If it’s already stopped, do nothing.
- if (!STATE.start) return P;
- // Then close the picker.
- P.close();
- // Remove the hidden field.
- if (P._hidden) {
- P._hidden.parentNode.removeChild(P._hidden);
- }
- // Remove the root.
- P.$root.remove();
- // Remove the input class, remove the stored data, and unbind
- // the events (after a tick for IE - see `P.close`).
- $ELEMENT.removeClass(CLASSES.input).removeData(NAME);
- setTimeout(function () {
- $ELEMENT.off('.' + STATE.id);
- }, 0);
- // Restore the element state
- ELEMENT.type = STATE.type;
- ELEMENT.readOnly = false;
- // Trigger the queued “stop” events.
- P.trigger('stop');
- // Reset the picker states.
- STATE.methods = {};
- STATE.start = false;
- return P;
- }, //stop
- /**
- * Open up the picker
- */
- open: function (dontGiveFocus) {
- // If it’s already open, do nothing.
- if (STATE.open) return P;
- // Add the “active” class.
- $ELEMENT.addClass(CLASSES.active);
- aria(ELEMENT, 'expanded', true);
- // * A Firefox bug, when `html` has `overflow:hidden`, results in
- // killing transitions :(. So add the “opened” state on the next tick.
- // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=625289
- setTimeout(function () {
- // Add the “opened” class to the picker root.
- P.$root.addClass(CLASSES.opened);
- aria(P.$root[0], 'hidden', false);
- }, 0);
- // If we have to give focus, bind the element and doc events.
- if (dontGiveFocus !== false) {
- // Set it as open.
- STATE.open = true;
- // Prevent the page from scrolling.
- if (IS_DEFAULT_THEME) {
- $html.css('overflow', 'hidden').css('padding-right', '+=' + getScrollbarWidth());
- }
- // Pass focus to the root element’s jQuery object.
- // * Workaround for iOS8 to bring the picker’s root into view.
- P.$root.eq(0).focus();
- // Bind the document events.
- $document.on('click.' + STATE.id + ' focusin.' + STATE.id, function (event) {
- var target = event.target;
- // If the target of the event is not the element, close the picker picker.
- // * Don’t worry about clicks or focusins on the root because those don’t bubble up.
- // Also, for Firefox, a click on an `option` element bubbles up directly
- // to the doc. So make sure the target wasn't the doc.
- // * In Firefox stopPropagation() doesn’t prevent right-click events from bubbling,
- // which causes the picker to unexpectedly close when right-clicking it. So make
- // sure the event wasn’t a right-click.
- if (target != ELEMENT && target != document && event.which != 3) {
- // If the target was the holder that covers the screen,
- // keep the element focused to maintain tabindex.
- P.close(target === P.$root.children()[0]);
- }
- }).on('keydown.' + STATE.id, function (event) {
- var
- // Get the keycode.
- keycode = event.keyCode,
- // Translate that to a selection change.
- keycodeToMove = P.component.key[keycode],
- // Grab the target.
- target = event.target;
- // On escape, close the picker and give focus.
- if (keycode == 27) {
- P.close(true);
- }
- // Check if there is a key movement or “enter” keypress on the element.
- else if (target == P.$root[0] && (keycodeToMove || keycode == 13)) {
- // Prevent the default action to stop page movement.
- event.preventDefault();
- // Trigger the key movement action.
- if (keycodeToMove) {
- PickerConstructor._.trigger(P.component.key.go, P, [PickerConstructor._.trigger(keycodeToMove)]);
- }
- // On “enter”, if the highlighted item isn’t disabled, set the value and close.
- else if (!P.$root.find('.' + CLASSES.highlighted).hasClass(CLASSES.disabled)) {
- P.set('select', P.component.item.highlight);
- if (SETTINGS.closeOnSelect) {
- P.close(true);
- }
- }
- }
- // If the target is within the root and “enter” is pressed,
- // prevent the default action and trigger a click on the target instead.
- else if ($.contains(P.$root[0], target) && keycode == 13) {
- event.preventDefault();
- target.click();
- }
- });
- }
- // Trigger the queued “open” events.
- return P.trigger('open');
- }, //open
- /**
- * Close the picker
- */
- close: function (giveFocus) {
- // If we need to give focus, do it before changing states.
- if (giveFocus) {
- // ....ah yes! It would’ve been incomplete without a crazy workaround for IE :|
- // The focus is triggered *after* the close has completed - causing it
- // to open again. So unbind and rebind the event at the next tick.
- P.$root.off('focus.toOpen').eq(0).focus();
- setTimeout(function () {
- P.$root.on('focus.toOpen', handleFocusToOpenEvent);
- }, 0);
- }
- // Remove the “active” class.
- $ELEMENT.removeClass(CLASSES.active);
- aria(ELEMENT, 'expanded', false);
- // * A Firefox bug, when `html` has `overflow:hidden`, results in
- // killing transitions :(. So remove the “opened” state on the next tick.
- // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=625289
- setTimeout(function () {
- // Remove the “opened” and “focused” class from the picker root.
- P.$root.removeClass(CLASSES.opened + ' ' + CLASSES.focused);
- aria(P.$root[0], 'hidden', true);
- }, 0);
- // If it’s already closed, do nothing more.
- if (!STATE.open) return P;
- // Set it as closed.
- STATE.open = false;
- // Allow the page to scroll.
- if (IS_DEFAULT_THEME) {
- $html.css('overflow', '').css('padding-right', '-=' + getScrollbarWidth());
- }
- // Unbind the document events.
- $document.off('.' + STATE.id);
- // Trigger the queued “close” events.
- return P.trigger('close');
- }, //close
- /**
- * Clear the values
- */
- clear: function (options) {
- return P.set('clear', null, options);
- }, //clear
- /**
- * Set something
- */
- set: function (thing, value, options) {
- var thingItem,
- thingValue,
- thingIsObject = $.isPlainObject(thing),
- thingObject = thingIsObject ? thing : {};
- // Make sure we have usable options.
- options = thingIsObject && $.isPlainObject(value) ? value : options || {};
- if (thing) {
- // If the thing isn’t an object, make it one.
- if (!thingIsObject) {
- thingObject[thing] = value;
- }
- // Go through the things of items to set.
- for (thingItem in thingObject) {
- // Grab the value of the thing.
- thingValue = thingObject[thingItem];
- // First, if the item exists and there’s a value, set it.
- if (thingItem in P.component.item) {
- if (thingValue === undefined) thingValue = null;
- P.component.set(thingItem, thingValue, options);
- }
- // Then, check to update the element value and broadcast a change.
- if (thingItem == 'select' || thingItem == 'clear') {
- $ELEMENT.val(thingItem == 'clear' ? '' : P.get(thingItem, SETTINGS.format)).trigger('change');
- }
- }
- // Render a new picker.
- P.render();
- }
- // When the method isn’t muted, trigger queued “set” events and pass the `thingObject`.
- return options.muted ? P : P.trigger('set', thingObject);
- }, //set
- /**
- * Get something
- */
- get: function (thing, format) {
- // Make sure there’s something to get.
- thing = thing || 'value';
- // If a picker state exists, return that.
- if (STATE[thing] != null) {
- return STATE[thing];
- }
- // Return the submission value, if that.
- if (thing == 'valueSubmit') {
- if (P._hidden) {
- return P._hidden.value;
- }
- thing = 'value';
- }
- // Return the value, if that.
- if (thing == 'value') {
- return ELEMENT.value;
- }
- // Check if a component item exists, return that.
- if (thing in P.component.item) {
- if (typeof format == 'string') {
- var thingValue = P.component.get(thing);
- return thingValue ? PickerConstructor._.trigger(P.component.formats.toString, P.component, [format, thingValue]) : '';
- }
- return P.component.get(thing);
- }
- }, //get
- /**
- * Bind events on the things.
- */
- on: function (thing, method, internal) {
- var thingName,
- thingMethod,
- thingIsObject = $.isPlainObject(thing),
- thingObject = thingIsObject ? thing : {};
- if (thing) {
- // If the thing isn’t an object, make it one.
- if (!thingIsObject) {
- thingObject[thing] = method;
- }
- // Go through the things to bind to.
- for (thingName in thingObject) {
- // Grab the method of the thing.
- thingMethod = thingObject[thingName];
- // If it was an internal binding, prefix it.
- if (internal) {
- thingName = '_' + thingName;
- }
- // Make sure the thing methods collection exists.
- STATE.methods[thingName] = STATE.methods[thingName] || [];
- // Add the method to the relative method collection.
- STATE.methods[thingName].push(thingMethod);
- }
- }
- return P;
- }, //on
- /**
- * Unbind events on the things.
- */
- off: function () {
- var i,
- thingName,
- names = arguments;
- for (i = 0, namesCount = names.length; i < namesCount; i += 1) {
- thingName = names[i];
- if (thingName in STATE.methods) {
- delete STATE.methods[thingName];
- }
- }
- return P;
- },
- /**
- * Fire off method events.
- */
- trigger: function (name, data) {
- var _trigger = function (name) {
- var methodList = STATE.methods[name];
- if (methodList) {
- methodList.map(function (method) {
- PickerConstructor._.trigger(method, P, [data]);
- });
- }
- };
- _trigger('_' + name);
- _trigger(name);
- return P;
- } //trigger
- //PickerInstance.prototype
- /**
- * Wrap the picker holder components together.
- */
- }; function createWrappedComponent() {
- // Create a picker wrapper holder
- return PickerConstructor._.node('div',
- // Create a picker wrapper node
- PickerConstructor._.node('div',
- // Create a picker frame
- PickerConstructor._.node('div',
- // Create a picker box node
- PickerConstructor._.node('div',
- // Create the components nodes.
- P.component.nodes(STATE.open),
- // The picker box class
- CLASSES.box),
- // Picker wrap class
- CLASSES.wrap),
- // Picker frame class
- CLASSES.frame),
- // Picker holder class
- CLASSES.holder); //endreturn
- } //createWrappedComponent
- /**
- * Prepare the input element with all bindings.
- */
- function prepareElement() {
- $ELEMENT.
- // Store the picker data by component name.
- data(NAME, P).
- // Add the “input” class name.
- addClass(CLASSES.input).
- // Remove the tabindex.
- attr('tabindex', -1).
- // If there’s a `data-value`, update the value of the element.
- val($ELEMENT.data('value') ? P.get('select', SETTINGS.format) : ELEMENT.value);
- // Only bind keydown events if the element isn’t editable.
- if (!SETTINGS.editable) {
- $ELEMENT.
- // On focus/click, focus onto the root to open it up.
- on('focus.' + STATE.id + ' click.' + STATE.id, function (event) {
- event.preventDefault();
- P.$root.eq(0).focus();
- }).
- // Handle keyboard event based on the picker being opened or not.
- on('keydown.' + STATE.id, handleKeydownEvent);
- }
- // Update the aria attributes.
- aria(ELEMENT, {
- haspopup: true,
- expanded: false,
- readonly: false,
- owns: ELEMENT.id + '_root'
- });
- }
- /**
- * Prepare the root picker element with all bindings.
- */
- function prepareElementRoot() {
- P.$root.on({
- // For iOS8.
- keydown: handleKeydownEvent,
- // When something within the root is focused, stop from bubbling
- // to the doc and remove the “focused” state from the root.
- focusin: function (event) {
- P.$root.removeClass(CLASSES.focused);
- event.stopPropagation();
- },
- // When something within the root holder is clicked, stop it
- // from bubbling to the doc.
- 'mousedown click': function (event) {
- var target = event.target;
- // Make sure the target isn’t the root holder so it can bubble up.
- if (target != P.$root.children()[0]) {
- event.stopPropagation();
- // * For mousedown events, cancel the default action in order to
- // prevent cases where focus is shifted onto external elements
- // when using things like jQuery mobile or MagnificPopup (ref: #249 & #120).
- // Also, for Firefox, don’t prevent action on the `option` element.
- if (event.type == 'mousedown' && !$(target).is('input, select, textarea, button, option')) {
- event.preventDefault();
- // Re-focus onto the root so that users can click away
- // from elements focused within the picker.
- P.$root.eq(0).focus();
- }
- }
- }
- }).
- // Add/remove the “target” class on focus and blur.
- on({
- focus: function () {
- $ELEMENT.addClass(CLASSES.target);
- },
- blur: function () {
- $ELEMENT.removeClass(CLASSES.target);
- }
- }).
- // Open the picker and adjust the root “focused” state
- on('focus.toOpen', handleFocusToOpenEvent).
- // If there’s a click on an actionable element, carry out the actions.
- on('click', '[data-pick], [data-nav], [data-clear], [data-close]', function () {
- var $target = $(this),
- targetData = $target.data(),
- targetDisabled = $target.hasClass(CLASSES.navDisabled) || $target.hasClass(CLASSES.disabled),
- // * For IE, non-focusable elements can be active elements as well
- // (http://stackoverflow.com/a/2684561).
- activeElement = getActiveElement();
- activeElement = activeElement && (activeElement.type || activeElement.href) && activeElement;
- // If it’s disabled or nothing inside is actively focused, re-focus the element.
- if (targetDisabled || activeElement && !$.contains(P.$root[0], activeElement)) {
- P.$root.eq(0).focus();
- }
- // If something is superficially changed, update the `highlight` based on the `nav`.
- if (!targetDisabled && targetData.nav) {
- P.set('highlight', P.component.item.highlight, { nav: targetData.nav });
- }
- // If something is picked, set `select` then close with focus.
- else if (!targetDisabled && 'pick' in targetData) {
- P.set('select', targetData.pick);
- if (SETTINGS.closeOnSelect) {
- P.close(true);
- }
- }
- // If a “clear” button is pressed, empty the values and close with focus.
- else if (targetData.clear) {
- P.clear();
- if (SETTINGS.closeOnSelect) {
- P.close(true);
- }
- } else if (targetData.close) {
- P.close(true);
- }
- }); //P.$root
- aria(P.$root[0], 'hidden', true);
- }
- /**
- * Prepare the hidden input element along with all bindings.
- */
- function prepareElementHidden() {
- var name;
- if (SETTINGS.hiddenName === true) {
- name = ELEMENT.name;
- ELEMENT.name = '';
- } else {
- name = [typeof SETTINGS.hiddenPrefix == 'string' ? SETTINGS.hiddenPrefix : '', typeof SETTINGS.hiddenSuffix == 'string' ? SETTINGS.hiddenSuffix : '_submit'];
- name = name[0] + ELEMENT.name + name[1];
- }
- P._hidden = $('<input ' + 'type=hidden ' +
- // Create the name using the original input’s with a prefix and suffix.
- 'name="' + name + '"' + (
- // If the element has a value, set the hidden value as well.
- $ELEMENT.data('value') || ELEMENT.value ? ' value="' + P.get('select', SETTINGS.formatSubmit) + '"' : '') + '>')[0];
- $ELEMENT.
- // If the value changes, update the hidden input with the correct format.
- on('change.' + STATE.id, function () {
- P._hidden.value = ELEMENT.value ? P.get('select', SETTINGS.formatSubmit) : '';
- });
- // Insert the hidden input as specified in the settings.
- if (SETTINGS.container) $(SETTINGS.container).append(P._hidden); else $ELEMENT.before(P._hidden);
- }
- // For iOS8.
- function handleKeydownEvent(event) {
- var keycode = event.keyCode,
- // Check if one of the delete keys was pressed.
- isKeycodeDelete = /^(8|46)$/.test(keycode);
- // For some reason IE clears the input value on “escape”.
- if (keycode == 27) {
- P.close();
- return false;
- }
- // Check if `space` or `delete` was pressed or the picker is closed with a key movement.
- if (keycode == 32 || isKeycodeDelete || !STATE.open && P.component.key[keycode]) {
- // Prevent it from moving the page and bubbling to doc.
- event.preventDefault();
- event.stopPropagation();
- // If `delete` was pressed, clear the values and close the picker.
- // Otherwise open the picker.
- if (isKeycodeDelete) {
- P.clear().close();
- } else {
- P.open();
- }
- }
- }
- // Separated for IE
- function handleFocusToOpenEvent(event) {
- // Stop the event from propagating to the doc.
- event.stopPropagation();
- // If it’s a focus event, add the “focused” class to the root.
- if (event.type == 'focus') {
- P.$root.addClass(CLASSES.focused);
- }
- // And then finally open the picker.
- P.open();
- }
- // Return a new picker instance.
- return new PickerInstance();
- } //PickerConstructor
- /**
- * The default classes and prefix to use for the HTML classes.
- */
- PickerConstructor.klasses = function (prefix) {
- prefix = prefix || 'picker';
- return {
- picker: prefix,
- opened: prefix + '--opened',
- focused: prefix + '--focused',
- input: prefix + '__input',
- active: prefix + '__input--active',
- target: prefix + '__input--target',
- holder: prefix + '__holder',
- frame: prefix + '__frame',
- wrap: prefix + '__wrap',
- box: prefix + '__box'
- };
- }; //PickerConstructor.klasses
- /**
- * Check if the default theme is being used.
- */
- function isUsingDefaultTheme(element) {
- var theme,
- prop = 'position';
- // For IE.
- if (element.currentStyle) {
- theme = element.currentStyle[prop];
- }
- // For normal browsers.
- else if (window.getComputedStyle) {
- theme = getComputedStyle(element)[prop];
- }
- return theme == 'fixed';
- }
- /**
- * Get the width of the browser’s scrollbar.
- * Taken from: https://github.com/VodkaBears/Remodal/blob/master/src/jquery.remodal.js
- */
- function getScrollbarWidth() {
- if ($html.height() <= $window.height()) {
- return 0;
- }
- var $outer = $('<div style="visibility:hidden;width:100px" />').appendTo('body');
- // Get the width without scrollbars.
- var widthWithoutScroll = $outer[0].offsetWidth;
- // Force adding scrollbars.
- $outer.css('overflow', 'scroll');
- // Add the inner div.
- var $inner = $('<div style="width:100%" />').appendTo($outer);
- // Get the width with scrollbars.
- var widthWithScroll = $inner[0].offsetWidth;
- // Remove the divs.
- $outer.remove();
- // Return the difference between the widths.
- return widthWithoutScroll - widthWithScroll;
- }
- /**
- * PickerConstructor helper methods.
- */
- PickerConstructor._ = {
- /**
- * Create a group of nodes. Expects:
- * `
- {
- min: {Integer},
- max: {Integer},
- i: {Integer},
- node: {String},
- item: {Function}
- }
- * `
- */
- group: function (groupObject) {
- var
- // Scope for the looped object
- loopObjectScope,
- // Create the nodes list
- nodesList = '',
- // The counter starts from the `min`
- counter = PickerConstructor._.trigger(groupObject.min, groupObject);
- // Loop from the `min` to `max`, incrementing by `i`
- for (; counter <= PickerConstructor._.trigger(groupObject.max, groupObject, [counter]); counter += groupObject.i) {
- // Trigger the `item` function within scope of the object
- loopObjectScope = PickerConstructor._.trigger(groupObject.item, groupObject, [counter]);
- // Splice the subgroup and create nodes out of the sub nodes
- nodesList += PickerConstructor._.node(groupObject.node, loopObjectScope[0], // the node
- loopObjectScope[1], // the classes
- loopObjectScope[2] // the attributes
- );
- }
- // Return the list of nodes
- return nodesList;
- }, //group
- /**
- * Create a dom node string
- */
- node: function (wrapper, item, klass, attribute) {
- // If the item is false-y, just return an empty string
- if (!item) return '';
- // If the item is an array, do a join
- item = $.isArray(item) ? item.join('') : item;
- // Check for the class
- klass = klass ? ' class="' + klass + '"' : '';
- // Check for any attributes
- attribute = attribute ? ' ' + attribute : '';
- // Return the wrapped item
- return '<' + wrapper + klass + attribute + '>' + item + '</' + wrapper + '>';
- }, //node
- /**
- * Lead numbers below 10 with a zero.
- */
- lead: function (number) {
- return (number < 10 ? '0' : '') + number;
- },
- /**
- * Trigger a function otherwise return the value.
- */
- trigger: function (callback, scope, args) {
- return typeof callback == 'function' ? callback.apply(scope, args || []) : callback;
- },
- /**
- * If the second character is a digit, length is 2 otherwise 1.
- */
- digits: function (string) {
- return (/\d/.test(string[1]) ? 2 : 1
- );
- },
- /**
- * Tell if something is a date object.
- */
- isDate: function (value) {
- return {}.toString.call(value).indexOf('Date') > -1 && this.isInteger(value.getDate());
- },
- /**
- * Tell if something is an integer.
- */
- isInteger: function (value) {
- return {}.toString.call(value).indexOf('Number') > -1 && value % 1 === 0;
- },
- /**
- * Create ARIA attribute strings.
- */
- ariaAttr: ariaAttr //PickerConstructor._
- /**
- * Extend the picker with a component and defaults.
- */
- }; PickerConstructor.extend = function (name, Component) {
- // Extend jQuery.
- $.fn[name] = function (options, action) {
- // Grab the component data.
- var componentData = this.data(name);
- // If the picker is requested, return the data object.
- if (options == 'picker') {
- return componentData;
- }
- // If the component data exists and `options` is a string, carry out the action.
- if (componentData && typeof options == 'string') {
- return PickerConstructor._.trigger(componentData[options], componentData, [action]);
- }
- // Otherwise go through each matched element and if the component
- // doesn’t exist, create a new picker using `this` element
- // and merging the defaults and options with a deep copy.
- return this.each(function () {
- var $this = $(this);
- if (!$this.data(name)) {
- new PickerConstructor(this, name, Component, options);
- }
- });
- };
- // Set the defaults.
- $.fn[name].defaults = Component.defaults;
- }; //PickerConstructor.extend
- function aria(element, attribute, value) {
- if ($.isPlainObject(attribute)) {
- for (var key in attribute) {
- ariaSet(element, key, attribute[key]);
- }
- } else {
- ariaSet(element, attribute, value);
- }
- }
- function ariaSet(element, attribute, value) {
- element.setAttribute((attribute == 'role' ? '' : 'aria-') + attribute, value);
- }
- function ariaAttr(attribute, data) {
- if (!$.isPlainObject(attribute)) {
- attribute = { attribute: data };
- }
- data = '';
- for (var key in attribute) {
- var attr = (key == 'role' ? '' : 'aria-') + key,
- attrVal = attribute[key];
- data += attrVal == null ? '' : attr + '="' + attribute[key] + '"';
- }
- return data;
- }
- // IE8 bug throws an error for activeElements within iframes.
- function getActiveElement() {
- try {
- return document.activeElement;
- } catch (err) { }
- }
- // Expose the picker constructor.
- return PickerConstructor;
- });
- ; /*!
- * Date picker for pickadate.js v3.5.0
- * http://amsul.github.io/pickadate.js/date.htm
- */
- (function (factory) {
- factory(Materialize.Picker, jQuery);
- })(function (Picker, $) {
- /**
- * Globals and constants
- */
- var DAYS_IN_WEEK = 7,
- WEEKS_IN_CALENDAR = 6,
- _ = Picker._;
- /**
- * The date picker constructor
- */
- function DatePicker(picker, settings) {
- var calendar = this,
- element = picker.$node[0],
- elementValue = element.value,
- elementDataValue = picker.$node.data('value'),
- valueString = elementDataValue || elementValue,
- formatString = elementDataValue ? settings.formatSubmit : settings.format,
- isRTL = function () {
- return element.currentStyle ?
- // For IE.
- element.currentStyle.direction == 'rtl' :
- // For normal browsers.
- getComputedStyle(picker.$root[0]).direction == 'rtl';
- };
- calendar.settings = settings;
- calendar.$node = picker.$node;
- // The queue of methods that will be used to build item objects.
- calendar.queue = {
- min: 'measure create',
- max: 'measure create',
- now: 'now create',
- select: 'parse create validate',
- highlight: 'parse navigate create validate',
- view: 'parse create validate viewset',
- disable: 'deactivate',
- enable: 'activate'
- // The component's item object.
- }; calendar.item = {};
- calendar.item.clear = null;
- calendar.item.disable = (settings.disable || []).slice(0);
- calendar.item.enable = -function (collectionDisabled) {
- return collectionDisabled[0] === true ? collectionDisabled.shift() : -1;
- }(calendar.item.disable);
- calendar.set('min', settings.min).set('max', settings.max).set('now');
- // When there’s a value, set the `select`, which in turn
- // also sets the `highlight` and `view`.
- if (valueString) {
- calendar.set('select', valueString, { format: formatString });
- }
- // If there’s no value, default to highlighting “today”.
- else {
- calendar.set('select', null).set('highlight', calendar.item.now);
- }
- // The keycode to movement mapping.
- calendar.key = {
- 40: 7, // Down
- 38: -7, // Up
- 39: function () {
- return isRTL() ? -1 : 1;
- }, // Right
- 37: function () {
- return isRTL() ? 1 : -1;
- }, // Left
- go: function (timeChange) {
- var highlightedObject = calendar.item.highlight,
- targetDate = new Date(highlightedObject.year, highlightedObject.month, highlightedObject.date + timeChange);
- calendar.set('highlight', targetDate, { interval: timeChange });
- this.render();
- }
- // Bind some picker events.
- }; picker.on('render', function () {
- picker.$root.find('.' + settings.klass.selectMonth).on('change', function () {
- var value = this.value;
- if (value) {
- picker.set('highlight', [picker.get('view').year, value, picker.get('highlight').date]);
- picker.$root.find('.' + settings.klass.selectMonth).trigger('focus');
- }
- });
- picker.$root.find('.' + settings.klass.selectYear).on('change', function () {
- var value = this.value;
- if (value) {
- picker.set('highlight', [value, picker.get('view').month, picker.get('highlight').date]);
- picker.$root.find('.' + settings.klass.selectYear).trigger('focus');
- }
- });
- }, 1).on('open', function () {
- var includeToday = '';
- if (calendar.disabled(calendar.get('now'))) {
- includeToday = ':not(.' + settings.klass.buttonToday + ')';
- }
- picker.$root.find('button' + includeToday + ', select').attr('disabled', false);
- }, 1).on('close', function () {
- picker.$root.find('button, select').attr('disabled', true);
- }, 1);
- } //DatePicker
- /**
- * Set a datepicker item object.
- */
- DatePicker.prototype.set = function (type, value, options) {
- var calendar = this,
- calendarItem = calendar.item;
- // If the value is `null` just set it immediately.
- if (value === null) {
- if (type == 'clear') type = 'select';
- calendarItem[type] = value;
- return calendar;
- }
- // Otherwise go through the queue of methods, and invoke the functions.
- // Update this as the time unit, and set the final value as this item.
- // * In the case of `enable`, keep the queue but set `disable` instead.
- // And in the case of `flip`, keep the queue but set `enable` instead.
- calendarItem[type == 'enable' ? 'disable' : type == 'flip' ? 'enable' : type] = calendar.queue[type].split(' ').map(function (method) {
- value = calendar[method](type, value, options);
- return value;
- }).pop();
- // Check if we need to cascade through more updates.
- if (type == 'select') {
- calendar.set('highlight', calendarItem.select, options);
- } else if (type == 'highlight') {
- calendar.set('view', calendarItem.highlight, options);
- } else if (type.match(/^(flip|min|max|disable|enable)$/)) {
- if (calendarItem.select && calendar.disabled(calendarItem.select)) {
- calendar.set('select', calendarItem.select, options);
- }
- if (calendarItem.highlight && calendar.disabled(calendarItem.highlight)) {
- calendar.set('highlight', calendarItem.highlight, options);
- }
- }
- return calendar;
- }; //DatePicker.prototype.set
- /**
- * Get a datepicker item object.
- */
- DatePicker.prototype.get = function (type) {
- return this.item[type];
- }; //DatePicker.prototype.get
- /**
- * Create a picker date object.
- */
- DatePicker.prototype.create = function (type, value, options) {
- var isInfiniteValue,
- calendar = this;
- // If there’s no value, use the type as the value.
- value = value === undefined ? type : value;
- // If it’s infinity, update the value.
- if (value == -Infinity || value == Infinity) {
- isInfiniteValue = value;
- }
- // If it’s an object, use the native date object.
- else if ($.isPlainObject(value) && _.isInteger(value.pick)) {
- value = value.obj;
- }
- // If it’s an array, convert it into a date and make sure
- // that it’s a valid date – otherwise default to today.
- else if ($.isArray(value)) {
- value = new Date(value[0], value[1], value[2]);
- value = _.isDate(value) ? value : calendar.create().obj;
- }
- // If it’s a number or date object, make a normalized date.
- else if (_.isInteger(value) || _.isDate(value)) {
- value = calendar.normalize(new Date(value), options);
- }
- // If it’s a literal true or any other case, set it to now.
- else /*if ( value === true )*/ {
- value = calendar.now(type, value, options);
- }
- // Return the compiled object.
- return {
- year: isInfiniteValue || value.getFullYear(),
- month: isInfiniteValue || value.getMonth(),
- date: isInfiniteValue || value.getDate(),
- day: isInfiniteValue || value.getDay(),
- obj: isInfiniteValue || value,
- pick: isInfiniteValue || value.getTime()
- };
- }; //DatePicker.prototype.create
- /**
- * Create a range limit object using an array, date object,
- * literal “true”, or integer relative to another time.
- */
- DatePicker.prototype.createRange = function (from, to) {
- var calendar = this,
- createDate = function (date) {
- if (date === true || $.isArray(date) || _.isDate(date)) {
- return calendar.create(date);
- }
- return date;
- };
- // Create objects if possible.
- if (!_.isInteger(from)) {
- from = createDate(from);
- }
- if (!_.isInteger(to)) {
- to = createDate(to);
- }
- // Create relative dates.
- if (_.isInteger(from) && $.isPlainObject(to)) {
- from = [to.year, to.month, to.date + from];
- } else if (_.isInteger(to) && $.isPlainObject(from)) {
- to = [from.year, from.month, from.date + to];
- }
- return {
- from: createDate(from),
- to: createDate(to)
- };
- }; //DatePicker.prototype.createRange
- /**
- * Check if a date unit falls within a date range object.
- */
- DatePicker.prototype.withinRange = function (range, dateUnit) {
- range = this.createRange(range.from, range.to);
- return dateUnit.pick >= range.from.pick && dateUnit.pick <= range.to.pick;
- };
- /**
- * Check if two date range objects overlap.
- */
- DatePicker.prototype.overlapRanges = function (one, two) {
- var calendar = this;
- // Convert the ranges into comparable dates.
- one = calendar.createRange(one.from, one.to);
- two = calendar.createRange(two.from, two.to);
- return calendar.withinRange(one, two.from) || calendar.withinRange(one, two.to) || calendar.withinRange(two, one.from) || calendar.withinRange(two, one.to);
- };
- /**
- * Get the date today.
- */
- DatePicker.prototype.now = function (type, value, options) {
- value = new Date();
- if (options && options.rel) {
- value.setDate(value.getDate() + options.rel);
- }
- return this.normalize(value, options);
- };
- /**
- * Navigate to next/prev month.
- */
- DatePicker.prototype.navigate = function (type, value, options) {
- var targetDateObject,
- targetYear,
- targetMonth,
- targetDate,
- isTargetArray = $.isArray(value),
- isTargetObject = $.isPlainObject(value),
- viewsetObject = this.item.view; /*,
- safety = 100*/
- if (isTargetArray || isTargetObject) {
- if (isTargetObject) {
- targetYear = value.year;
- targetMonth = value.month;
- targetDate = value.date;
- } else {
- targetYear = +value[0];
- targetMonth = +value[1];
- targetDate = +value[2];
- }
- // If we’re navigating months but the view is in a different
- // month, navigate to the view’s year and month.
- if (options && options.nav && viewsetObject && viewsetObject.month !== targetMonth) {
- targetYear = viewsetObject.year;
- targetMonth = viewsetObject.month;
- }
- // Figure out the expected target year and month.
- targetDateObject = new Date(targetYear, targetMonth + (options && options.nav ? options.nav : 0), 1);
- targetYear = targetDateObject.getFullYear();
- targetMonth = targetDateObject.getMonth();
- // If the month we’re going to doesn’t have enough days,
- // keep decreasing the date until we reach the month’s last date.
- while ( /*safety &&*/new Date(targetYear, targetMonth, targetDate).getMonth() !== targetMonth) {
- targetDate -= 1;
- /*safety -= 1
- if ( !safety ) {
- throw 'Fell into an infinite loop while navigating to ' + new Date( targetYear, targetMonth, targetDate ) + '.'
- }*/
- }
- value = [targetYear, targetMonth, targetDate];
- }
- return value;
- }; //DatePicker.prototype.navigate
- /**
- * Normalize a date by setting the hours to midnight.
- */
- DatePicker.prototype.normalize = function (value /*, options*/) {
- value.setHours(0, 0, 0, 0);
- return value;
- };
- /**
- * Measure the range of dates.
- */
- DatePicker.prototype.measure = function (type, value /*, options*/) {
- var calendar = this;
- // If it’s anything false-y, remove the limits.
- if (!value) {
- value = type == 'min' ? -Infinity : Infinity;
- }
- // If it’s a string, parse it.
- else if (typeof value == 'string') {
- value = calendar.parse(type, value);
- }
- // If it's an integer, get a date relative to today.
- else if (_.isInteger(value)) {
- value = calendar.now(type, value, { rel: value });
- }
- return value;
- }; ///DatePicker.prototype.measure
- /**
- * Create a viewset object based on navigation.
- */
- DatePicker.prototype.viewset = function (type, dateObject /*, options*/) {
- return this.create([dateObject.year, dateObject.month, 1]);
- };
- /**
- * Validate a date as enabled and shift if needed.
- */
- DatePicker.prototype.validate = function (type, dateObject, options) {
- var calendar = this,
- // Keep a reference to the original date.
- originalDateObject = dateObject,
- // Make sure we have an interval.
- interval = options && options.interval ? options.interval : 1,
- // Check if the calendar enabled dates are inverted.
- isFlippedBase = calendar.item.enable === -1,
- // Check if we have any enabled dates after/before now.
- hasEnabledBeforeTarget,
- hasEnabledAfterTarget,
- // The min & max limits.
- minLimitObject = calendar.item.min,
- maxLimitObject = calendar.item.max,
- // Check if we’ve reached the limit during shifting.
- reachedMin,
- reachedMax,
- // Check if the calendar is inverted and at least one weekday is enabled.
- hasEnabledWeekdays = isFlippedBase && calendar.item.disable.filter(function (value) {
- // If there’s a date, check where it is relative to the target.
- if ($.isArray(value)) {
- var dateTime = calendar.create(value).pick;
- if (dateTime < dateObject.pick) hasEnabledBeforeTarget = true; else if (dateTime > dateObject.pick) hasEnabledAfterTarget = true;
- }
- // Return only integers for enabled weekdays.
- return _.isInteger(value);
- }).length; /*,
- safety = 100*/
- // Cases to validate for:
- // [1] Not inverted and date disabled.
- // [2] Inverted and some dates enabled.
- // [3] Not inverted and out of range.
- //
- // Cases to **not** validate for:
- // • Navigating months.
- // • Not inverted and date enabled.
- // • Inverted and all dates disabled.
- // • ..and anything else.
- if (!options || !options.nav) if (
- /* 1 */!isFlippedBase && calendar.disabled(dateObject) ||
- /* 2 */isFlippedBase && calendar.disabled(dateObject) && (hasEnabledWeekdays || hasEnabledBeforeTarget || hasEnabledAfterTarget) ||
- /* 3 */ !isFlippedBase && (dateObject.pick <= minLimitObject.pick || dateObject.pick >= maxLimitObject.pick)) {
- // When inverted, flip the direction if there aren’t any enabled weekdays
- // and there are no enabled dates in the direction of the interval.
- if (isFlippedBase && !hasEnabledWeekdays && (!hasEnabledAfterTarget && interval > 0 || !hasEnabledBeforeTarget && interval < 0)) {
- interval *= -1;
- }
- // Keep looping until we reach an enabled date.
- while ( /*safety &&*/calendar.disabled(dateObject)) {
- /*safety -= 1
- if ( !safety ) {
- throw 'Fell into an infinite loop while validating ' + dateObject.obj + '.'
- }*/
- // If we’ve looped into the next/prev month with a large interval, return to the original date and flatten the interval.
- if (Math.abs(interval) > 1 && (dateObject.month < originalDateObject.month || dateObject.month > originalDateObject.month)) {
- dateObject = originalDateObject;
- interval = interval > 0 ? 1 : -1;
- }
- // If we’ve reached the min/max limit, reverse the direction, flatten the interval and set it to the limit.
- if (dateObject.pick <= minLimitObject.pick) {
- reachedMin = true;
- interval = 1;
- dateObject = calendar.create([minLimitObject.year, minLimitObject.month, minLimitObject.date + (dateObject.pick === minLimitObject.pick ? 0 : -1)]);
- } else if (dateObject.pick >= maxLimitObject.pick) {
- reachedMax = true;
- interval = -1;
- dateObject = calendar.create([maxLimitObject.year, maxLimitObject.month, maxLimitObject.date + (dateObject.pick === maxLimitObject.pick ? 0 : 1)]);
- }
- // If we’ve reached both limits, just break out of the loop.
- if (reachedMin && reachedMax) {
- break;
- }
- // Finally, create the shifted date using the interval and keep looping.
- dateObject = calendar.create([dateObject.year, dateObject.month, dateObject.date + interval]);
- }
- } //endif
- // Return the date object settled on.
- return dateObject;
- }; //DatePicker.prototype.validate
- /**
- * Check if a date is disabled.
- */
- DatePicker.prototype.disabled = function (dateToVerify) {
- var calendar = this,
- // Filter through the disabled dates to check if this is one.
- isDisabledMatch = calendar.item.disable.filter(function (dateToDisable) {
- // If the date is a number, match the weekday with 0index and `firstDay` check.
- if (_.isInteger(dateToDisable)) {
- return dateToVerify.day === (calendar.settings.firstDay ? dateToDisable : dateToDisable - 1) % 7;
- }
- // If it’s an array or a native JS date, create and match the exact date.
- if ($.isArray(dateToDisable) || _.isDate(dateToDisable)) {
- return dateToVerify.pick === calendar.create(dateToDisable).pick;
- }
- // If it’s an object, match a date within the “from” and “to” range.
- if ($.isPlainObject(dateToDisable)) {
- return calendar.withinRange(dateToDisable, dateToVerify);
- }
- });
- // If this date matches a disabled date, confirm it’s not inverted.
- isDisabledMatch = isDisabledMatch.length && !isDisabledMatch.filter(function (dateToDisable) {
- return $.isArray(dateToDisable) && dateToDisable[3] == 'inverted' || $.isPlainObject(dateToDisable) && dateToDisable.inverted;
- }).length;
- // Check the calendar “enabled” flag and respectively flip the
- // disabled state. Then also check if it’s beyond the min/max limits.
- return calendar.item.enable === -1 ? !isDisabledMatch : isDisabledMatch || dateToVerify.pick < calendar.item.min.pick || dateToVerify.pick > calendar.item.max.pick;
- }; //DatePicker.prototype.disabled
- /**
- * Parse a string into a usable type.
- */
- DatePicker.prototype.parse = function (type, value, options) {
- var calendar = this,
- parsingObject = {};
- // If it’s already parsed, we’re good.
- if (!value || typeof value != 'string') {
- return value;
- }
- // We need a `.format` to parse the value with.
- if (!(options && options.format)) {
- options = options || {};
- options.format = calendar.settings.format;
- }
- // Convert the format into an array and then map through it.
- calendar.formats.toArray(options.format).map(function (label) {
- var
- // Grab the formatting label.
- formattingLabel = calendar.formats[label],
- // The format length is from the formatting label function or the
- // label length without the escaping exclamation (!) mark.
- formatLength = formattingLabel ? _.trigger(formattingLabel, calendar, [value, parsingObject]) : label.replace(/^!/, '').length;
- // If there's a format label, split the value up to the format length.
- // Then add it to the parsing object with appropriate label.
- if (formattingLabel) {
- parsingObject[label] = value.substr(0, formatLength);
- }
- // Update the value as the substring from format length to end.
- value = value.substr(formatLength);
- });
- // Compensate for month 0index.
- return [parsingObject.yyyy || parsingObject.yy, +(parsingObject.mm || parsingObject.m) - 1, parsingObject.dd || parsingObject.d];
- }; //DatePicker.prototype.parse
- /**
- * Various formats to display the object in.
- */
- DatePicker.prototype.formats = function () {
- // Return the length of the first word in a collection.
- function getWordLengthFromCollection(string, collection, dateObject) {
- // Grab the first word from the string.
- var word = string.match(/\w+/)[0];
- // If there's no month index, add it to the date object
- if (!dateObject.mm && !dateObject.m) {
- dateObject.m = collection.indexOf(word) + 1;
- }
- // Return the length of the word.
- return word.length;
- }
- // Get the length of the first word in a string.
- function getFirstWordLength(string) {
- return string.match(/\w+/)[0].length;
- }
- return {
- d: function (string, dateObject) {
- // If there's string, then get the digits length.
- // Otherwise return the selected date.
- return string ? _.digits(string) : dateObject.date;
- },
- dd: function (string, dateObject) {
- // If there's a string, then the length is always 2.
- // Otherwise return the selected date with a leading zero.
- return string ? 2 : _.lead(dateObject.date);
- },
- ddd: function (string, dateObject) {
- // If there's a string, then get the length of the first word.
- // Otherwise return the short selected weekday.
- return string ? getFirstWordLength(string) : this.settings.weekdaysShort[dateObject.day];
- },
- dddd: function (string, dateObject) {
- // If there's a string, then get the length of the first word.
- // Otherwise return the full selected weekday.
- return string ? getFirstWordLength(string) : this.settings.weekdaysFull[dateObject.day];
- },
- m: function (string, dateObject) {
- // If there's a string, then get the length of the digits
- // Otherwise return the selected month with 0index compensation.
- return string ? _.digits(string) : dateObject.month + 1;
- },
- mm: function (string, dateObject) {
- // If there's a string, then the length is always 2.
- // Otherwise return the selected month with 0index and leading zero.
- return string ? 2 : _.lead(dateObject.month + 1);
- },
- mmm: function (string, dateObject) {
- var collection = this.settings.monthsShort;
- // If there's a string, get length of the relevant month from the short
- // months collection. Otherwise return the selected month from that collection.
- return string ? getWordLengthFromCollection(string, collection, dateObject) : collection[dateObject.month];
- },
- mmmm: function (string, dateObject) {
- var collection = this.settings.monthsFull;
- // If there's a string, get length of the relevant month from the full
- // months collection. Otherwise return the selected month from that collection.
- return string ? getWordLengthFromCollection(string, collection, dateObject) : collection[dateObject.month];
- },
- yy: function (string, dateObject) {
- // If there's a string, then the length is always 2.
- // Otherwise return the selected year by slicing out the first 2 digits.
- return string ? 2 : ('' + dateObject.year).slice(2);
- },
- yyyy: function (string, dateObject) {
- // If there's a string, then the length is always 4.
- // Otherwise return the selected year.
- return string ? 4 : dateObject.year;
- },
- // Create an array by splitting the formatting string passed.
- toArray: function (formatString) {
- return formatString.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g);
- },
- // Format an object into a string using the formatting options.
- toString: function (formatString, itemObject) {
- var calendar = this;
- return calendar.formats.toArray(formatString).map(function (label) {
- return _.trigger(calendar.formats[label], calendar, [0, itemObject]) || label.replace(/^!/, '');
- }).join('');
- }
- };
- }(); //DatePicker.prototype.formats
- /**
- * Check if two date units are the exact.
- */
- DatePicker.prototype.isDateExact = function (one, two) {
- var calendar = this;
- // When we’re working with weekdays, do a direct comparison.
- if (_.isInteger(one) && _.isInteger(two) || typeof one == 'boolean' && typeof two == 'boolean') {
- return one === two;
- }
- // When we’re working with date representations, compare the “pick” value.
- if ((_.isDate(one) || $.isArray(one)) && (_.isDate(two) || $.isArray(two))) {
- return calendar.create(one).pick === calendar.create(two).pick;
- }
- // When we’re working with range objects, compare the “from” and “to”.
- if ($.isPlainObject(one) && $.isPlainObject(two)) {
- return calendar.isDateExact(one.from, two.from) && calendar.isDateExact(one.to, two.to);
- }
- return false;
- };
- /**
- * Check if two date units overlap.
- */
- DatePicker.prototype.isDateOverlap = function (one, two) {
- var calendar = this,
- firstDay = calendar.settings.firstDay ? 1 : 0;
- // When we’re working with a weekday index, compare the days.
- if (_.isInteger(one) && (_.isDate(two) || $.isArray(two))) {
- one = one % 7 + firstDay;
- return one === calendar.create(two).day + 1;
- }
- if (_.isInteger(two) && (_.isDate(one) || $.isArray(one))) {
- two = two % 7 + firstDay;
- return two === calendar.create(one).day + 1;
- }
- // When we’re working with range objects, check if the ranges overlap.
- if ($.isPlainObject(one) && $.isPlainObject(two)) {
- return calendar.overlapRanges(one, two);
- }
- return false;
- };
- /**
- * Flip the “enabled” state.
- */
- DatePicker.prototype.flipEnable = function (val) {
- var itemObject = this.item;
- itemObject.enable = val || (itemObject.enable == -1 ? 1 : -1);
- };
- /**
- * Mark a collection of dates as “disabled”.
- */
- DatePicker.prototype.deactivate = function (type, datesToDisable) {
- var calendar = this,
- disabledItems = calendar.item.disable.slice(0);
- // If we’re flipping, that’s all we need to do.
- if (datesToDisable == 'flip') {
- calendar.flipEnable();
- } else if (datesToDisable === false) {
- calendar.flipEnable(1);
- disabledItems = [];
- } else if (datesToDisable === true) {
- calendar.flipEnable(-1);
- disabledItems = [];
- }
- // Otherwise go through the dates to disable.
- else {
- datesToDisable.map(function (unitToDisable) {
- var matchFound;
- // When we have disabled items, check for matches.
- // If something is matched, immediately break out.
- for (var index = 0; index < disabledItems.length; index += 1) {
- if (calendar.isDateExact(unitToDisable, disabledItems[index])) {
- matchFound = true;
- break;
- }
- }
- // If nothing was found, add the validated unit to the collection.
- if (!matchFound) {
- if (_.isInteger(unitToDisable) || _.isDate(unitToDisable) || $.isArray(unitToDisable) || $.isPlainObject(unitToDisable) && unitToDisable.from && unitToDisable.to) {
- disabledItems.push(unitToDisable);
- }
- }
- });
- }
- // Return the updated collection.
- return disabledItems;
- }; //DatePicker.prototype.deactivate
- /**
- * Mark a collection of dates as “enabled”.
- */
- DatePicker.prototype.activate = function (type, datesToEnable) {
- var calendar = this,
- disabledItems = calendar.item.disable,
- disabledItemsCount = disabledItems.length;
- // If we’re flipping, that’s all we need to do.
- if (datesToEnable == 'flip') {
- calendar.flipEnable();
- } else if (datesToEnable === true) {
- calendar.flipEnable(1);
- disabledItems = [];
- } else if (datesToEnable === false) {
- calendar.flipEnable(-1);
- disabledItems = [];
- }
- // Otherwise go through the disabled dates.
- else {
- datesToEnable.map(function (unitToEnable) {
- var matchFound, disabledUnit, index, isExactRange;
- // Go through the disabled items and try to find a match.
- for (index = 0; index < disabledItemsCount; index += 1) {
- disabledUnit = disabledItems[index];
- // When an exact match is found, remove it from the collection.
- if (calendar.isDateExact(disabledUnit, unitToEnable)) {
- matchFound = disabledItems[index] = null;
- isExactRange = true;
- break;
- }
- // When an overlapped match is found, add the “inverted” state to it.
- else if (calendar.isDateOverlap(disabledUnit, unitToEnable)) {
- if ($.isPlainObject(unitToEnable)) {
- unitToEnable.inverted = true;
- matchFound = unitToEnable;
- } else if ($.isArray(unitToEnable)) {
- matchFound = unitToEnable;
- if (!matchFound[3]) matchFound.push('inverted');
- } else if (_.isDate(unitToEnable)) {
- matchFound = [unitToEnable.getFullYear(), unitToEnable.getMonth(), unitToEnable.getDate(), 'inverted'];
- }
- break;
- }
- }
- // If a match was found, remove a previous duplicate entry.
- if (matchFound) for (index = 0; index < disabledItemsCount; index += 1) {
- if (calendar.isDateExact(disabledItems[index], unitToEnable)) {
- disabledItems[index] = null;
- break;
- }
- }
- // In the event that we’re dealing with an exact range of dates,
- // make sure there are no “inverted” dates because of it.
- if (isExactRange) for (index = 0; index < disabledItemsCount; index += 1) {
- if (calendar.isDateOverlap(disabledItems[index], unitToEnable)) {
- disabledItems[index] = null;
- break;
- }
- }
- // If something is still matched, add it into the collection.
- if (matchFound) {
- disabledItems.push(matchFound);
- }
- });
- }
- // Return the updated collection.
- return disabledItems.filter(function (val) {
- return val != null;
- });
- }; //DatePicker.prototype.activate
- /**
- * Create a string for the nodes in the picker.
- */
- DatePicker.prototype.nodes = function (isOpen) {
- var calendar = this,
- settings = calendar.settings,
- calendarItem = calendar.item,
- nowObject = calendarItem.now,
- selectedObject = calendarItem.select,
- highlightedObject = calendarItem.highlight,
- viewsetObject = calendarItem.view,
- disabledCollection = calendarItem.disable,
- minLimitObject = calendarItem.min,
- maxLimitObject = calendarItem.max,
- // Create the calendar table head using a copy of weekday labels collection.
- // * We do a copy so we don't mutate the original array.
- tableHead = function (collection, fullCollection) {
- // If the first day should be Monday, move Sunday to the end.
- if (settings.firstDay) {
- collection.push(collection.shift());
- fullCollection.push(fullCollection.shift());
- }
- // Create and return the table head group.
- return _.node('thead', _.node('tr', _.group({
- min: 0,
- max: DAYS_IN_WEEK - 1,
- i: 1,
- node: 'th',
- item: function (counter) {
- return [collection[counter], settings.klass.weekdays, 'scope=col title="' + fullCollection[counter] + '"'];
- }
- }))); //endreturn
- // Materialize modified
- }((settings.showWeekdaysFull ? settings.weekdaysFull : settings.weekdaysLetter).slice(0), settings.weekdaysFull.slice(0)),
- //tableHead
- // Create the nav for next/prev month.
- createMonthNav = function (next) {
- // Otherwise, return the created month tag.
- return _.node('div', ' ', settings.klass['nav' + (next ? 'Next' : 'Prev')] + (
- // If the focused month is outside the range, disabled the button.
- next && viewsetObject.year >= maxLimitObject.year && viewsetObject.month >= maxLimitObject.month || !next && viewsetObject.year <= minLimitObject.year && viewsetObject.month <= minLimitObject.month ? ' ' + settings.klass.navDisabled : ''), 'data-nav=' + (next || -1) + ' ' + _.ariaAttr({
- role: 'button',
- controls: calendar.$node[0].id + '_table'
- }) + ' ' + 'title="' + (next ? settings.labelMonthNext : settings.labelMonthPrev) + '"'); //endreturn
- },
- //createMonthNav
- // Create the month label.
- //Materialize modified
- createMonthLabel = function (override) {
- var monthsCollection = settings.showMonthsShort ? settings.monthsShort : settings.monthsFull;
- // Materialize modified
- if (override == "short_months") {
- monthsCollection = settings.monthsShort;
- }
- // If there are months to select, add a dropdown menu.
- if (settings.selectMonths && override == undefined) {
- return _.node('select', _.group({
- min: 0,
- max: 11,
- i: 1,
- node: 'option',
- item: function (loopedMonth) {
- return [
- // The looped month and no classes.
- monthsCollection[loopedMonth], 0,
- // Set the value and selected index.
- 'value=' + loopedMonth + (viewsetObject.month == loopedMonth ? ' selected' : '') + (viewsetObject.year == minLimitObject.year && loopedMonth < minLimitObject.month || viewsetObject.year == maxLimitObject.year && loopedMonth > maxLimitObject.month ? ' disabled' : '')];
- }
- }), settings.klass.selectMonth + ' browser-default', (isOpen ? '' : 'disabled') + ' ' + _.ariaAttr({ controls: calendar.$node[0].id + '_table' }) + ' ' + 'title="' + settings.labelMonthSelect + '"');
- }
- // Materialize modified
- if (override == "short_months") if (selectedObject != null) return monthsCollection[selectedObject.month]; else return monthsCollection[viewsetObject.month];
- // If there's a need for a month selector
- return _.node('div', monthsCollection[viewsetObject.month], settings.klass.month);
- },
- //createMonthLabel
- // Create the year label.
- // Materialize modified
- createYearLabel = function (override) {
- var focusedYear = viewsetObject.year,
- // If years selector is set to a literal "true", set it to 5. Otherwise
- // divide in half to get half before and half after focused year.
- numberYears = settings.selectYears === true ? 5 : ~~(settings.selectYears / 2);
- // If there are years to select, add a dropdown menu.
- if (numberYears) {
- var minYear = minLimitObject.year,
- maxYear = maxLimitObject.year,
- lowestYear = focusedYear - numberYears,
- highestYear = focusedYear + numberYears;
- // If the min year is greater than the lowest year, increase the highest year
- // by the difference and set the lowest year to the min year.
- if (minYear > lowestYear) {
- highestYear += minYear - lowestYear;
- lowestYear = minYear;
- }
- // If the max year is less than the highest year, decrease the lowest year
- // by the lower of the two: available and needed years. Then set the
- // highest year to the max year.
- if (maxYear < highestYear) {
- var availableYears = lowestYear - minYear,
- neededYears = highestYear - maxYear;
- lowestYear -= availableYears > neededYears ? neededYears : availableYears;
- highestYear = maxYear;
- }
- if (settings.selectYears && override == undefined) {
- return _.node('select', _.group({
- min: lowestYear,
- max: highestYear,
- i: 1,
- node: 'option',
- item: function (loopedYear) {
- return [
- // The looped year and no classes.
- loopedYear, 0,
- // Set the value and selected index.
- 'value=' + loopedYear + (focusedYear == loopedYear ? ' selected' : '')];
- }
- }), settings.klass.selectYear + ' browser-default', (isOpen ? '' : 'disabled') + ' ' + _.ariaAttr({ controls: calendar.$node[0].id + '_table' }) + ' ' + 'title="' + settings.labelYearSelect + '"');
- }
- }
- // Materialize modified
- if (override === 'raw' && selectedObject != null) {
- return _.node('div', selectedObject.year);
- }
- // Otherwise just return the year focused
- return _.node('div', focusedYear, settings.klass.year);
- }; //createYearLabel
- // Materialize modified
- createDayLabel = function () {
- if (selectedObject != null) return selectedObject.date; else return nowObject.date;
- };
- createWeekdayLabel = function () {
- var display_day;
- if (selectedObject != null) display_day = selectedObject.day; else display_day = nowObject.day;
- var weekday = settings.weekdaysShort[display_day];
- return weekday;
- };
- // Create and return the entire calendar.
- return _.node(
- // Date presentation View
- 'div', _.node(
- // Div for Year
- 'div', createYearLabel("raw"), settings.klass.year_display) + _.node('span', createWeekdayLabel() + ', ', "picker__weekday-display") + _.node(
- // Div for short Month
- 'span', createMonthLabel("short_months") + ' ', settings.klass.month_display) + _.node(
- // Div for Day
- 'span', createDayLabel(), settings.klass.day_display), settings.klass.date_display) +
- // Calendar container
- _.node('div', _.node('div', _.node('div', (settings.selectYears ? createMonthLabel() + createYearLabel() : createMonthLabel() + createYearLabel()) + createMonthNav() + createMonthNav(1), settings.klass.header) + _.node('table', tableHead + _.node('tbody', _.group({
- min: 0,
- max: WEEKS_IN_CALENDAR - 1,
- i: 1,
- node: 'tr',
- item: function (rowCounter) {
- // If Monday is the first day and the month starts on Sunday, shift the date back a week.
- var shiftDateBy = settings.firstDay && calendar.create([viewsetObject.year, viewsetObject.month, 1]).day === 0 ? -7 : 0;
- return [_.group({
- min: DAYS_IN_WEEK * rowCounter - viewsetObject.day + shiftDateBy + 1, // Add 1 for weekday 0index
- max: function () {
- return this.min + DAYS_IN_WEEK - 1;
- },
- i: 1,
- node: 'td',
- item: function (targetDate) {
- // Convert the time date from a relative date to a target date.
- targetDate = calendar.create([viewsetObject.year, viewsetObject.month, targetDate + (settings.firstDay ? 1 : 0)]);
- var isSelected = selectedObject && selectedObject.pick == targetDate.pick,
- isHighlighted = highlightedObject && highlightedObject.pick == targetDate.pick,
- isDisabled = disabledCollection && calendar.disabled(targetDate) || targetDate.pick < minLimitObject.pick || targetDate.pick > maxLimitObject.pick,
- formattedDate = _.trigger(calendar.formats.toString, calendar, [settings.format, targetDate]);
- return [_.node('div', targetDate.date, function (klasses) {
- // Add the `infocus` or `outfocus` classes based on month in view.
- klasses.push(viewsetObject.month == targetDate.month ? settings.klass.infocus : settings.klass.outfocus);
- // Add the `today` class if needed.
- if (nowObject.pick == targetDate.pick) {
- klasses.push(settings.klass.now);
- }
- // Add the `selected` class if something's selected and the time matches.
- if (isSelected) {
- klasses.push(settings.klass.selected);
- }
- // Add the `highlighted` class if something's highlighted and the time matches.
- if (isHighlighted) {
- klasses.push(settings.klass.highlighted);
- }
- // Add the `disabled` class if something's disabled and the object matches.
- if (isDisabled) {
- klasses.push(settings.klass.disabled);
- }
- return klasses.join(' ');
- }([settings.klass.day]), 'data-pick=' + targetDate.pick + ' ' + _.ariaAttr({
- role: 'gridcell',
- label: formattedDate,
- selected: isSelected && calendar.$node.val() === formattedDate ? true : null,
- activedescendant: isHighlighted ? true : null,
- disabled: isDisabled ? true : null
- }) + ' ' + (isDisabled ? '' : 'tabindex="0"')), '', _.ariaAttr({ role: 'presentation' })]; //endreturn
- }
- })]; //endreturn
- }
- })), settings.klass.table, 'id="' + calendar.$node[0].id + '_table' + '" ' + _.ariaAttr({
- role: 'grid',
- controls: calendar.$node[0].id,
- readonly: true
- })), settings.klass.calendar_container) // end calendar
- +
- // * For Firefox forms to submit, make sure to set the buttons’ `type` attributes as “button”.
- _.node('div', _.node('button', settings.today, "btn-flat picker__today waves-effect", 'type=button data-pick=' + nowObject.pick + (isOpen && !calendar.disabled(nowObject) ? '' : ' disabled') + ' ' + _.ariaAttr({ controls: calendar.$node[0].id })) + _.node('button', settings.clear, "btn-flat picker__clear waves-effect", 'type=button data-clear=1' + (isOpen ? '' : ' disabled') + ' ' + _.ariaAttr({ controls: calendar.$node[0].id })) + _.node('button', settings.close, "btn-flat picker__close waves-effect", 'type=button data-close=true ' + (isOpen ? '' : ' disabled') + ' ' + _.ariaAttr({ controls: calendar.$node[0].id })), settings.klass.footer), 'picker__container__wrapper'); //endreturn
- }; //DatePicker.prototype.nodes
- /**
- * The date picker defaults.
- */
- DatePicker.defaults = function (prefix) {
- return {
- // The title label to use for the month nav buttons
- labelMonthNext: 'Next month',
- labelMonthPrev: 'Previous month',
- // The title label to use for the dropdown selectors
- labelMonthSelect: 'Select a month',
- labelYearSelect: 'Select a year',
- // Months and weekdays
- monthsFull: ['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'],
- weekdaysFull: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
- weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
- // Materialize modified
- weekdaysLetter: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
- // Today and clear
- today: 'Today',
- clear: 'Clear',
- close: 'Ok',
- // Picker close behavior (Prevent a change in behaviour for backwards compatibility)
- closeOnSelect: false,
- // The format to show on the `input` element
- format: 'd mmmm, yyyy',
- // Classes
- klass: {
- table: prefix + 'table',
- header: prefix + 'header',
- // Materialize Added klasses
- date_display: prefix + 'date-display',
- day_display: prefix + 'day-display',
- month_display: prefix + 'month-display',
- year_display: prefix + 'year-display',
- calendar_container: prefix + 'calendar-container',
- // end
- navPrev: prefix + 'nav--prev',
- navNext: prefix + 'nav--next',
- navDisabled: prefix + 'nav--disabled',
- month: prefix + 'month',
- year: prefix + 'year',
- selectMonth: prefix + 'select--month',
- selectYear: prefix + 'select--year',
- weekdays: prefix + 'weekday',
- day: prefix + 'day',
- disabled: prefix + 'day--disabled',
- selected: prefix + 'day--selected',
- highlighted: prefix + 'day--highlighted',
- now: prefix + 'day--today',
- infocus: prefix + 'day--infocus',
- outfocus: prefix + 'day--outfocus',
- footer: prefix + 'footer',
- buttonClear: prefix + 'button--clear',
- buttonToday: prefix + 'button--today',
- buttonClose: prefix + 'button--close'
- }
- };
- }(Picker.klasses().picker + '__');
- /**
- * Extend the picker to add the date picker.
- */
- Picker.extend('pickadate', DatePicker);
- });
- ; /*!
- * ClockPicker v0.0.7 (http://weareoutman.github.io/clockpicker/)
- * Copyright 2014 Wang Shenwei.
- * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
- *
- * Further modified
- * Copyright 2015 Ching Yaw Hao.
- */
- (function ($) {
- var $win = $(window),
- $doc = $(document);
- // Can I use inline svg ?
- var svgNS = 'http://www.w3.org/2000/svg',
- svgSupported = 'SVGAngle' in window && function () {
- var supported,
- el = document.createElement('div');
- el.innerHTML = '<svg/>';
- supported = (el.firstChild && el.firstChild.namespaceURI) == svgNS;
- el.innerHTML = '';
- return supported;
- }();
- // Can I use transition ?
- var transitionSupported = function () {
- var style = document.createElement('div').style;
- return 'transition' in style || 'WebkitTransition' in style || 'MozTransition' in style || 'msTransition' in style || 'OTransition' in style;
- }();
- // Listen touch events in touch screen device, instead of mouse events in desktop.
- var touchSupported = 'ontouchstart' in window,
- mousedownEvent = 'mousedown' + (touchSupported ? ' touchstart' : ''),
- mousemoveEvent = 'mousemove.clockpicker' + (touchSupported ? ' touchmove.clockpicker' : ''),
- mouseupEvent = 'mouseup.clockpicker' + (touchSupported ? ' touchend.clockpicker' : '');
- // Vibrate the device if supported
- var vibrate = navigator.vibrate ? 'vibrate' : navigator.webkitVibrate ? 'webkitVibrate' : null;
- function createSvgElement(name) {
- return document.createElementNS(svgNS, name);
- }
- function leadingZero(num) {
- return (num < 10 ? '0' : '') + num;
- }
- // Get a unique id
- var idCounter = 0;
- function uniqueId(prefix) {
- var id = ++idCounter + '';
- return prefix ? prefix + id : id;
- }
- // Clock size
- var dialRadius = 135,
- outerRadius = 105,
- // innerRadius = 80 on 12 hour clock
- innerRadius = 70,
- tickRadius = 20,
- diameter = dialRadius * 2,
- duration = transitionSupported ? 350 : 1;
- // Popover template
- var tpl = ['<div class="clockpicker picker">', '<div class="picker__holder">', '<div class="picker__frame">', '<div class="picker__wrap">', '<div class="picker__box">', '<div class="picker__date-display">', '<div class="clockpicker-display">', '<div class="clockpicker-display-column">', '<span class="clockpicker-span-hours text-primary"></span>', ':', '<span class="clockpicker-span-minutes"></span>', '</div>', '<div class="clockpicker-display-column clockpicker-display-am-pm">', '<div class="clockpicker-span-am-pm"></div>', '</div>', '</div>', '</div>', '<div class="picker__container__wrapper">', '<div class="picker__calendar-container">', '<div class="clockpicker-plate">', '<div class="clockpicker-canvas"></div>', '<div class="clockpicker-dial clockpicker-hours"></div>', '<div class="clockpicker-dial clockpicker-minutes clockpicker-dial-out"></div>', '</div>', '<div class="clockpicker-am-pm-block">', '</div>', '</div>', '<div class="picker__footer">', '</div>', '</div>', '</div>', '</div>', '</div>', '</div>', '</div>'].join('');
- // ClockPicker
- function ClockPicker(element, options) {
- var popover = $(tpl),
- plate = popover.find('.clockpicker-plate'),
- holder = popover.find('.picker__holder'),
- hoursView = popover.find('.clockpicker-hours'),
- minutesView = popover.find('.clockpicker-minutes'),
- amPmBlock = popover.find('.clockpicker-am-pm-block'),
- isInput = element.prop('tagName') === 'INPUT',
- input = isInput ? element : element.find('input'),
- label = $("label[for=" + input.attr("id") + "]"),
- self = this;
- this.id = uniqueId('cp');
- this.element = element;
- this.holder = holder;
- this.options = options;
- this.isAppended = false;
- this.isShown = false;
- this.currentView = 'hours';
- this.isInput = isInput;
- this.input = input;
- this.label = label;
- this.popover = popover;
- this.plate = plate;
- this.hoursView = hoursView;
- this.minutesView = minutesView;
- this.amPmBlock = amPmBlock;
- this.spanHours = popover.find('.clockpicker-span-hours');
- this.spanMinutes = popover.find('.clockpicker-span-minutes');
- this.spanAmPm = popover.find('.clockpicker-span-am-pm');
- this.footer = popover.find('.picker__footer');
- this.amOrPm = "PM";
- // Setup for for 12 hour clock if option is selected
- if (options.twelvehour) {
- if (!options.ampmclickable) {
- this.spanAmPm.empty();
- $('<div id="click-am">AM</div>').appendTo(this.spanAmPm);
- $('<div id="click-pm">PM</div>').appendTo(this.spanAmPm);
- } else {
- this.spanAmPm.empty();
- $('<div id="click-am">AM</div>').on("click", function () {
- self.spanAmPm.children('#click-am').addClass("text-primary");
- self.spanAmPm.children('#click-pm').removeClass("text-primary");
- self.amOrPm = "AM";
- }).appendTo(this.spanAmPm);
- $('<div id="click-pm">PM</div>').on("click", function () {
- self.spanAmPm.children('#click-pm').addClass("text-primary");
- self.spanAmPm.children('#click-am').removeClass("text-primary");
- self.amOrPm = 'PM';
- }).appendTo(this.spanAmPm);
- }
- }
- // Add buttons to footer
- $('<button type="button" class="btn-flat picker__clear" tabindex="' + (options.twelvehour ? '3' : '1') + '">' + options.cleartext + '</button>').click($.proxy(this.clear, this)).appendTo(this.footer);
- $('<button type="button" class="btn-flat picker__close" tabindex="' + (options.twelvehour ? '3' : '1') + '">' + options.canceltext + '</button>').click($.proxy(this.hide, this)).appendTo(this.footer);
- $('<button type="button" class="btn-flat picker__close" tabindex="' + (options.twelvehour ? '3' : '1') + '">' + options.donetext + '</button>').click($.proxy(this.done, this)).appendTo(this.footer);
- this.spanHours.click($.proxy(this.toggleView, this, 'hours'));
- this.spanMinutes.click($.proxy(this.toggleView, this, 'minutes'));
- // Show or toggle
- input.on('focus.clockpicker click.clockpicker', $.proxy(this.show, this));
- // Build ticks
- var tickTpl = $('<div class="clockpicker-tick"></div>'),
- i,
- tick,
- radian,
- radius;
- // Hours view
- if (options.twelvehour) {
- for (i = 1; i < 13; i += 1) {
- tick = tickTpl.clone();
- radian = i / 6 * Math.PI;
- radius = outerRadius;
- tick.css({
- left: dialRadius + Math.sin(radian) * radius - tickRadius,
- top: dialRadius - Math.cos(radian) * radius - tickRadius
- });
- tick.html(i === 0 ? '00' : i);
- hoursView.append(tick);
- tick.on(mousedownEvent, mousedown);
- }
- } else {
- for (i = 0; i < 24; i += 1) {
- tick = tickTpl.clone();
- radian = i / 6 * Math.PI;
- var inner = i > 0 && i < 13;
- radius = inner ? innerRadius : outerRadius;
- tick.css({
- left: dialRadius + Math.sin(radian) * radius - tickRadius,
- top: dialRadius - Math.cos(radian) * radius - tickRadius
- });
- tick.html(i === 0 ? '00' : i);
- hoursView.append(tick);
- tick.on(mousedownEvent, mousedown);
- }
- }
- // Minutes view
- for (i = 0; i < 60; i += 5) {
- tick = tickTpl.clone();
- radian = i / 30 * Math.PI;
- tick.css({
- left: dialRadius + Math.sin(radian) * outerRadius - tickRadius,
- top: dialRadius - Math.cos(radian) * outerRadius - tickRadius
- });
- tick.html(leadingZero(i));
- minutesView.append(tick);
- tick.on(mousedownEvent, mousedown);
- }
- // Clicking on minutes view space
- plate.on(mousedownEvent, function (e) {
- if ($(e.target).closest('.clockpicker-tick').length === 0) {
- mousedown(e, true);
- }
- });
- // Mousedown or touchstart
- function mousedown(e, space) {
- var offset = plate.offset(),
- isTouch = /^touch/.test(e.type),
- x0 = offset.left + dialRadius,
- y0 = offset.top + dialRadius,
- dx = (isTouch ? e.originalEvent.touches[0] : e).pageX - x0,
- dy = (isTouch ? e.originalEvent.touches[0] : e).pageY - y0,
- z = Math.sqrt(dx * dx + dy * dy),
- moved = false;
- // When clicking on minutes view space, check the mouse position
- if (space && (z < outerRadius - tickRadius || z > outerRadius + tickRadius)) {
- return;
- }
- e.preventDefault();
- // Set cursor style of body after 200ms
- var movingTimer = setTimeout(function () {
- self.popover.addClass('clockpicker-moving');
- }, 200);
- // Clock
- self.setHand(dx, dy, !space, true);
- // Mousemove on document
- $doc.off(mousemoveEvent).on(mousemoveEvent, function (e) {
- e.preventDefault();
- var isTouch = /^touch/.test(e.type),
- x = (isTouch ? e.originalEvent.touches[0] : e).pageX - x0,
- y = (isTouch ? e.originalEvent.touches[0] : e).pageY - y0;
- if (!moved && x === dx && y === dy) {
- // Clicking in chrome on windows will trigger a mousemove event
- return;
- }
- moved = true;
- self.setHand(x, y, false, true);
- });
- // Mouseup on document
- $doc.off(mouseupEvent).on(mouseupEvent, function (e) {
- $doc.off(mouseupEvent);
- e.preventDefault();
- var isTouch = /^touch/.test(e.type),
- x = (isTouch ? e.originalEvent.changedTouches[0] : e).pageX - x0,
- y = (isTouch ? e.originalEvent.changedTouches[0] : e).pageY - y0;
- if ((space || moved) && x === dx && y === dy) {
- self.setHand(x, y);
- }
- if (self.currentView === 'hours') {
- self.toggleView('minutes', duration / 2);
- } else if (options.autoclose) {
- self.minutesView.addClass('clockpicker-dial-out');
- setTimeout(function () {
- self.done();
- }, duration / 2);
- }
- plate.prepend(canvas);
- // Reset cursor style of body
- clearTimeout(movingTimer);
- self.popover.removeClass('clockpicker-moving');
- // Unbind mousemove event
- $doc.off(mousemoveEvent);
- });
- }
- if (svgSupported) {
- // Draw clock hands and others
- var canvas = popover.find('.clockpicker-canvas'),
- svg = createSvgElement('svg');
- svg.setAttribute('class', 'clockpicker-svg');
- svg.setAttribute('width', diameter);
- svg.setAttribute('height', diameter);
- var g = createSvgElement('g');
- g.setAttribute('transform', 'translate(' + dialRadius + ',' + dialRadius + ')');
- var bearing = createSvgElement('circle');
- bearing.setAttribute('class', 'clockpicker-canvas-bearing');
- bearing.setAttribute('cx', 0);
- bearing.setAttribute('cy', 0);
- bearing.setAttribute('r', 4);
- var hand = createSvgElement('line');
- hand.setAttribute('x1', 0);
- hand.setAttribute('y1', 0);
- var bg = createSvgElement('circle');
- bg.setAttribute('class', 'clockpicker-canvas-bg');
- bg.setAttribute('r', tickRadius);
- g.appendChild(hand);
- g.appendChild(bg);
- g.appendChild(bearing);
- svg.appendChild(g);
- canvas.append(svg);
- this.hand = hand;
- this.bg = bg;
- this.bearing = bearing;
- this.g = g;
- this.canvas = canvas;
- }
- raiseCallback(this.options.init);
- }
- function raiseCallback(callbackFunction) {
- if (callbackFunction && typeof callbackFunction === "function") callbackFunction();
- }
- // Default options
- ClockPicker.DEFAULTS = {
- 'default': '', // default time, 'now' or '13:14' e.g.
- fromnow: 0, // set default time to * milliseconds from now (using with default = 'now')
- donetext: 'Ok', // done button text
- cleartext: 'Clear',
- canceltext: 'Cancel',
- autoclose: false, // auto close when minute is selected
- ampmclickable: true, // set am/pm button on itself
- darktheme: false, // set to dark theme
- twelvehour: true, // change to 12 hour AM/PM clock from 24 hour
- vibrate: true // vibrate the device when dragging clock hand
- };
- // Show or hide popover
- ClockPicker.prototype.toggle = function () {
- this[this.isShown ? 'hide' : 'show']();
- };
- // Set popover position
- ClockPicker.prototype.locate = function () {
- var element = this.element,
- popover = this.popover,
- offset = element.offset(),
- width = element.outerWidth(),
- height = element.outerHeight(),
- align = this.options.align,
- self = this;
- popover.show();
- };
- // Show popover
- ClockPicker.prototype.show = function (e) {
- // Not show again
- if (this.isShown) {
- return;
- }
- raiseCallback(this.options.beforeShow);
- $(':input').each(function () {
- $(this).attr('tabindex', -1);
- });
- var self = this;
- // Initialize
- this.input.blur();
- this.popover.addClass('picker--opened');
- this.input.addClass('picker__input picker__input--active');
- $(document.body).css('overflow', 'hidden');
- // Get the time
- var value = ((this.input.prop('value') || this.options['default'] || '') + '').split(':');
- if (this.options.twelvehour && !(typeof value[1] === 'undefined')) {
- if (value[1].indexOf("AM") > 0) {
- this.amOrPm = 'AM';
- } else {
- this.amOrPm = 'PM';
- }
- value[1] = value[1].replace("AM", "").replace("PM", "");
- }
- if (value[0] === 'now') {
- var now = new Date(+new Date() + this.options.fromnow);
- value = [now.getHours(), now.getMinutes()];
- if (this.options.twelvehour) {
- this.amOrPm = value[0] >= 12 && value[0] < 24 ? 'PM' : 'AM';
- }
- }
- this.hours = +value[0] || 0;
- this.minutes = +value[1] || 0;
- this.spanHours.html(this.hours);
- this.spanMinutes.html(leadingZero(this.minutes));
- if (!this.isAppended) {
- // Append popover to input by default
- var containerEl = document.querySelector(this.options.container);
- if (this.options.container && containerEl) {
- containerEl.appendChild(this.popover[0]);
- } else {
- this.popover.insertAfter(this.input);
- }
- if (this.options.twelvehour) {
- if (this.amOrPm === 'PM') {
- this.spanAmPm.children('#click-pm').addClass("text-primary");
- this.spanAmPm.children('#click-am').removeClass("text-primary");
- } else {
- this.spanAmPm.children('#click-am').addClass("text-primary");
- this.spanAmPm.children('#click-pm').removeClass("text-primary");
- }
- }
- // Reset position when resize
- $win.on('resize.clockpicker' + this.id, function () {
- if (self.isShown) {
- self.locate();
- }
- });
- this.isAppended = true;
- }
- // Toggle to hours view
- this.toggleView('hours');
- // Set position
- this.locate();
- this.isShown = true;
- // Hide when clicking or tabbing on any element except the clock and input
- $doc.on('click.clockpicker.' + this.id + ' focusin.clockpicker.' + this.id, function (e) {
- var target = $(e.target);
- if (target.closest(self.popover.find('.picker__wrap')).length === 0 && target.closest(self.input).length === 0) {
- self.hide();
- }
- });
- // Hide when ESC is pressed
- $doc.on('keyup.clockpicker.' + this.id, function (e) {
- if (e.keyCode === 27) {
- self.hide();
- }
- });
- raiseCallback(this.options.afterShow);
- };
- // Hide popover
- ClockPicker.prototype.hide = function () {
- raiseCallback(this.options.beforeHide);
- this.input.removeClass('picker__input picker__input--active');
- this.popover.removeClass('picker--opened');
- $(document.body).css('overflow', 'visible');
- this.isShown = false;
- $(':input').each(function (index) {
- $(this).attr('tabindex', index + 1);
- });
- // Unbinding events on document
- $doc.off('click.clockpicker.' + this.id + ' focusin.clockpicker.' + this.id);
- $doc.off('keyup.clockpicker.' + this.id);
- this.popover.hide();
- raiseCallback(this.options.afterHide);
- };
- // Toggle to hours or minutes view
- ClockPicker.prototype.toggleView = function (view, delay) {
- var raiseAfterHourSelect = false;
- if (view === 'minutes' && $(this.hoursView).css("visibility") === "visible") {
- raiseCallback(this.options.beforeHourSelect);
- raiseAfterHourSelect = true;
- }
- var isHours = view === 'hours',
- nextView = isHours ? this.hoursView : this.minutesView,
- hideView = isHours ? this.minutesView : this.hoursView;
- this.currentView = view;
- this.spanHours.toggleClass('text-primary', isHours);
- this.spanMinutes.toggleClass('text-primary', !isHours);
- // Let's make transitions
- hideView.addClass('clockpicker-dial-out');
- nextView.css('visibility', 'visible').removeClass('clockpicker-dial-out');
- // Reset clock hand
- this.resetClock(delay);
- // After transitions ended
- clearTimeout(this.toggleViewTimer);
- this.toggleViewTimer = setTimeout(function () {
- hideView.css('visibility', 'hidden');
- }, duration);
- if (raiseAfterHourSelect) {
- raiseCallback(this.options.afterHourSelect);
- }
- };
- // Reset clock hand
- ClockPicker.prototype.resetClock = function (delay) {
- var view = this.currentView,
- value = this[view],
- isHours = view === 'hours',
- unit = Math.PI / (isHours ? 6 : 30),
- radian = value * unit,
- radius = isHours && value > 0 && value < 13 ? innerRadius : outerRadius,
- x = Math.sin(radian) * radius,
- y = -Math.cos(radian) * radius,
- self = this;
- if (svgSupported && delay) {
- self.canvas.addClass('clockpicker-canvas-out');
- setTimeout(function () {
- self.canvas.removeClass('clockpicker-canvas-out');
- self.setHand(x, y);
- }, delay);
- } else this.setHand(x, y);
- };
- // Set clock hand to (x, y)
- ClockPicker.prototype.setHand = function (x, y, roundBy5, dragging) {
- var radian = Math.atan2(x, -y),
- isHours = this.currentView === 'hours',
- unit = Math.PI / (isHours || roundBy5 ? 6 : 30),
- z = Math.sqrt(x * x + y * y),
- options = this.options,
- inner = isHours && z < (outerRadius + innerRadius) / 2,
- radius = inner ? innerRadius : outerRadius,
- value;
- if (options.twelvehour) {
- radius = outerRadius;
- }
- // Radian should in range [0, 2PI]
- if (radian < 0) {
- radian = Math.PI * 2 + radian;
- }
- // Get the round value
- value = Math.round(radian / unit);
- // Get the round radian
- radian = value * unit;
- // Correct the hours or minutes
- if (options.twelvehour) {
- if (isHours) {
- if (value === 0) value = 12;
- } else {
- if (roundBy5) value *= 5;
- if (value === 60) value = 0;
- }
- } else {
- if (isHours) {
- if (value === 12) value = 0;
- value = inner ? value === 0 ? 12 : value : value === 0 ? 0 : value + 12;
- } else {
- if (roundBy5) value *= 5;
- if (value === 60) value = 0;
- }
- }
- // Once hours or minutes changed, vibrate the device
- if (this[this.currentView] !== value) {
- if (vibrate && this.options.vibrate) {
- // Do not vibrate too frequently
- if (!this.vibrateTimer) {
- navigator[vibrate](10);
- this.vibrateTimer = setTimeout($.proxy(function () {
- this.vibrateTimer = null;
- }, this), 100);
- }
- }
- }
- this[this.currentView] = value;
- if (isHours) {
- this['spanHours'].html(value);
- } else {
- this['spanMinutes'].html(leadingZero(value));
- }
- // If svg is not supported, just add an active class to the tick
- if (!svgSupported) {
- this[isHours ? 'hoursView' : 'minutesView'].find('.clockpicker-tick').each(function () {
- var tick = $(this);
- tick.toggleClass('active', value === +tick.html());
- });
- return;
- }
- // Set clock hand and others' position
- var cx1 = Math.sin(radian) * (radius - tickRadius),
- cy1 = -Math.cos(radian) * (radius - tickRadius),
- cx2 = Math.sin(radian) * radius,
- cy2 = -Math.cos(radian) * radius;
- this.hand.setAttribute('x2', cx1);
- this.hand.setAttribute('y2', cy1);
- this.bg.setAttribute('cx', cx2);
- this.bg.setAttribute('cy', cy2);
- };
- // Hours and minutes are selected
- ClockPicker.prototype.done = function () {
- raiseCallback(this.options.beforeDone);
- this.hide();
- this.label.addClass('active');
- var last = this.input.prop('value'),
- value = leadingZero(this.hours) + ':' + leadingZero(this.minutes);
- if (this.options.twelvehour) {
- value = value + this.amOrPm;
- }
- this.input.prop('value', value);
- if (value !== last) {
- this.input.triggerHandler('change');
- if (!this.isInput) {
- this.element.trigger('change');
- }
- }
- if (this.options.autoclose) this.input.trigger('blur');
- raiseCallback(this.options.afterDone);
- };
- // Clear input field
- ClockPicker.prototype.clear = function () {
- this.hide();
- this.label.removeClass('active');
- var last = this.input.prop('value'),
- value = '';
- this.input.prop('value', value);
- if (value !== last) {
- this.input.triggerHandler('change');
- if (!this.isInput) {
- this.element.trigger('change');
- }
- }
- if (this.options.autoclose) {
- this.input.trigger('blur');
- }
- };
- // Remove clockpicker from input
- ClockPicker.prototype.remove = function () {
- this.element.removeData('clockpicker');
- this.input.off('focus.clockpicker click.clockpicker');
- if (this.isShown) {
- this.hide();
- }
- if (this.isAppended) {
- $win.off('resize.clockpicker' + this.id);
- this.popover.remove();
- }
- };
- // Extends $.fn.clockpicker
- $.fn.pickatime = function (option) {
- var args = Array.prototype.slice.call(arguments, 1);
- return this.each(function () {
- var $this = $(this),
- data = $this.data('clockpicker');
- if (!data) {
- var options = $.extend({}, ClockPicker.DEFAULTS, $this.data(), typeof option == 'object' && option);
- $this.data('clockpicker', new ClockPicker($this, options));
- } else {
- // Manual operatsions. show, hide, remove, e.g.
- if (typeof data[option] === 'function') {
- data[option].apply(data, args);
- }
- }
- });
- };
- })(jQuery);
- ; (function ($) {
- $.fn.characterCounter = function () {
- return this.each(function () {
- var $input = $(this);
- var $counterElement = $input.parent().find('span[class="character-counter"]');
- // character counter has already been added appended to the parent container
- if ($counterElement.length) {
- return;
- }
- var itHasLengthAttribute = $input.attr('data-length') !== undefined;
- if (itHasLengthAttribute) {
- $input.on('input', updateCounter);
- $input.on('focus', updateCounter);
- $input.on('blur', removeCounterElement);
- addCounterElement($input);
- }
- });
- };
- function updateCounter() {
- var maxLength = +$(this).attr('data-length'),
- actualLength = +$(this).val().length,
- isValidLength = actualLength <= maxLength;
- $(this).parent().find('span[class="character-counter"]').html(actualLength + '/' + maxLength);
- addInputStyle(isValidLength, $(this));
- }
- function addCounterElement($input) {
- var $counterElement = $input.parent().find('span[class="character-counter"]');
- if ($counterElement.length) {
- return;
- }
- $counterElement = $('<span/>').addClass('character-counter').css('float', 'right').css('font-size', '12px').css('height', 1);
- $input.parent().append($counterElement);
- }
- function removeCounterElement() {
- $(this).parent().find('span[class="character-counter"]').html('');
- }
- function addInputStyle(isValidLength, $input) {
- var inputHasInvalidClass = $input.hasClass('invalid');
- if (isValidLength && inputHasInvalidClass) {
- $input.removeClass('invalid');
- } else if (!isValidLength && !inputHasInvalidClass) {
- $input.removeClass('valid');
- $input.addClass('invalid');
- }
- }
- $(document).ready(function () {
- $('input, textarea').characterCounter();
- });
- })(jQuery);
- ; (function ($) {
- var methods = {
- init: function (options) {
- var defaults = {
- duration: 200, // ms
- dist: -100, // zoom scale TODO: make this more intuitive as an option
- shift: 0, // spacing for center image
- padding: 0, // Padding between non center items
- fullWidth: false, // Change to full width styles
- indicators: false, // Toggle indicators
- noWrap: false, // Don't wrap around and cycle through items.
- onCycleTo: null // Callback for when a new slide is cycled to.
- };
- options = $.extend(defaults, options);
- var namespace = Materialize.objectSelectorString($(this));
- return this.each(function (i) {
- var images, item_width, item_height, offset, center, pressed, dim, count, reference, referenceY, amplitude, target, velocity, scrolling, xform, frame, timestamp, ticker, dragged, vertical_dragged;
- var $indicators = $('<ul class="indicators"></ul>');
- var scrollingTimeout = null;
- var oneTimeCallback = null;
- // Initialize
- var view = $(this);
- var hasMultipleSlides = view.find('.carousel-item').length > 1;
- var showIndicators = (view.attr('data-indicators') || options.indicators) && hasMultipleSlides;
- var noWrap = view.attr('data-no-wrap') || options.noWrap || !hasMultipleSlides;
- var uniqueNamespace = view.attr('data-namespace') || namespace + i;
- view.attr('data-namespace', uniqueNamespace);
- // Options
- var setCarouselHeight = function (imageOnly) {
- var firstSlide = view.find('.carousel-item.active').length ? view.find('.carousel-item.active').first() : view.find('.carousel-item').first();
- var firstImage = firstSlide.find('img').first();
- if (firstImage.length) {
- if (firstImage[0].complete) {
- // If image won't trigger the load event
- var imageHeight = firstImage.height();
- if (imageHeight > 0) {
- view.css('height', firstImage.height());
- } else {
- // If image still has no height, use the natural dimensions to calculate
- var naturalWidth = firstImage[0].naturalWidth;
- var naturalHeight = firstImage[0].naturalHeight;
- var adjustedHeight = view.width() / naturalWidth * naturalHeight;
- view.css('height', adjustedHeight);
- }
- } else {
- // Get height when image is loaded normally
- firstImage.on('load', function () {
- view.css('height', $(this).height());
- });
- }
- } else if (!imageOnly) {
- var slideHeight = firstSlide.height();
- view.css('height', slideHeight);
- }
- };
- if (options.fullWidth) {
- options.dist = 0;
- setCarouselHeight();
- // Offset fixed items when indicators.
- if (showIndicators) {
- view.find('.carousel-fixed-item').addClass('with-indicators');
- }
- }
- // Don't double initialize.
- if (view.hasClass('initialized')) {
- // Recalculate variables
- $(window).trigger('resize');
- // Redraw carousel.
- view.trigger('carouselNext', [0.000001]);
- return true;
- }
- view.addClass('initialized');
- pressed = false;
- offset = target = 0;
- images = [];
- item_width = view.find('.carousel-item').first().innerWidth();
- item_height = view.find('.carousel-item').first().innerHeight();
- dim = item_width * 2 + options.padding;
- view.find('.carousel-item').each(function (i) {
- images.push($(this)[0]);
- if (showIndicators) {
- var $indicator = $('<li class="indicator-item"></li>');
- // Add active to first by default.
- if (i === 0) {
- $indicator.addClass('active');
- }
- // Handle clicks on indicators.
- $indicator.click(function (e) {
- e.stopPropagation();
- var index = $(this).index();
- cycleTo(index);
- });
- $indicators.append($indicator);
- }
- });
- if (showIndicators) {
- view.append($indicators);
- }
- count = images.length;
- function setupEvents() {
- if (typeof window.ontouchstart !== 'undefined') {
- view.on('touchstart.carousel', tap);
- view.on('touchmove.carousel', drag);
- view.on('touchend.carousel', release);
- }
- view.on('mousedown.carousel', tap);
- view.on('mousemove.carousel', drag);
- view.on('mouseup.carousel', release);
- view.on('mouseleave.carousel', release);
- view.on('click.carousel', click);
- }
- function xpos(e) {
- // touch event
- if (e.targetTouches && e.targetTouches.length >= 1) {
- return e.targetTouches[0].clientX;
- }
- // mouse event
- return e.clientX;
- }
- function ypos(e) {
- // touch event
- if (e.targetTouches && e.targetTouches.length >= 1) {
- return e.targetTouches[0].clientY;
- }
- // mouse event
- return e.clientY;
- }
- function wrap(x) {
- return x >= count ? x % count : x < 0 ? wrap(count + x % count) : x;
- }
- function scroll(x) {
- // Track scrolling state
- scrolling = true;
- if (!view.hasClass('scrolling')) {
- view.addClass('scrolling');
- }
- if (scrollingTimeout != null) {
- window.clearTimeout(scrollingTimeout);
- }
- scrollingTimeout = window.setTimeout(function () {
- scrolling = false;
- view.removeClass('scrolling');
- }, options.duration);
- // Start actual scroll
- var i, half, delta, dir, tween, el, alignment, xTranslation;
- var lastCenter = center;
- offset = typeof x === 'number' ? x : offset;
- center = Math.floor((offset + dim / 2) / dim);
- delta = offset - center * dim;
- dir = delta < 0 ? 1 : -1;
- tween = -dir * delta * 2 / dim;
- half = count >> 1;
- if (!options.fullWidth) {
- alignment = 'translateX(' + (view[0].clientWidth - item_width) / 2 + 'px) ';
- alignment += 'translateY(' + (view[0].clientHeight - item_height) / 2 + 'px)';
- } else {
- alignment = 'translateX(0)';
- }
- // Set indicator active
- if (showIndicators) {
- var diff = center % count;
- var activeIndicator = $indicators.find('.indicator-item.active');
- if (activeIndicator.index() !== diff) {
- activeIndicator.removeClass('active');
- $indicators.find('.indicator-item').eq(diff).addClass('active');
- }
- }
- // center
- // Don't show wrapped items.
- if (!noWrap || center >= 0 && center < count) {
- el = images[wrap(center)];
- // Add active class to center item.
- if (!$(el).hasClass('active')) {
- view.find('.carousel-item').removeClass('active');
- $(el).addClass('active');
- }
- el.style[xform] = alignment + ' translateX(' + -delta / 2 + 'px)' + ' translateX(' + dir * options.shift * tween * i + 'px)' + ' translateZ(' + options.dist * tween + 'px)';
- el.style.zIndex = 0;
- if (options.fullWidth) {
- tweenedOpacity = 1;
- } else {
- tweenedOpacity = 1 - 0.2 * tween;
- }
- el.style.opacity = tweenedOpacity;
- el.style.display = 'block';
- }
- for (i = 1; i <= half; ++i) {
- // right side
- if (options.fullWidth) {
- zTranslation = options.dist;
- tweenedOpacity = i === half && delta < 0 ? 1 - tween : 1;
- } else {
- zTranslation = options.dist * (i * 2 + tween * dir);
- tweenedOpacity = 1 - 0.2 * (i * 2 + tween * dir);
- }
- // Don't show wrapped items.
- if (!noWrap || center + i < count) {
- el = images[wrap(center + i)];
- el.style[xform] = alignment + ' translateX(' + (options.shift + (dim * i - delta) / 2) + 'px)' + ' translateZ(' + zTranslation + 'px)';
- el.style.zIndex = -i;
- el.style.opacity = tweenedOpacity;
- el.style.display = 'block';
- }
- // left side
- if (options.fullWidth) {
- zTranslation = options.dist;
- tweenedOpacity = i === half && delta > 0 ? 1 - tween : 1;
- } else {
- zTranslation = options.dist * (i * 2 - tween * dir);
- tweenedOpacity = 1 - 0.2 * (i * 2 - tween * dir);
- }
- // Don't show wrapped items.
- if (!noWrap || center - i >= 0) {
- el = images[wrap(center - i)];
- el.style[xform] = alignment + ' translateX(' + (-options.shift + (-dim * i - delta) / 2) + 'px)' + ' translateZ(' + zTranslation + 'px)';
- el.style.zIndex = -i;
- el.style.opacity = tweenedOpacity;
- el.style.display = 'block';
- }
- }
- // center
- // Don't show wrapped items.
- if (!noWrap || center >= 0 && center < count) {
- el = images[wrap(center)];
- el.style[xform] = alignment + ' translateX(' + -delta / 2 + 'px)' + ' translateX(' + dir * options.shift * tween + 'px)' + ' translateZ(' + options.dist * tween + 'px)';
- el.style.zIndex = 0;
- if (options.fullWidth) {
- tweenedOpacity = 1;
- } else {
- tweenedOpacity = 1 - 0.2 * tween;
- }
- el.style.opacity = tweenedOpacity;
- el.style.display = 'block';
- }
- // onCycleTo callback
- if (lastCenter !== center && typeof options.onCycleTo === "function") {
- var $curr_item = view.find('.carousel-item').eq(wrap(center));
- options.onCycleTo.call(this, $curr_item, dragged);
- }
- // One time callback
- if (typeof oneTimeCallback === "function") {
- oneTimeCallback.call(this, $curr_item, dragged);
- oneTimeCallback = null;
- }
- }
- function track() {
- var now, elapsed, delta, v;
- now = Date.now();
- elapsed = now - timestamp;
- timestamp = now;
- delta = offset - frame;
- frame = offset;
- v = 1000 * delta / (1 + elapsed);
- velocity = 0.8 * v + 0.2 * velocity;
- }
- function autoScroll() {
- var elapsed, delta;
- if (amplitude) {
- elapsed = Date.now() - timestamp;
- delta = amplitude * Math.exp(-elapsed / options.duration);
- if (delta > 2 || delta < -2) {
- scroll(target - delta);
- requestAnimationFrame(autoScroll);
- } else {
- scroll(target);
- }
- }
- }
- function click(e) {
- // Disable clicks if carousel was dragged.
- if (dragged) {
- e.preventDefault();
- e.stopPropagation();
- return false;
- } else if (!options.fullWidth) {
- var clickedIndex = $(e.target).closest('.carousel-item').index();
- var diff = wrap(center) - clickedIndex;
- // Disable clicks if carousel was shifted by click
- if (diff !== 0) {
- e.preventDefault();
- e.stopPropagation();
- }
- cycleTo(clickedIndex);
- }
- }
- function cycleTo(n) {
- var diff = center % count - n;
- // Account for wraparound.
- if (!noWrap) {
- if (diff < 0) {
- if (Math.abs(diff + count) < Math.abs(diff)) {
- diff += count;
- }
- } else if (diff > 0) {
- if (Math.abs(diff - count) < diff) {
- diff -= count;
- }
- }
- }
- // Call prev or next accordingly.
- if (diff < 0) {
- view.trigger('carouselNext', [Math.abs(diff)]);
- } else if (diff > 0) {
- view.trigger('carouselPrev', [diff]);
- }
- }
- function tap(e) {
- // Fixes firefox draggable image bug
- if (e.type === 'mousedown' && $(e.target).is('img')) {
- e.preventDefault();
- }
- pressed = true;
- dragged = false;
- vertical_dragged = false;
- reference = xpos(e);
- referenceY = ypos(e);
- velocity = amplitude = 0;
- frame = offset;
- timestamp = Date.now();
- clearInterval(ticker);
- ticker = setInterval(track, 100);
- }
- function drag(e) {
- var x, delta, deltaY;
- if (pressed) {
- x = xpos(e);
- y = ypos(e);
- delta = reference - x;
- deltaY = Math.abs(referenceY - y);
- if (deltaY < 30 && !vertical_dragged) {
- // If vertical scrolling don't allow dragging.
- if (delta > 2 || delta < -2) {
- dragged = true;
- reference = x;
- scroll(offset + delta);
- }
- } else if (dragged) {
- // If dragging don't allow vertical scroll.
- e.preventDefault();
- e.stopPropagation();
- return false;
- } else {
- // Vertical scrolling.
- vertical_dragged = true;
- }
- }
- if (dragged) {
- // If dragging don't allow vertical scroll.
- e.preventDefault();
- e.stopPropagation();
- return false;
- }
- }
- function release(e) {
- if (pressed) {
- pressed = false;
- } else {
- return;
- }
- clearInterval(ticker);
- target = offset;
- if (velocity > 10 || velocity < -10) {
- amplitude = 0.9 * velocity;
- target = offset + amplitude;
- }
- target = Math.round(target / dim) * dim;
- // No wrap of items.
- if (noWrap) {
- if (target >= dim * (count - 1)) {
- target = dim * (count - 1);
- } else if (target < 0) {
- target = 0;
- }
- }
- amplitude = target - offset;
- timestamp = Date.now();
- requestAnimationFrame(autoScroll);
- if (dragged) {
- e.preventDefault();
- e.stopPropagation();
- }
- return false;
- }
- xform = 'transform';
- ['webkit', 'Moz', 'O', 'ms'].every(function (prefix) {
- var e = prefix + 'Transform';
- if (typeof document.body.style[e] !== 'undefined') {
- xform = e;
- return false;
- }
- return true;
- });
- var throttledResize = Materialize.throttle(function () {
- if (options.fullWidth) {
- item_width = view.find('.carousel-item').first().innerWidth();
- var imageHeight = view.find('.carousel-item.active').height();
- dim = item_width * 2 + options.padding;
- offset = center * 2 * item_width;
- target = offset;
- setCarouselHeight(true);
- } else {
- scroll();
- }
- }, 200);
- $(window).off('resize.carousel-' + uniqueNamespace).on('resize.carousel-' + uniqueNamespace, throttledResize);
- setupEvents();
- scroll(offset);
- $(this).on('carouselNext', function (e, n, callback) {
- if (n === undefined) {
- n = 1;
- }
- if (typeof callback === "function") {
- oneTimeCallback = callback;
- }
- target = dim * Math.round(offset / dim) + dim * n;
- if (offset !== target) {
- amplitude = target - offset;
- timestamp = Date.now();
- requestAnimationFrame(autoScroll);
- }
- });
- $(this).on('carouselPrev', function (e, n, callback) {
- if (n === undefined) {
- n = 1;
- }
- if (typeof callback === "function") {
- oneTimeCallback = callback;
- }
- target = dim * Math.round(offset / dim) - dim * n;
- if (offset !== target) {
- amplitude = target - offset;
- timestamp = Date.now();
- requestAnimationFrame(autoScroll);
- }
- });
- $(this).on('carouselSet', function (e, n, callback) {
- if (n === undefined) {
- n = 0;
- }
- if (typeof callback === "function") {
- oneTimeCallback = callback;
- }
- cycleTo(n);
- });
- });
- },
- next: function (n, callback) {
- $(this).trigger('carouselNext', [n, callback]);
- },
- prev: function (n, callback) {
- $(this).trigger('carouselPrev', [n, callback]);
- },
- set: function (n, callback) {
- $(this).trigger('carouselSet', [n, callback]);
- },
- destroy: function () {
- var uniqueNamespace = $(this).attr('data-namespace');
- $(this).removeAttr('data-namespace');
- $(this).removeClass('initialized');
- $(this).find('.indicators').remove();
- // Remove event handlers
- $(this).off('carouselNext carouselPrev carouselSet');
- $(window).off('resize.carousel-' + uniqueNamespace);
- if (typeof window.ontouchstart !== 'undefined') {
- $(this).off('touchstart.carousel touchmove.carousel touchend.carousel');
- }
- $(this).off('mousedown.carousel mousemove.carousel mouseup.carousel mouseleave.carousel click.carousel');
- }
- };
- $.fn.carousel = function (methodOrOptions) {
- if (methods[methodOrOptions]) {
- return methods[methodOrOptions].apply(this, Array.prototype.slice.call(arguments, 1));
- } else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
- // Default to "init"
- return methods.init.apply(this, arguments);
- } else {
- $.error('Method ' + methodOrOptions + ' does not exist on jQuery.carousel');
- }
- }; // Plugin end
- })(jQuery);
- ; (function ($) {
- var methods = {
- init: function (options) {
- return this.each(function () {
- var origin = $('#' + $(this).attr('data-activates'));
- var screen = $('body');
- // Creating tap target
- var tapTargetEl = $(this);
- var tapTargetWrapper = tapTargetEl.parent('.tap-target-wrapper');
- var tapTargetWave = tapTargetWrapper.find('.tap-target-wave');
- var tapTargetOriginEl = tapTargetWrapper.find('.tap-target-origin');
- var tapTargetContentEl = tapTargetEl.find('.tap-target-content');
- // Creating wrapper
- if (!tapTargetWrapper.length) {
- tapTargetWrapper = tapTargetEl.wrap($('<div class="tap-target-wrapper"></div>')).parent();
- }
- // Creating content
- if (!tapTargetContentEl.length) {
- tapTargetContentEl = $('<div class="tap-target-content"></div>');
- tapTargetEl.append(tapTargetContentEl);
- }
- // Creating foreground wave
- if (!tapTargetWave.length) {
- tapTargetWave = $('<div class="tap-target-wave"></div>');
- // Creating origin
- if (!tapTargetOriginEl.length) {
- tapTargetOriginEl = origin.clone(true, true);
- tapTargetOriginEl.addClass('tap-target-origin');
- tapTargetOriginEl.removeAttr('id');
- tapTargetOriginEl.removeAttr('style');
- tapTargetWave.append(tapTargetOriginEl);
- }
- tapTargetWrapper.append(tapTargetWave);
- }
- // Open
- var openTapTarget = function () {
- if (tapTargetWrapper.is('.open')) {
- return;
- }
- // Adding open class
- tapTargetWrapper.addClass('open');
- setTimeout(function () {
- tapTargetOriginEl.off('click.tapTarget').on('click.tapTarget', function (e) {
- closeTapTarget();
- tapTargetOriginEl.off('click.tapTarget');
- });
- $(document).off('click.tapTarget').on('click.tapTarget', function (e) {
- closeTapTarget();
- $(document).off('click.tapTarget');
- });
- var throttledCalc = Materialize.throttle(function () {
- calculateTapTarget();
- }, 200);
- $(window).off('resize.tapTarget').on('resize.tapTarget', throttledCalc);
- }, 0);
- };
- // Close
- var closeTapTarget = function () {
- if (!tapTargetWrapper.is('.open')) {
- return;
- }
- tapTargetWrapper.removeClass('open');
- tapTargetOriginEl.off('click.tapTarget');
- $(document).off('click.tapTarget');
- $(window).off('resize.tapTarget');
- };
- // Pre calculate
- var calculateTapTarget = function () {
- // Element or parent is fixed position?
- var isFixed = origin.css('position') === 'fixed';
- if (!isFixed) {
- var parents = origin.parents();
- for (var i = 0; i < parents.length; i++) {
- isFixed = $(parents[i]).css('position') == 'fixed';
- if (isFixed) {
- break;
- }
- }
- }
- // Calculating origin
- var originWidth = origin.outerWidth();
- var originHeight = origin.outerHeight();
- var originTop = isFixed ? origin.offset().top - $(document).scrollTop() : origin.offset().top;
- var originLeft = isFixed ? origin.offset().left - $(document).scrollLeft() : origin.offset().left;
- // Calculating screen
- var windowWidth = $(window).width();
- var windowHeight = $(window).height();
- var centerX = windowWidth / 2;
- var centerY = windowHeight / 2;
- var isLeft = originLeft <= centerX;
- var isRight = originLeft > centerX;
- var isTop = originTop <= centerY;
- var isBottom = originTop > centerY;
- var isCenterX = originLeft >= windowWidth * 0.25 && originLeft <= windowWidth * 0.75;
- var isCenterY = originTop >= windowHeight * 0.25 && originTop <= windowHeight * 0.75;
- // Calculating tap target
- var tapTargetWidth = tapTargetEl.outerWidth();
- var tapTargetHeight = tapTargetEl.outerHeight();
- var tapTargetTop = originTop + originHeight / 2 - tapTargetHeight / 2;
- var tapTargetLeft = originLeft + originWidth / 2 - tapTargetWidth / 2;
- var tapTargetPosition = isFixed ? 'fixed' : 'absolute';
- // Calculating content
- var tapTargetTextWidth = isCenterX ? tapTargetWidth : tapTargetWidth / 2 + originWidth;
- var tapTargetTextHeight = tapTargetHeight / 2;
- var tapTargetTextTop = isTop ? tapTargetHeight / 2 : 0;
- var tapTargetTextBottom = 0;
- var tapTargetTextLeft = isLeft && !isCenterX ? tapTargetWidth / 2 - originWidth : 0;
- var tapTargetTextRight = 0;
- var tapTargetTextPadding = originWidth;
- var tapTargetTextAlign = isBottom ? 'bottom' : 'top';
- // Calculating wave
- var tapTargetWaveWidth = originWidth > originHeight ? originWidth * 2 : originWidth * 2;
- var tapTargetWaveHeight = tapTargetWaveWidth;
- var tapTargetWaveTop = tapTargetHeight / 2 - tapTargetWaveHeight / 2;
- var tapTargetWaveLeft = tapTargetWidth / 2 - tapTargetWaveWidth / 2;
- // Setting tap target
- var tapTargetWrapperCssObj = {};
- tapTargetWrapperCssObj.top = isTop ? tapTargetTop : '';
- tapTargetWrapperCssObj.right = isRight ? windowWidth - tapTargetLeft - tapTargetWidth : '';
- tapTargetWrapperCssObj.bottom = isBottom ? windowHeight - tapTargetTop - tapTargetHeight : '';
- tapTargetWrapperCssObj.left = isLeft ? tapTargetLeft : '';
- tapTargetWrapperCssObj.position = tapTargetPosition;
- tapTargetWrapper.css(tapTargetWrapperCssObj);
- // Setting content
- tapTargetContentEl.css({
- width: tapTargetTextWidth,
- height: tapTargetTextHeight,
- top: tapTargetTextTop,
- right: tapTargetTextRight,
- bottom: tapTargetTextBottom,
- left: tapTargetTextLeft,
- padding: tapTargetTextPadding,
- verticalAlign: tapTargetTextAlign
- });
- // Setting wave
- tapTargetWave.css({
- top: tapTargetWaveTop,
- left: tapTargetWaveLeft,
- width: tapTargetWaveWidth,
- height: tapTargetWaveHeight
- });
- };
- if (options == 'open') {
- calculateTapTarget();
- openTapTarget();
- }
- if (options == 'close') closeTapTarget();
- });
- },
- open: function () { },
- close: function () { }
- };
- $.fn.tapTarget = function (methodOrOptions) {
- if (methods[methodOrOptions] || typeof methodOrOptions === 'object') return methods.init.apply(this, arguments);
- $.error('Method ' + methodOrOptions + ' does not exist on jQuery.tap-target');
- };
- })(jQuery);
|