123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483 |
- /*!
- Material Components for the web
- Copyright (c) 2017 Google Inc.
- License: Apache-2.0
- */
- (function webpackUniversalModuleDefinition(root, factory) {
- if(typeof exports === 'object' && typeof module === 'object')
- module.exports = factory();
- else if(typeof define === 'function' && define.amd)
- define([], factory);
- else if(typeof exports === 'object')
- exports["mdc"] = factory();
- else
- root["mdc"] = factory();
- })(this, function() {
- return /******/ (function(modules) { // webpackBootstrap
- /******/ // The module cache
- /******/ var installedModules = {};
- /******/
- /******/ // The require function
- /******/ function __webpack_require__(moduleId) {
- /******/
- /******/ // Check if module is in cache
- /******/ if(installedModules[moduleId]) {
- /******/ return installedModules[moduleId].exports;
- /******/ }
- /******/ // Create a new module (and put it into the cache)
- /******/ var module = installedModules[moduleId] = {
- /******/ i: moduleId,
- /******/ l: false,
- /******/ exports: {}
- /******/ };
- /******/
- /******/ // Execute the module function
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
- /******/
- /******/ // Flag the module as loaded
- /******/ module.l = true;
- /******/
- /******/ // Return the exports of the module
- /******/ return module.exports;
- /******/ }
- /******/
- /******/
- /******/ // expose the modules object (__webpack_modules__)
- /******/ __webpack_require__.m = modules;
- /******/
- /******/ // expose the module cache
- /******/ __webpack_require__.c = installedModules;
- /******/
- /******/ // define getter function for harmony exports
- /******/ __webpack_require__.d = function(exports, name, getter) {
- /******/ if(!__webpack_require__.o(exports, name)) {
- /******/ Object.defineProperty(exports, name, {
- /******/ configurable: false,
- /******/ enumerable: true,
- /******/ get: getter
- /******/ });
- /******/ }
- /******/ };
- /******/
- /******/ // getDefaultExport function for compatibility with non-harmony modules
- /******/ __webpack_require__.n = function(module) {
- /******/ var getter = module && module.__esModule ?
- /******/ function getDefault() { return module['default']; } :
- /******/ function getModuleExports() { return module; };
- /******/ __webpack_require__.d(getter, 'a', getter);
- /******/ return getter;
- /******/ };
- /******/
- /******/ // Object.prototype.hasOwnProperty.call
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
- /******/
- /******/ // __webpack_public_path__
- /******/ __webpack_require__.p = "/assets/";
- /******/
- /******/ // Load entry module and return exports
- /******/ return __webpack_require__(__webpack_require__.s = 17);
- /******/ })
- /************************************************************************/
- /******/ ([
- /* 0 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__selection_control__ = __webpack_require__(3);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFoundation", function() { return __WEBPACK_IMPORTED_MODULE_0__foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCComponent", function() { return __WEBPACK_IMPORTED_MODULE_1__component__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "SelectionControlState", function() { return __WEBPACK_IMPORTED_MODULE_2__selection_control__["a"]; });
- /**
- * Copyright 2016 Google Inc.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /***/ }),
- /* 1 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- 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"); } }
- /**
- * Copyright 2016 Google Inc.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /**
- * @template A
- */
- var MDCFoundation = function () {
- _createClass(MDCFoundation, null, [{
- key: "cssClasses",
- /** @return enum{cssClasses} */
- get: function get() {
- // Classes extending MDCFoundation should implement this method to return an object which exports every
- // CSS class the foundation class needs as a property. e.g. {ACTIVE: 'mdc-component--active'}
- return {};
- }
- /** @return enum{strings} */
- }, {
- key: "strings",
- get: function get() {
- // Classes extending MDCFoundation should implement this method to return an object which exports all
- // semantic strings as constants. e.g. {ARIA_ROLE: 'tablist'}
- return {};
- }
- /** @return enum{numbers} */
- }, {
- key: "numbers",
- get: function get() {
- // Classes extending MDCFoundation should implement this method to return an object which exports all
- // of its semantic numbers as constants. e.g. {ANIMATION_DELAY_MS: 350}
- return {};
- }
- /** @return {!Object} */
- }, {
- key: "defaultAdapter",
- get: function get() {
- // Classes extending MDCFoundation may choose to implement this getter in order to provide a convenient
- // way of viewing the necessary methods of an adapter. In the future, this could also be used for adapter
- // validation.
- return {};
- }
- /**
- * @param {A=} adapter
- */
- }]);
- function MDCFoundation() {
- var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- _classCallCheck(this, MDCFoundation);
- /** @protected {!A} */
- this.adapter_ = adapter;
- }
- _createClass(MDCFoundation, [{
- key: "init",
- value: function init() {
- // Subclasses should override this method to perform initialization routines (registering events, etc.)
- }
- }, {
- key: "destroy",
- value: function destroy() {
- // Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)
- }
- }]);
- return MDCFoundation;
- }();
- /* harmony default export */ __webpack_exports__["a"] = (MDCFoundation);
- /***/ }),
- /* 2 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(1);
- 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"); } }
- /**
- * Copyright 2016 Google Inc.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /**
- * @template F
- */
- var MDCComponent = function () {
- _createClass(MDCComponent, null, [{
- key: 'attachTo',
- /**
- * @param {!Element} root
- * @return {!MDCComponent}
- */
- value: function attachTo(root) {
- // Subclasses which extend MDCBase should provide an attachTo() method that takes a root element and
- // returns an instantiated component with its root set to that element. Also note that in the cases of
- // subclasses, an explicit foundation class will not have to be passed in; it will simply be initialized
- // from getDefaultFoundation().
- return new MDCComponent(root, new __WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */]());
- }
- /**
- * @param {!Element} root
- * @param {F=} foundation
- * @param {...?} args
- */
- }]);
- function MDCComponent(root) {
- var foundation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
- _classCallCheck(this, MDCComponent);
- /** @protected {!Element} */
- this.root_ = root;
- for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
- args[_key - 2] = arguments[_key];
- }
- this.initialize.apply(this, args);
- // Note that we initialize foundation here and not within the constructor's default param so that
- // this.root_ is defined and can be used within the foundation class.
- /** @protected {!F} */
- this.foundation_ = foundation === undefined ? this.getDefaultFoundation() : foundation;
- this.foundation_.init();
- this.initialSyncWithDOM();
- }
- _createClass(MDCComponent, [{
- key: 'initialize',
- value: function initialize() /* ...args */{}
- // Subclasses can override this to do any additional setup work that would be considered part of a
- // "constructor". Essentially, it is a hook into the parent constructor before the foundation is
- // initialized. Any additional arguments besides root and foundation will be passed in here.
- /**
- * @return {!F} foundation
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- // Subclasses must override this method to return a properly configured foundation class for the
- // component.
- throw new Error('Subclasses must override getDefaultFoundation to return a properly configured ' + 'foundation class');
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- // Subclasses should override this method if they need to perform work to synchronize with a host DOM
- // object. An example of this would be a form control wrapper that needs to synchronize its internal state
- // to some property or attribute of the host DOM. Please note: this is *not* the place to perform DOM
- // reads/writes that would cause layout / paint, as this is called synchronously from within the constructor.
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- // Subclasses may implement this method to release any resources / deregister any listeners they have
- // attached. An example of this might be deregistering a resize event from the window object.
- this.foundation_.destroy();
- }
- /**
- * Wrapper method to add an event listener to the component's root element. This is most useful when
- * listening for custom events.
- * @param {string} evtType
- * @param {!Function} handler
- */
- }, {
- key: 'listen',
- value: function listen(evtType, handler) {
- this.root_.addEventListener(evtType, handler);
- }
- /**
- * Wrapper method to remove an event listener to the component's root element. This is most useful when
- * unlistening for custom events.
- * @param {string} evtType
- * @param {!Function} handler
- */
- }, {
- key: 'unlisten',
- value: function unlisten(evtType, handler) {
- this.root_.removeEventListener(evtType, handler);
- }
- /**
- * Fires a cross-browser-compatible custom event from the component root of the given type,
- * with the given data.
- * @param {string} evtType
- * @param {!Object} evtData
- * @param {boolean=} shouldBubble
- */
- }, {
- key: 'emit',
- value: function emit(evtType, evtData) {
- var shouldBubble = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
- var evt = void 0;
- if (typeof CustomEvent === 'function') {
- evt = new CustomEvent(evtType, {
- detail: evtData,
- bubbles: shouldBubble
- });
- } else {
- evt = document.createEvent('CustomEvent');
- evt.initCustomEvent(evtType, shouldBubble, false, evtData);
- }
- this.root_.dispatchEvent(evt);
- }
- }]);
- return MDCComponent;
- }();
- /* harmony default export */ __webpack_exports__["a"] = (MDCComponent);
- /***/ }),
- /* 3 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SelectionControlState; });
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /**
- * @typedef {!{
- * checked: boolean,
- * indeterminate: boolean,
- * disabled: boolean,
- * value: ?string
- * }}
- */
- var SelectionControlState = void 0;
- /***/ }),
- /* 4 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRipple", function() { return MDCRipple; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(23);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(8);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRippleFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_3__util__; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /**
- * @extends MDCComponent<!MDCRippleFoundation>
- */
- var MDCRipple = function (_MDCComponent) {
- _inherits(MDCRipple, _MDCComponent);
- /** @param {...?} args */
- function MDCRipple() {
- var _ref;
- _classCallCheck(this, MDCRipple);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @type {boolean} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCRipple.__proto__ || Object.getPrototypeOf(MDCRipple)).call.apply(_ref, [this].concat(args)));
- _this.disabled = false;
- /** @private {boolean} */
- _this.unbounded_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @param {{isUnbounded: (boolean|undefined)}=} options
- * @return {!MDCRipple}
- */
- _createClass(MDCRipple, [{
- key: 'activate',
- value: function activate() {
- this.foundation_.activate();
- }
- }, {
- key: 'deactivate',
- value: function deactivate() {
- this.foundation_.deactivate();
- }
- }, {
- key: 'layout',
- value: function layout() {
- this.foundation_.layout();
- }
- /** @return {!MDCRippleFoundation} */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */](MDCRipple.createAdapter(this));
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- this.unbounded = 'mdcRippleIsUnbounded' in this.root_.dataset;
- }
- }, {
- key: 'unbounded',
- /** @return {boolean} */
- get: function get() {
- return this.unbounded_;
- }
- /** @param {boolean} unbounded */
- ,
- set: function set(unbounded) {
- var UNBOUNDED = __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].cssClasses.UNBOUNDED;
- this.unbounded_ = Boolean(unbounded);
- if (this.unbounded_) {
- this.root_.classList.add(UNBOUNDED);
- } else {
- this.root_.classList.remove(UNBOUNDED);
- }
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
- _ref2$isUnbounded = _ref2.isUnbounded,
- isUnbounded = _ref2$isUnbounded === undefined ? undefined : _ref2$isUnbounded;
- var ripple = new MDCRipple(root);
- // Only override unbounded behavior if option is explicitly specified
- if (isUnbounded !== undefined) {
- ripple.unbounded = /** @type {boolean} */isUnbounded;
- }
- return ripple;
- }
- /**
- * @param {!RippleCapableSurface} instance
- * @return {!MDCRippleAdapter}
- */
- }, {
- key: 'createAdapter',
- value: function createAdapter(instance) {
- var MATCHES = __WEBPACK_IMPORTED_MODULE_3__util__["getMatchesProperty"](HTMLElement.prototype);
- return {
- browserSupportsCssVars: function browserSupportsCssVars() {
- return __WEBPACK_IMPORTED_MODULE_3__util__["supportsCssVariables"](window);
- },
- isUnbounded: function isUnbounded() {
- return instance.unbounded;
- },
- isSurfaceActive: function isSurfaceActive() {
- return instance.root_[MATCHES](':active');
- },
- isSurfaceDisabled: function isSurfaceDisabled() {
- return instance.disabled;
- },
- addClass: function addClass(className) {
- return instance.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return instance.root_.classList.remove(className);
- },
- registerInteractionHandler: function registerInteractionHandler(evtType, handler) {
- return instance.root_.addEventListener(evtType, handler, __WEBPACK_IMPORTED_MODULE_3__util__["applyPassive"]());
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(evtType, handler) {
- return instance.root_.removeEventListener(evtType, handler, __WEBPACK_IMPORTED_MODULE_3__util__["applyPassive"]());
- },
- registerResizeHandler: function registerResizeHandler(handler) {
- return window.addEventListener('resize', handler);
- },
- deregisterResizeHandler: function deregisterResizeHandler(handler) {
- return window.removeEventListener('resize', handler);
- },
- updateCssVariable: function updateCssVariable(varName, value) {
- return instance.root_.style.setProperty(varName, value);
- },
- computeBoundingRect: function computeBoundingRect() {
- return instance.root_.getBoundingClientRect();
- },
- getWindowPageOffset: function getWindowPageOffset() {
- return { x: window.pageXOffset, y: window.pageYOffset };
- }
- };
- }
- }]);
- return MDCRipple;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /**
- * See Material Design spec for more details on when to use ripples.
- * https://material.io/guidelines/motion/choreography.html#choreography-creation
- * @record
- */
- var RippleCapableSurface = function RippleCapableSurface() {
- _classCallCheck(this, RippleCapableSurface);
- };
- /** @protected {!Element} */
- RippleCapableSurface.prototype.root_;
- /**
- * Whether or not the ripple bleeds out of the bounds of the element.
- * @type {boolean|undefined}
- */
- RippleCapableSurface.prototype.unbounded;
- /**
- * Whether or not the ripple is attached to a disabled component.
- * @type {boolean|undefined}
- */
- RippleCapableSurface.prototype.disabled;
- /***/ }),
- /* 5 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return transformStyleProperties; });
- /* harmony export (immutable) */ __webpack_exports__["a"] = getCorrectEventName;
- /* harmony export (immutable) */ __webpack_exports__["b"] = getCorrectPropertyName;
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /**
- * @typedef {{
- * noPrefix: string,
- * webkitPrefix: string
- * }}
- */
- var VendorPropertyMapType = void 0;
- /** @const {Object<string, !VendorPropertyMapType>} */
- var eventTypeMap = {
- 'animationstart': {
- noPrefix: 'animationstart',
- webkitPrefix: 'webkitAnimationStart',
- styleProperty: 'animation'
- },
- 'animationend': {
- noPrefix: 'animationend',
- webkitPrefix: 'webkitAnimationEnd',
- styleProperty: 'animation'
- },
- 'animationiteration': {
- noPrefix: 'animationiteration',
- webkitPrefix: 'webkitAnimationIteration',
- styleProperty: 'animation'
- },
- 'transitionend': {
- noPrefix: 'transitionend',
- webkitPrefix: 'webkitTransitionEnd',
- styleProperty: 'transition'
- }
- };
- /** @const {Object<string, !VendorPropertyMapType>} */
- var cssPropertyMap = {
- 'animation': {
- noPrefix: 'animation',
- webkitPrefix: '-webkit-animation'
- },
- 'transform': {
- noPrefix: 'transform',
- webkitPrefix: '-webkit-transform'
- },
- 'transition': {
- noPrefix: 'transition',
- webkitPrefix: '-webkit-transition'
- }
- };
- /**
- * @param {!Object} windowObj
- * @return {boolean}
- */
- function hasProperShape(windowObj) {
- return windowObj['document'] !== undefined && typeof windowObj['document']['createElement'] === 'function';
- }
- /**
- * @param {string} eventType
- * @return {boolean}
- */
- function eventFoundInMaps(eventType) {
- return eventType in eventTypeMap || eventType in cssPropertyMap;
- }
- /**
- * @param {string} eventType
- * @param {!Object<string, !VendorPropertyMapType>} map
- * @param {!Element} el
- * @return {string}
- */
- function getJavaScriptEventName(eventType, map, el) {
- return map[eventType].styleProperty in el.style ? map[eventType].noPrefix : map[eventType].webkitPrefix;
- }
- /**
- * Helper function to determine browser prefix for CSS3 animation events
- * and property names.
- * @param {!Object} windowObj
- * @param {string} eventType
- * @return {string}
- */
- function getAnimationName(windowObj, eventType) {
- if (!hasProperShape(windowObj) || !eventFoundInMaps(eventType)) {
- return eventType;
- }
- var map = /** @type {!Object<string, !VendorPropertyMapType>} */eventType in eventTypeMap ? eventTypeMap : cssPropertyMap;
- var el = windowObj['document']['createElement']('div');
- var eventName = '';
- if (map === eventTypeMap) {
- eventName = getJavaScriptEventName(eventType, map, el);
- } else {
- eventName = map[eventType].noPrefix in el.style ? map[eventType].noPrefix : map[eventType].webkitPrefix;
- }
- return eventName;
- }
- // Public functions to access getAnimationName() for JavaScript events or CSS
- // property names.
- var transformStyleProperties = ['transform', 'WebkitTransform', 'MozTransform', 'OTransform', 'MSTransform'];
- /**
- * @param {!Object} windowObj
- * @param {string} eventType
- * @return {string}
- */
- function getCorrectEventName(windowObj, eventType) {
- return getAnimationName(windowObj, eventType);
- }
- /**
- * @param {!Object} windowObj
- * @param {string} eventType
- * @return {string}
- */
- function getCorrectPropertyName(windowObj, eventType) {
- return getAnimationName(windowObj, eventType);
- }
- /***/ }),
- /* 6 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(34);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__constants__["a"]; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(35);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /***/ }),
- /* 7 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- 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"); } }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Ripple. Provides an interface for managing
- * - classes
- * - dom
- * - CSS variables
- * - position
- * - dimensions
- * - scroll position
- * - event handlers
- * - unbounded, active and disabled states
- *
- * Additionally, provides type information for the adapter to the Closure
- * compiler.
- *
- * Implement this adapter for your framework of choice to delegate updates to
- * the component in your framework of choice. See architecture documentation
- * for more details.
- * https://github.com/material-components/material-components-web/blob/master/docs/architecture.md
- *
- * @record
- */
- var MDCRippleAdapter = function () {
- function MDCRippleAdapter() {
- _classCallCheck(this, MDCRippleAdapter);
- }
- _createClass(MDCRippleAdapter, [{
- key: "browserSupportsCssVars",
- /** @return {boolean} */
- value: function browserSupportsCssVars() {}
- /** @return {boolean} */
- }, {
- key: "isUnbounded",
- value: function isUnbounded() {}
- /** @return {boolean} */
- }, {
- key: "isSurfaceActive",
- value: function isSurfaceActive() {}
- /** @return {boolean} */
- }, {
- key: "isSurfaceDisabled",
- value: function isSurfaceDisabled() {}
- /** @param {string} className */
- }, {
- key: "addClass",
- value: function addClass(className) {}
- /** @param {string} className */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * @param {string} evtType
- * @param {!Function} handler
- */
- }, {
- key: "registerInteractionHandler",
- value: function registerInteractionHandler(evtType, handler) {}
- /**
- * @param {string} evtType
- * @param {!Function} handler
- */
- }, {
- key: "deregisterInteractionHandler",
- value: function deregisterInteractionHandler(evtType, handler) {}
- /**
- * @param {!Function} handler
- */
- }, {
- key: "registerResizeHandler",
- value: function registerResizeHandler(handler) {}
- /**
- * @param {!Function} handler
- */
- }, {
- key: "deregisterResizeHandler",
- value: function deregisterResizeHandler(handler) {}
- /**
- * @param {string} varName
- * @param {?number|string} value
- */
- }, {
- key: "updateCssVariable",
- value: function updateCssVariable(varName, value) {}
- /** @return {!ClientRect} */
- }, {
- key: "computeBoundingRect",
- value: function computeBoundingRect() {}
- /** @return {{x: number, y: number}} */
- }, {
- key: "getWindowPageOffset",
- value: function getWindowPageOffset() {}
- }]);
- return MDCRippleAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCRippleAdapter);
- /***/ }),
- /* 8 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (immutable) */ __webpack_exports__["supportsCssVariables"] = supportsCssVariables;
- /* harmony export (immutable) */ __webpack_exports__["applyPassive"] = applyPassive;
- /* harmony export (immutable) */ __webpack_exports__["getMatchesProperty"] = getMatchesProperty;
- /* harmony export (immutable) */ __webpack_exports__["getNormalizedEventCoords"] = getNormalizedEventCoords;
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /**
- * Stores result from supportsCssVariables to avoid redundant processing to detect CSS custom variable support.
- * @private {boolean|undefined}
- */
- var supportsCssVariables_ = void 0;
- /**
- * Stores result from applyPassive to avoid redundant processing to detect passive event listener support.
- * @private {boolean|undefined}
- */
- var supportsPassive_ = void 0;
- /**
- * @param {!Window} windowObj
- * @return {boolean}
- */
- function detectEdgePseudoVarBug(windowObj) {
- // Detect versions of Edge with buggy var() support
- // See: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11495448/
- var document = windowObj.document;
- var className = 'test-edge-css-var';
- var styleNode = document.createElement('style');
- document.head.appendChild(styleNode);
- var sheet = styleNode.sheet;
- // Internet Explorer 11 requires indices to always be specified to insertRule
- sheet.insertRule(':root { --' + className + ': 1px solid #000; }', 0);
- sheet.insertRule('.' + className + ' { visibility: hidden; }', 1);
- sheet.insertRule('.' + className + '::before { border: var(--' + className + '); }', 2);
- var node = document.createElement('div');
- node.className = className;
- document.body.appendChild(node);
- // Bug exists if ::before style ends up propagating to the parent element
- var hasPseudoVarBug = windowObj.getComputedStyle(node).borderTopStyle === 'solid';
- node.remove();
- styleNode.remove();
- return hasPseudoVarBug;
- }
- /**
- * @param {!Window} windowObj
- * @param {boolean=} forceRefresh
- * @return {boolean|undefined}
- */
- function supportsCssVariables(windowObj) {
- var forceRefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- if (typeof supportsCssVariables_ === 'boolean' && !forceRefresh) {
- return supportsCssVariables_;
- }
- var supportsFunctionPresent = windowObj.CSS && typeof windowObj.CSS.supports === 'function';
- if (!supportsFunctionPresent) {
- return;
- }
- var explicitlySupportsCssVars = windowObj.CSS.supports('--css-vars', 'yes');
- // See: https://bugs.webkit.org/show_bug.cgi?id=154669
- // See: README section on Safari
- var weAreFeatureDetectingSafari10plus = windowObj.CSS.supports('(--css-vars: yes)') && windowObj.CSS.supports('color', '#00000000');
- if (explicitlySupportsCssVars || weAreFeatureDetectingSafari10plus) {
- supportsCssVariables_ = !detectEdgePseudoVarBug(windowObj);
- } else {
- supportsCssVariables_ = false;
- }
- return supportsCssVariables_;
- }
- //
- /**
- * Determine whether the current browser supports passive event listeners, and if so, use them.
- * @param {!Window=} globalObj
- * @param {boolean=} forceRefresh
- * @return {boolean|{passive: boolean}}
- */
- function applyPassive() {
- var globalObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
- var forceRefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- if (supportsPassive_ === undefined || forceRefresh) {
- var isSupported = false;
- try {
- globalObj.document.addEventListener('test', null, { get passive() {
- isSupported = true;
- } });
- } catch (e) {}
- supportsPassive_ = isSupported;
- }
- return supportsPassive_ ? { passive: true } : false;
- }
- /**
- * @param {!Object} HTMLElementPrototype
- * @return {!Array<string>}
- */
- function getMatchesProperty(HTMLElementPrototype) {
- return ['webkitMatchesSelector', 'msMatchesSelector', 'matches'].filter(function (p) {
- return p in HTMLElementPrototype;
- }).pop();
- }
- /**
- * @param {!Event} ev
- * @param {!{x: number, y: number}} pageOffset
- * @param {!ClientRect} clientRect
- * @return {!{x: number, y: number}}
- */
- function getNormalizedEventCoords(ev, pageOffset, clientRect) {
- var x = pageOffset.x,
- y = pageOffset.y;
- var documentX = x + clientRect.left;
- var documentY = y + clientRect.top;
- var normalizedX = void 0;
- var normalizedY = void 0;
- // Determine touch point relative to the ripple container.
- if (ev.type === 'touchstart') {
- normalizedX = ev.changedTouches[0].pageX - documentX;
- normalizedY = ev.changedTouches[0].pageY - documentY;
- } else {
- normalizedX = ev.pageX - documentX;
- normalizedY = ev.pageY - documentY;
- }
- return { x: normalizedX, y: normalizedY };
- }
- /***/ }),
- /* 9 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (immutable) */ __webpack_exports__["remapEvent"] = remapEvent;
- /* harmony export (immutable) */ __webpack_exports__["getTransformPropertyName"] = getTransformPropertyName;
- /* harmony export (immutable) */ __webpack_exports__["supportsCssCustomProperties"] = supportsCssCustomProperties;
- /* harmony export (immutable) */ __webpack_exports__["applyPassive"] = applyPassive;
- /* harmony export (immutable) */ __webpack_exports__["saveElementTabState"] = saveElementTabState;
- /* harmony export (immutable) */ __webpack_exports__["restoreElementTabState"] = restoreElementTabState;
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var TAB_DATA = 'data-mdc-tabindex';
- var TAB_DATA_HANDLED = 'data-mdc-tabindex-handled';
- var storedTransformPropertyName_ = void 0;
- var supportsPassive_ = void 0;
- // Remap touch events to pointer events, if the browser doesn't support touch events.
- function remapEvent(eventName) {
- var globalObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
- if (!('ontouchstart' in globalObj.document)) {
- switch (eventName) {
- case 'touchstart':
- return 'pointerdown';
- case 'touchmove':
- return 'pointermove';
- case 'touchend':
- return 'pointerup';
- default:
- return eventName;
- }
- }
- return eventName;
- }
- // Choose the correct transform property to use on the current browser.
- function getTransformPropertyName() {
- var globalObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
- var forceRefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- if (storedTransformPropertyName_ === undefined || forceRefresh) {
- var el = globalObj.document.createElement('div');
- var transformPropertyName = 'transform' in el.style ? 'transform' : '-webkit-transform';
- storedTransformPropertyName_ = transformPropertyName;
- }
- return storedTransformPropertyName_;
- }
- // Determine whether the current browser supports CSS properties.
- function supportsCssCustomProperties() {
- var globalObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
- if ('CSS' in globalObj) {
- return globalObj.CSS.supports('(--color: red)');
- }
- return false;
- }
- // Determine whether the current browser supports passive event listeners, and if so, use them.
- function applyPassive() {
- var globalObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
- var forceRefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- if (supportsPassive_ === undefined || forceRefresh) {
- var isSupported = false;
- try {
- globalObj.document.addEventListener('test', null, { get passive() {
- isSupported = true;
- } });
- } catch (e) {}
- supportsPassive_ = isSupported;
- }
- return supportsPassive_ ? { passive: true } : false;
- }
- // Save the tab state for an element.
- function saveElementTabState(el) {
- if (el.hasAttribute('tabindex')) {
- el.setAttribute(TAB_DATA, el.getAttribute('tabindex'));
- }
- el.setAttribute(TAB_DATA_HANDLED, true);
- }
- // Restore the tab state for an element, if it was saved.
- function restoreElementTabState(el) {
- // Only modify elements we've already handled, in case anything was dynamically added since we saved state.
- if (el.hasAttribute(TAB_DATA_HANDLED)) {
- if (el.hasAttribute(TAB_DATA)) {
- el.setAttribute('tabindex', el.getAttribute(TAB_DATA));
- el.removeAttribute(TAB_DATA);
- } else {
- el.removeAttribute('tabindex');
- }
- el.removeAttribute(TAB_DATA_HANDLED);
- }
- }
- /***/ }),
- /* 10 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__simple__ = __webpack_require__(53);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSimpleMenu", function() { return __WEBPACK_IMPORTED_MODULE_1__simple__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSimpleMenuFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__simple__["b"]; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_0__util__; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /***/ }),
- /* 11 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (immutable) */ __webpack_exports__["getTransformPropertyName"] = getTransformPropertyName;
- /* harmony export (immutable) */ __webpack_exports__["clamp"] = clamp;
- /* harmony export (immutable) */ __webpack_exports__["bezierProgress"] = bezierProgress;
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /** @type {string|undefined} */
- var storedTransformPropertyName_ = void 0;
- /**
- * Returns the name of the correct transform property to use on the current browser.
- * @param {!Window} globalObj
- * @param {boolean=} forceRefresh
- * @return {string}
- */
- function getTransformPropertyName(globalObj) {
- var forceRefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- if (storedTransformPropertyName_ === undefined || forceRefresh) {
- var el = globalObj.document.createElement('div');
- var transformPropertyName = 'transform' in el.style ? 'transform' : 'webkitTransform';
- storedTransformPropertyName_ = transformPropertyName;
- }
- return storedTransformPropertyName_;
- }
- /**
- * Clamps a value between the minimum and the maximum, returning the clamped value.
- * @param {number} value
- * @param {number} min
- * @param {number} max
- * @return {number}
- */
- function clamp(value) {
- var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
- var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
- return Math.min(max, Math.max(min, value));
- }
- /**
- * Returns the easing value to apply at time t, for a given cubic bezier curve.
- * Control points P0 and P3 are assumed to be (0,0) and (1,1), respectively.
- * Parameters are as follows:
- * - time: The current time in the animation, scaled between 0 and 1.
- * - x1: The x value of control point P1.
- * - y1: The y value of control point P1.
- * - x2: The x value of control point P2.
- * - y2: The y value of control point P2.
- * @param {number} time
- * @param {number} x1
- * @param {number} y1
- * @param {number} x2
- * @param {number} y2
- * @return {number}
- */
- function bezierProgress(time, x1, y1, x2, y2) {
- return getBezierCoordinate_(solvePositionFromXValue_(time, x1, x2), y1, y2);
- }
- /**
- * Compute a single coordinate at a position point between 0 and 1.
- * c1 and c2 are the matching coordinate on control points P1 and P2, respectively.
- * Control points P0 and P3 are assumed to be (0,0) and (1,1), respectively.
- * Adapted from https://github.com/google/closure-library/blob/master/closure/goog/math/bezier.js.
- * @param {number} t
- * @param {number} c1
- * @param {number} c2
- * @return {number}
- */
- function getBezierCoordinate_(t, c1, c2) {
- // Special case start and end.
- if (t === 0 || t === 1) {
- return t;
- }
- // Step one - from 4 points to 3
- var ic0 = t * c1;
- var ic1 = c1 + t * (c2 - c1);
- var ic2 = c2 + t * (1 - c2);
- // Step two - from 3 points to 2
- ic0 += t * (ic1 - ic0);
- ic1 += t * (ic2 - ic1);
- // Final step - last point
- return ic0 + t * (ic1 - ic0);
- }
- /**
- * Project a point onto the Bezier curve, from a given X. Calculates the position t along the curve.
- * Adapted from https://github.com/google/closure-library/blob/master/closure/goog/math/bezier.js.
- * @param {number} xVal
- * @param {number} x1
- * @param {number} x2
- * @return {number}
- */
- function solvePositionFromXValue_(xVal, x1, x2) {
- var EPSILON = 1e-6;
- var MAX_ITERATIONS = 8;
- if (xVal <= 0) {
- return 0;
- } else if (xVal >= 1) {
- return 1;
- }
- // Initial estimate of t using linear interpolation.
- var t = xVal;
- // Try gradient descent to solve for t. If it works, it is very fast.
- var tMin = 0;
- var tMax = 1;
- var value = 0;
- for (var i = 0; i < MAX_ITERATIONS; i++) {
- value = getBezierCoordinate_(t, x1, x2);
- var derivative = (getBezierCoordinate_(t + EPSILON, x1, x2) - value) / EPSILON;
- if (Math.abs(value - xVal) < EPSILON) {
- return t;
- } else if (Math.abs(derivative) < EPSILON) {
- break;
- } else {
- if (value < xVal) {
- tMin = t;
- } else {
- tMax = t;
- }
- t -= (value - xVal) / derivative;
- }
- }
- // If the gradient descent got stuck in a local minimum, e.g. because
- // the derivative was close to 0, use a Dichotomy refinement instead.
- // We limit the number of interations to 8.
- for (var _i = 0; Math.abs(value - xVal) > EPSILON && _i < MAX_ITERATIONS; _i++) {
- if (value < xVal) {
- tMin = t;
- t = (t + tMax) / 2;
- } else {
- tMax = t;
- t = (t + tMin) / 2;
- }
- value = getBezierCoordinate_(t, x1, x2);
- }
- return t;
- }
- /***/ }),
- /* 12 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- ACTIVE: 'mdc-slider--active',
- DISABLED: 'mdc-slider--disabled',
- DISCRETE: 'mdc-slider--discrete',
- FOCUS: 'mdc-slider--focus',
- IN_TRANSIT: 'mdc-slider--in-transit',
- OFF: 'mdc-slider--off',
- IS_DISCRETE: 'mdc-slider--discrete',
- HAS_TRACK_MARKER: 'mdc-slider--display-markers'
- };
- var strings = {
- TRACK_SELECTOR: '.mdc-slider__track',
- TRACK_MARKER_CONTAINER_SELECTOR: '.mdc-slider__track-marker-container',
- LAST_TRACK_MARKER_SELECTOR: '.mdc-slider__track-marker:last-child',
- THUMB_CONTAINER_SELECTOR: '.mdc-slider__thumb-container',
- PIN_VALUE_MARKER_SELECTOR: '.mdc-slider__pin-value-marker',
- ARIA_VALUEMIN: 'aria-valuemin',
- ARIA_VALUEMAX: 'aria-valuemax',
- ARIA_VALUENOW: 'aria-valuenow',
- ARIA_DISABLED: 'aria-disabled',
- STEP_DATA_ATTR: 'data-step',
- CHANGE_EVENT: 'MDCSlider:change',
- INPUT_EVENT: 'MDCSlider:input'
- };
- var numbers = {
- PAGE_FACTOR: 4
- };
- /***/ }),
- /* 13 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTab; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(14);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(70);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_3__foundation__["a"]; });
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCTab = function (_MDCComponent) {
- _inherits(MDCTab, _MDCComponent);
- _createClass(MDCTab, [{
- key: 'computedWidth',
- get: function get() {
- return this.foundation_.getComputedWidth();
- }
- }, {
- key: 'computedLeft',
- get: function get() {
- return this.foundation_.getComputedLeft();
- }
- }, {
- key: 'isActive',
- get: function get() {
- return this.foundation_.isActive();
- },
- set: function set(isActive) {
- this.foundation_.setActive(isActive);
- }
- }, {
- key: 'preventDefaultOnClick',
- get: function get() {
- return this.foundation_.preventsDefaultOnClick();
- },
- set: function set(preventDefaultOnClick) {
- this.foundation_.setPreventDefaultOnClick(preventDefaultOnClick);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCTab(root);
- }
- }]);
- function MDCTab() {
- var _ref;
- _classCallCheck(this, MDCTab);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- var _this = _possibleConstructorReturn(this, (_ref = MDCTab.__proto__ || Object.getPrototypeOf(MDCTab)).call.apply(_ref, [this].concat(args)));
- _this.ripple_ = __WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRipple"].attachTo(_this.root_);
- return _this;
- }
- _createClass(MDCTab, [{
- key: 'destroy',
- value: function destroy() {
- this.ripple_.destroy();
- _get(MDCTab.prototype.__proto__ || Object.getPrototypeOf(MDCTab.prototype), 'destroy', this).call(this);
- }
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this2.root_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this2.root_.removeEventListener(type, handler);
- },
- getOffsetWidth: function getOffsetWidth() {
- return _this2.root_.offsetWidth;
- },
- getOffsetLeft: function getOffsetLeft() {
- return _this2.root_.offsetLeft;
- },
- notifySelected: function notifySelected() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.SELECTED_EVENT, { tab: _this2 }, true);
- }
- });
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- this.isActive = this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ACTIVE);
- }
- }, {
- key: 'measureSelf',
- value: function measureSelf() {
- this.foundation_.measureSelf();
- }
- }]);
- return MDCTab;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 14 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- ACTIVE: 'mdc-tab--active'
- };
- var strings = {
- SELECTED_EVENT: 'MDCTab:selected'
- };
- /***/ }),
- /* 15 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTabBar; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__tab__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(71);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCTabBar = function (_MDCComponent) {
- _inherits(MDCTabBar, _MDCComponent);
- function MDCTabBar() {
- _classCallCheck(this, MDCTabBar);
- return _possibleConstructorReturn(this, (MDCTabBar.__proto__ || Object.getPrototypeOf(MDCTabBar)).apply(this, arguments));
- }
- _createClass(MDCTabBar, [{
- key: 'initialize',
- value: function initialize() {
- var _this2 = this;
- var tabFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_1__tab__["a" /* MDCTab */](el);
- };
- this.indicator_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.INDICATOR_SELECTOR);
- this.tabs_ = this.gatherTabs_(tabFactory);
- this.tabSelectedHandler_ = function (_ref) {
- var detail = _ref.detail;
- var tab = detail.tab;
- _this2.setActiveTab_(tab, true);
- };
- }
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this3 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this3.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this3.root_.classList.remove(className);
- },
- bindOnMDCTabSelectedEvent: function bindOnMDCTabSelectedEvent() {
- return _this3.listen(__WEBPACK_IMPORTED_MODULE_1__tab__["b" /* MDCTabFoundation */].strings.SELECTED_EVENT, _this3.tabSelectedHandler_);
- },
- unbindOnMDCTabSelectedEvent: function unbindOnMDCTabSelectedEvent() {
- return _this3.unlisten(__WEBPACK_IMPORTED_MODULE_1__tab__["b" /* MDCTabFoundation */].strings.SELECTED_EVENT, _this3.tabSelectedHandler_);
- },
- registerResizeHandler: function registerResizeHandler(handler) {
- return window.addEventListener('resize', handler);
- },
- deregisterResizeHandler: function deregisterResizeHandler(handler) {
- return window.removeEventListener('resize', handler);
- },
- getOffsetWidth: function getOffsetWidth() {
- return _this3.root_.offsetWidth;
- },
- setStyleForIndicator: function setStyleForIndicator(propertyName, value) {
- return _this3.indicator_.style.setProperty(propertyName, value);
- },
- getOffsetWidthForIndicator: function getOffsetWidthForIndicator() {
- return _this3.indicator_.offsetWidth;
- },
- notifyChange: function notifyChange(evtData) {
- return _this3.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CHANGE_EVENT, evtData);
- },
- getNumberOfTabs: function getNumberOfTabs() {
- return _this3.tabs.length;
- },
- isTabActiveAtIndex: function isTabActiveAtIndex(index) {
- return _this3.tabs[index].isActive;
- },
- setTabActiveAtIndex: function setTabActiveAtIndex(index, isActive) {
- _this3.tabs[index].isActive = isActive;
- },
- isDefaultPreventedOnClickForTabAtIndex: function isDefaultPreventedOnClickForTabAtIndex(index) {
- return _this3.tabs[index].preventDefaultOnClick;
- },
- setPreventDefaultOnClickForTabAtIndex: function setPreventDefaultOnClickForTabAtIndex(index, preventDefaultOnClick) {
- _this3.tabs[index].preventDefaultOnClick = preventDefaultOnClick;
- },
- measureTabAtIndex: function measureTabAtIndex(index) {
- return _this3.tabs[index].measureSelf();
- },
- getComputedWidthForTabAtIndex: function getComputedWidthForTabAtIndex(index) {
- return _this3.tabs[index].computedWidth;
- },
- getComputedLeftForTabAtIndex: function getComputedLeftForTabAtIndex(index) {
- return _this3.tabs[index].computedLeft;
- }
- });
- }
- }, {
- key: 'gatherTabs_',
- value: function gatherTabs_(tabFactory) {
- var tabElements = [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.TAB_SELECTOR));
- return tabElements.map(function (el) {
- return tabFactory(el);
- });
- }
- }, {
- key: 'setActiveTabIndex_',
- value: function setActiveTabIndex_(activeTabIndex, notifyChange) {
- this.foundation_.switchToTabAtIndex(activeTabIndex, notifyChange);
- }
- }, {
- key: 'layout',
- value: function layout() {
- this.foundation_.layout();
- }
- }, {
- key: 'setActiveTab_',
- value: function setActiveTab_(activeTab, notifyChange) {
- var indexOfTab = this.tabs.indexOf(activeTab);
- if (indexOfTab < 0) {
- throw new Error('Invalid tab component given as activeTab: Tab not found within this component\'s tab list');
- }
- this.setActiveTabIndex_(indexOfTab, notifyChange);
- }
- }, {
- key: 'tabs',
- get: function get() {
- return this.tabs_;
- }
- }, {
- key: 'activeTab',
- get: function get() {
- var activeIndex = this.foundation_.getActiveTabIndex();
- return this.tabs[activeIndex];
- },
- set: function set(tab) {
- this.setActiveTab_(tab, false);
- }
- }, {
- key: 'activeTabIndex',
- get: function get() {
- return this.foundation_.getActiveTabIndex();
- },
- set: function set(index) {
- this.setActiveTabIndex_(index, false);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCTabBar(root);
- }
- }]);
- return MDCTabBar;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 16 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var strings = {
- ARIA_HIDDEN: 'aria-hidden',
- ROLE: 'role',
- INPUT_SELECTOR: '.mdc-textfield__input',
- LABEL_SELECTOR: '.mdc-textfield__label'
- };
- var cssClasses = {
- ROOT: 'mdc-textfield',
- UPGRADED: 'mdc-textfield--upgraded',
- DISABLED: 'mdc-textfield--disabled',
- FOCUSED: 'mdc-textfield--focused',
- INVALID: 'mdc-textfield--invalid',
- HELPTEXT_PERSISTENT: 'mdc-textfield-helptext--persistent',
- HELPTEXT_VALIDATION_MSG: 'mdc-textfield-helptext--validation-msg',
- LABEL_FLOAT_ABOVE: 'mdc-textfield__label--float-above',
- BOX: 'mdc-textfield--box'
- };
- /***/ }),
- /* 17 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_auto_init__ = __webpack_require__(18);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_checkbox__ = __webpack_require__(19);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_dialog__ = __webpack_require__(25);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_drawer__ = __webpack_require__(31);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_form_field__ = __webpack_require__(40);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__material_grid_list__ = __webpack_require__(43);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__material_icon_toggle__ = __webpack_require__(46);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__material_linear_progress__ = __webpack_require__(50);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__material_menu__ = __webpack_require__(10);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__material_radio__ = __webpack_require__(57);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__material_ripple__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__material_select__ = __webpack_require__(61);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__material_slider__ = __webpack_require__(64);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__material_snackbar__ = __webpack_require__(66);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__material_tabs__ = __webpack_require__(69);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__material_textfield__ = __webpack_require__(76);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__material_toolbar__ = __webpack_require__(78);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "autoInit", function() { return __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a"]; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "base", function() { return __WEBPACK_IMPORTED_MODULE_1__material_base__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "checkbox", function() { return __WEBPACK_IMPORTED_MODULE_2__material_checkbox__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "dialog", function() { return __WEBPACK_IMPORTED_MODULE_3__material_dialog__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "drawer", function() { return __WEBPACK_IMPORTED_MODULE_4__material_drawer__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "formField", function() { return __WEBPACK_IMPORTED_MODULE_5__material_form_field__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "gridList", function() { return __WEBPACK_IMPORTED_MODULE_6__material_grid_list__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "iconToggle", function() { return __WEBPACK_IMPORTED_MODULE_7__material_icon_toggle__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "linearProgress", function() { return __WEBPACK_IMPORTED_MODULE_8__material_linear_progress__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "menu", function() { return __WEBPACK_IMPORTED_MODULE_9__material_menu__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "radio", function() { return __WEBPACK_IMPORTED_MODULE_10__material_radio__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "ripple", function() { return __WEBPACK_IMPORTED_MODULE_11__material_ripple__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "select", function() { return __WEBPACK_IMPORTED_MODULE_12__material_select__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "slider", function() { return __WEBPACK_IMPORTED_MODULE_13__material_slider__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "snackbar", function() { return __WEBPACK_IMPORTED_MODULE_14__material_snackbar__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tabs", function() { return __WEBPACK_IMPORTED_MODULE_15__material_tabs__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "textfield", function() { return __WEBPACK_IMPORTED_MODULE_16__material_textfield__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "toolbar", function() { return __WEBPACK_IMPORTED_MODULE_17__material_toolbar__; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- // Register all components
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCCheckbox', __WEBPACK_IMPORTED_MODULE_2__material_checkbox__["MDCCheckbox"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCDialog', __WEBPACK_IMPORTED_MODULE_3__material_dialog__["MDCDialog"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCPersistentDrawer', __WEBPACK_IMPORTED_MODULE_4__material_drawer__["MDCPersistentDrawer"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTemporaryDrawer', __WEBPACK_IMPORTED_MODULE_4__material_drawer__["MDCTemporaryDrawer"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCFormField', __WEBPACK_IMPORTED_MODULE_5__material_form_field__["MDCFormField"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCRipple', __WEBPACK_IMPORTED_MODULE_11__material_ripple__["MDCRipple"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCGridList', __WEBPACK_IMPORTED_MODULE_6__material_grid_list__["MDCGridList"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCIconToggle', __WEBPACK_IMPORTED_MODULE_7__material_icon_toggle__["MDCIconToggle"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCLinearProgress', __WEBPACK_IMPORTED_MODULE_8__material_linear_progress__["MDCLinearProgress"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCRadio', __WEBPACK_IMPORTED_MODULE_10__material_radio__["MDCRadio"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCSnackbar', __WEBPACK_IMPORTED_MODULE_14__material_snackbar__["MDCSnackbar"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTab', __WEBPACK_IMPORTED_MODULE_15__material_tabs__["MDCTab"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTabBar', __WEBPACK_IMPORTED_MODULE_15__material_tabs__["MDCTabBar"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTextfield', __WEBPACK_IMPORTED_MODULE_16__material_textfield__["MDCTextfield"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCSimpleMenu', __WEBPACK_IMPORTED_MODULE_9__material_menu__["MDCSimpleMenu"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCSelect', __WEBPACK_IMPORTED_MODULE_12__material_select__["MDCSelect"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCSlider', __WEBPACK_IMPORTED_MODULE_13__material_slider__["MDCSlider"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCToolbar', __WEBPACK_IMPORTED_MODULE_17__material_toolbar__["MDCToolbar"]);
- // Export all components.
- /***/ }),
- /* 18 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = mdcAutoInit;
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var registry = Object.create(null);
- var CONSOLE_WARN = console.warn.bind(console);
- /**
- * Auto-initializes all mdc components on a page.
- */
- function mdcAutoInit() {
- var root = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
- var warn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : CONSOLE_WARN;
- var nodes = root.querySelectorAll('[data-mdc-auto-init]');
- for (var i = 0, node; node = nodes[i]; i++) {
- var ctorName = node.dataset.mdcAutoInit;
- if (!ctorName) {
- throw new Error('(mdc-auto-init) Constructor name must be given.');
- }
- var Ctor = registry[ctorName];
- if (typeof Ctor !== 'function') {
- throw new Error('(mdc-auto-init) Could not find constructor in registry for ' + ctorName);
- }
- if (node[ctorName]) {
- warn('(mdc-auto-init) Component already initialized for ' + node + '. Skipping...');
- continue;
- }
- // TODO: Should we make an eslint rule for an attachTo() static method?
- var component = Ctor.attachTo(node);
- Object.defineProperty(node, ctorName, {
- value: component,
- writable: false,
- enumerable: false,
- configurable: true
- });
- }
- }
- mdcAutoInit.register = function (componentName, Ctor) {
- var warn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : CONSOLE_WARN;
- if (typeof Ctor !== 'function') {
- throw new Error('(mdc-auto-init) Invalid Ctor value ' + Ctor + '. Expected function');
- }
- if (registry[componentName]) {
- warn('(mdc-auto-init) Overriding registration for ' + componentName + ' with ' + Ctor + '. ' + ('Was: ' + registry[componentName]));
- }
- registry[componentName] = Ctor;
- };
- mdcAutoInit.deregister = function (componentName) {
- delete registry[componentName];
- };
- mdcAutoInit.deregisterAll = function () {
- Object.keys(registry).forEach(this.deregister, this);
- };
- /***/ }),
- /* 19 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCCheckbox", function() { return MDCCheckbox; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_animation__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_base_selection_control__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(20);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_ripple__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_ripple_util__ = __webpack_require__(8);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCCheckboxFoundation", function() { return __WEBPACK_IMPORTED_MODULE_3__foundation__["a"]; });
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends MDCComponent<!MDCCheckboxFoundation>
- */
- var MDCCheckbox = function (_MDCComponent) {
- _inherits(MDCCheckbox, _MDCComponent);
- _createClass(MDCCheckbox, [{
- key: 'nativeCb_',
- /**
- * Returns the state of the native control element, or null if the native control element is not present.
- * @return {?SelectionControlState}
- * @private
- */
- get: function get() {
- var NATIVE_CONTROL_SELECTOR = __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.NATIVE_CONTROL_SELECTOR;
- var cbEl = /** @type {?SelectionControlState} */this.root_.querySelector(NATIVE_CONTROL_SELECTOR);
- return cbEl;
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCCheckbox(root);
- }
- }]);
- function MDCCheckbox() {
- var _ref;
- _classCallCheck(this, MDCCheckbox);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!MDCRipple} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCCheckbox.__proto__ || Object.getPrototypeOf(MDCCheckbox)).call.apply(_ref, [this].concat(args)));
- _this.ripple_ = _this.initRipple_();
- return _this;
- }
- /**
- * @return {!MDCRipple}
- * @private
- */
- _createClass(MDCCheckbox, [{
- key: 'initRipple_',
- value: function initRipple_() {
- var _this2 = this;
- var MATCHES = Object(__WEBPACK_IMPORTED_MODULE_5__material_ripple_util__["getMatchesProperty"])(HTMLElement.prototype);
- var adapter = _extends(__WEBPACK_IMPORTED_MODULE_4__material_ripple__["MDCRipple"].createAdapter(this), {
- isUnbounded: function isUnbounded() {
- return true;
- },
- isSurfaceActive: function isSurfaceActive() {
- return _this2.nativeCb_[MATCHES](':active');
- },
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this2.nativeCb_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this2.nativeCb_.removeEventListener(type, handler);
- },
- computeBoundingRect: function computeBoundingRect() {
- var _root_$getBoundingCli = _this2.root_.getBoundingClientRect(),
- left = _root_$getBoundingCli.left,
- top = _root_$getBoundingCli.top;
- var DIM = 40;
- return {
- top: top,
- left: left,
- right: left + DIM,
- bottom: top + DIM,
- width: DIM,
- height: DIM
- };
- }
- });
- var foundation = new __WEBPACK_IMPORTED_MODULE_4__material_ripple__["MDCRippleFoundation"](adapter);
- return new __WEBPACK_IMPORTED_MODULE_4__material_ripple__["MDCRipple"](this.root_, foundation);
- }
- /** @return {!MDCCheckboxFoundation} */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this3 = this;
- return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this3.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this3.root_.classList.remove(className);
- },
- registerAnimationEndHandler: function registerAnimationEndHandler(handler) {
- return _this3.root_.addEventListener(Object(__WEBPACK_IMPORTED_MODULE_0__material_animation__["a" /* getCorrectEventName */])(window, 'animationend'), handler);
- },
- deregisterAnimationEndHandler: function deregisterAnimationEndHandler(handler) {
- return _this3.root_.removeEventListener(Object(__WEBPACK_IMPORTED_MODULE_0__material_animation__["a" /* getCorrectEventName */])(window, 'animationend'), handler);
- },
- registerChangeHandler: function registerChangeHandler(handler) {
- return _this3.nativeCb_.addEventListener('change', handler);
- },
- deregisterChangeHandler: function deregisterChangeHandler(handler) {
- return _this3.nativeCb_.removeEventListener('change', handler);
- },
- getNativeControl: function getNativeControl() {
- return _this3.nativeCb_;
- },
- forceLayout: function forceLayout() {
- return _this3.root_.offsetWidth;
- },
- isAttachedToDOM: function isAttachedToDOM() {
- return Boolean(_this3.root_.parentNode);
- }
- });
- }
- /** @return {!MDCRipple} */
- }, {
- key: 'destroy',
- value: function destroy() {
- this.ripple_.destroy();
- _get(MDCCheckbox.prototype.__proto__ || Object.getPrototypeOf(MDCCheckbox.prototype), 'destroy', this).call(this);
- }
- }, {
- key: 'ripple',
- get: function get() {
- return this.ripple_;
- }
- /** @return {boolean} */
- }, {
- key: 'checked',
- get: function get() {
- return this.foundation_.isChecked();
- }
- /** @param {boolean} checked */
- ,
- set: function set(checked) {
- this.foundation_.setChecked(checked);
- }
- /** @return {boolean} */
- }, {
- key: 'indeterminate',
- get: function get() {
- return this.foundation_.isIndeterminate();
- }
- /** @param {boolean} indeterminate */
- ,
- set: function set(indeterminate) {
- this.foundation_.setIndeterminate(indeterminate);
- }
- /** @return {boolean} */
- }, {
- key: 'disabled',
- get: function get() {
- return this.foundation_.isDisabled();
- }
- /** @param {boolean} disabled */
- ,
- set: function set(disabled) {
- this.foundation_.setDisabled(disabled);
- }
- /** @return {?string} */
- }, {
- key: 'value',
- get: function get() {
- return this.foundation_.getValue();
- }
- /** @param {?string} value */
- ,
- set: function set(value) {
- this.foundation_.setValue(value);
- }
- }]);
- return MDCCheckbox;
- }(__WEBPACK_IMPORTED_MODULE_1__material_base_component__["a" /* default */]);
- /***/ }),
- /* 20 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_selection_control__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(21);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(22);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /** @const {!Array<string>} */
- var CB_PROTO_PROPS = ['checked', 'indeterminate'];
- /**
- * @extends {MDCFoundation<!MDCCheckboxAdapter>}
- */
- var MDCCheckboxFoundation = function (_MDCFoundation) {
- _inherits(MDCCheckboxFoundation, _MDCFoundation);
- _createClass(MDCCheckboxFoundation, null, [{
- key: 'cssClasses',
- /** @return enum {cssClasses} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */];
- }
- /** @return enum {strings} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */];
- }
- /** @return enum {numbers} */
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* numbers */];
- }
- /** @return {!MDCCheckboxAdapter} */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCCheckboxAdapter} */{
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- registerAnimationEndHandler: function registerAnimationEndHandler() /* handler: EventListener */{},
- deregisterAnimationEndHandler: function deregisterAnimationEndHandler() /* handler: EventListener */{},
- registerChangeHandler: function registerChangeHandler() /* handler: EventListener */{},
- deregisterChangeHandler: function deregisterChangeHandler() /* handler: EventListener */{},
- getNativeControl: function getNativeControl() /* !SelectionControlState */{},
- forceLayout: function forceLayout() {},
- isAttachedToDOM: function isAttachedToDOM() /* boolean */{}
- }
- );
- }
- }]);
- function MDCCheckboxFoundation(adapter) {
- _classCallCheck(this, MDCCheckboxFoundation);
- /** @private {string} */
- var _this = _possibleConstructorReturn(this, (MDCCheckboxFoundation.__proto__ || Object.getPrototypeOf(MDCCheckboxFoundation)).call(this, _extends(MDCCheckboxFoundation.defaultAdapter, adapter)));
- _this.currentCheckState_ = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_INIT;
- /** @private {string} */
- _this.currentAnimationClass_ = '';
- /** @private {number} */
- _this.animEndLatchTimer_ = 0;
- _this.animEndHandler_ = /** @private {!EventListener} */function () {
- clearTimeout(_this.animEndLatchTimer_);
- _this.animEndLatchTimer_ = setTimeout(function () {
- _this.adapter_.removeClass(_this.currentAnimationClass_);
- _this.adapter_.deregisterAnimationEndHandler(_this.animEndHandler_);
- }, __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* numbers */].ANIM_END_LATCH_MS);
- };
- _this.changeHandler_ = /** @private {!EventListener} */function () {
- return _this.transitionCheckState_();
- };
- return _this;
- }
- _createClass(MDCCheckboxFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].UPGRADED);
- this.adapter_.registerChangeHandler(this.changeHandler_);
- this.installPropertyChangeHooks_();
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterChangeHandler(this.changeHandler_);
- this.uninstallPropertyChangeHooks_();
- }
- /** @return {boolean} */
- }, {
- key: 'isChecked',
- value: function isChecked() {
- return this.getNativeControl_().checked;
- }
- /** @param {boolean} checked */
- }, {
- key: 'setChecked',
- value: function setChecked(checked) {
- this.getNativeControl_().checked = checked;
- }
- /** @return {boolean} */
- }, {
- key: 'isIndeterminate',
- value: function isIndeterminate() {
- return this.getNativeControl_().indeterminate;
- }
- /** @param {boolean} indeterminate */
- }, {
- key: 'setIndeterminate',
- value: function setIndeterminate(indeterminate) {
- this.getNativeControl_().indeterminate = indeterminate;
- }
- /** @return {boolean} */
- }, {
- key: 'isDisabled',
- value: function isDisabled() {
- return this.getNativeControl_().disabled;
- }
- /** @param {boolean} disabled */
- }, {
- key: 'setDisabled',
- value: function setDisabled(disabled) {
- this.getNativeControl_().disabled = disabled;
- if (disabled) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].DISABLED);
- } else {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].DISABLED);
- }
- }
- /** @return {?string} */
- }, {
- key: 'getValue',
- value: function getValue() {
- return this.getNativeControl_().value;
- }
- /** @param {?string} value */
- }, {
- key: 'setValue',
- value: function setValue(value) {
- this.getNativeControl_().value = value;
- }
- /** @private */
- }, {
- key: 'installPropertyChangeHooks_',
- value: function installPropertyChangeHooks_() {
- var _this2 = this;
- var nativeCb = this.getNativeControl_();
- var cbProto = Object.getPrototypeOf(nativeCb);
- CB_PROTO_PROPS.forEach(function (controlState) {
- var desc = Object.getOwnPropertyDescriptor(cbProto, controlState);
- // We have to check for this descriptor, since some browsers (Safari) don't support its return.
- // See: https://bugs.webkit.org/show_bug.cgi?id=49739
- if (validDescriptor(desc)) {
- var nativeCbDesc = /** @type {!ObjectPropertyDescriptor} */{
- get: desc.get,
- set: function set(state) {
- desc.set.call(nativeCb, state);
- _this2.transitionCheckState_();
- },
- configurable: desc.configurable,
- enumerable: desc.enumerable
- };
- Object.defineProperty(nativeCb, controlState, nativeCbDesc);
- }
- });
- }
- /** @private */
- }, {
- key: 'uninstallPropertyChangeHooks_',
- value: function uninstallPropertyChangeHooks_() {
- var nativeCb = this.getNativeControl_();
- var cbProto = Object.getPrototypeOf(nativeCb);
- CB_PROTO_PROPS.forEach(function (controlState) {
- var desc = /** @type {!ObjectPropertyDescriptor} */Object.getOwnPropertyDescriptor(cbProto, controlState);
- if (validDescriptor(desc)) {
- Object.defineProperty(nativeCb, controlState, desc);
- }
- });
- }
- /** @private */
- }, {
- key: 'transitionCheckState_',
- value: function transitionCheckState_() {
- var nativeCb = this.adapter_.getNativeControl();
- if (!nativeCb) {
- return;
- }
- var oldState = this.currentCheckState_;
- var newState = this.determineCheckState_(nativeCb);
- if (oldState === newState) {
- return;
- }
- // Check to ensure that there isn't a previously existing animation class, in case for example
- // the user interacted with the checkbox before the animation was finished.
- if (this.currentAnimationClass_.length > 0) {
- clearTimeout(this.animEndLatchTimer_);
- this.adapter_.forceLayout();
- this.adapter_.removeClass(this.currentAnimationClass_);
- }
- this.currentAnimationClass_ = this.getTransitionAnimationClass_(oldState, newState);
- this.currentCheckState_ = newState;
- // Check for parentNode so that animations are only run when the element is attached
- // to the DOM.
- if (this.adapter_.isAttachedToDOM() && this.currentAnimationClass_.length > 0) {
- this.adapter_.addClass(this.currentAnimationClass_);
- this.adapter_.registerAnimationEndHandler(this.animEndHandler_);
- }
- }
- /**
- * @param {!SelectionControlState} nativeCb
- * @return {string}
- * @private
- */
- }, {
- key: 'determineCheckState_',
- value: function determineCheckState_(nativeCb) {
- var TRANSITION_STATE_INDETERMINATE = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_INDETERMINATE,
- TRANSITION_STATE_CHECKED = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_CHECKED,
- TRANSITION_STATE_UNCHECKED = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_UNCHECKED;
- if (nativeCb.indeterminate) {
- return TRANSITION_STATE_INDETERMINATE;
- }
- return nativeCb.checked ? TRANSITION_STATE_CHECKED : TRANSITION_STATE_UNCHECKED;
- }
- /**
- * @param {string} oldState
- * @param {string} newState
- * @return {string}
- */
- }, {
- key: 'getTransitionAnimationClass_',
- value: function getTransitionAnimationClass_(oldState, newState) {
- var TRANSITION_STATE_INIT = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_INIT,
- TRANSITION_STATE_CHECKED = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_CHECKED,
- TRANSITION_STATE_UNCHECKED = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_UNCHECKED;
- var _MDCCheckboxFoundatio = MDCCheckboxFoundation.cssClasses,
- ANIM_UNCHECKED_CHECKED = _MDCCheckboxFoundatio.ANIM_UNCHECKED_CHECKED,
- ANIM_UNCHECKED_INDETERMINATE = _MDCCheckboxFoundatio.ANIM_UNCHECKED_INDETERMINATE,
- ANIM_CHECKED_UNCHECKED = _MDCCheckboxFoundatio.ANIM_CHECKED_UNCHECKED,
- ANIM_CHECKED_INDETERMINATE = _MDCCheckboxFoundatio.ANIM_CHECKED_INDETERMINATE,
- ANIM_INDETERMINATE_CHECKED = _MDCCheckboxFoundatio.ANIM_INDETERMINATE_CHECKED,
- ANIM_INDETERMINATE_UNCHECKED = _MDCCheckboxFoundatio.ANIM_INDETERMINATE_UNCHECKED;
- switch (oldState) {
- case TRANSITION_STATE_INIT:
- if (newState === TRANSITION_STATE_UNCHECKED) {
- return '';
- }
- // fallthrough
- case TRANSITION_STATE_UNCHECKED:
- return newState === TRANSITION_STATE_CHECKED ? ANIM_UNCHECKED_CHECKED : ANIM_UNCHECKED_INDETERMINATE;
- case TRANSITION_STATE_CHECKED:
- return newState === TRANSITION_STATE_UNCHECKED ? ANIM_CHECKED_UNCHECKED : ANIM_CHECKED_INDETERMINATE;
- // TRANSITION_STATE_INDETERMINATE
- default:
- return newState === TRANSITION_STATE_CHECKED ? ANIM_INDETERMINATE_CHECKED : ANIM_INDETERMINATE_UNCHECKED;
- }
- }
- /**
- * @return {!SelectionControlState}
- * @private
- */
- }, {
- key: 'getNativeControl_',
- value: function getNativeControl_() {
- return this.adapter_.getNativeControl() || {
- checked: false,
- indeterminate: false,
- disabled: false,
- value: null
- };
- }
- }]);
- return MDCCheckboxFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /**
- * @param {ObjectPropertyDescriptor|undefined} inputPropDesc
- * @return {boolean}
- */
- /* harmony default export */ __webpack_exports__["a"] = (MDCCheckboxFoundation);
- function validDescriptor(inputPropDesc) {
- return !!inputPropDesc && typeof inputPropDesc.set === 'function';
- }
- /***/ }),
- /* 21 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_selection_control__ = __webpack_require__(3);
- 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"); } }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint-disable no-unused-vars */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Checkbox. Provides an interface for managing
- * - classes
- * - dom
- * - event handlers
- *
- * Additionally, provides type information for the adapter to the Closure
- * compiler.
- *
- * Implement this adapter for your framework of choice to delegate updates to
- * the component in your framework of choice. See architecture documentation
- * for more details.
- * https://github.com/material-components/material-components-web/blob/master/docs/architecture.md
- *
- * @record
- */
- var MDCCheckboxAdapter = function () {
- function MDCCheckboxAdapter() {
- _classCallCheck(this, MDCCheckboxAdapter);
- }
- _createClass(MDCCheckboxAdapter, [{
- key: 'addClass',
- /** @param {string} className */
- value: function addClass(className) {}
- /** @param {string} className */
- }, {
- key: 'removeClass',
- value: function removeClass(className) {}
- /** @param {!EventListener} handler */
- }, {
- key: 'registerAnimationEndHandler',
- value: function registerAnimationEndHandler(handler) {}
- /** @param {!EventListener} handler */
- }, {
- key: 'deregisterAnimationEndHandler',
- value: function deregisterAnimationEndHandler(handler) {}
- /** @param {!EventListener} handler */
- }, {
- key: 'registerChangeHandler',
- value: function registerChangeHandler(handler) {}
- /** @param {!EventListener} handler */
- }, {
- key: 'deregisterChangeHandler',
- value: function deregisterChangeHandler(handler) {}
- /** @return {!SelectionControlState} */
- }, {
- key: 'getNativeControl',
- value: function getNativeControl() {}
- }, {
- key: 'forceLayout',
- value: function forceLayout() {}
- /** @return {boolean} */
- }, {
- key: 'isAttachedToDOM',
- value: function isAttachedToDOM() {}
- }]);
- return MDCCheckboxAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCCheckboxAdapter);
- /***/ }),
- /* 22 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /** @const {string} */
- var ROOT = 'mdc-checkbox';
- /** @enum {string} */
- var cssClasses = {
- UPGRADED: 'mdc-checkbox--upgraded',
- CHECKED: 'mdc-checkbox--checked',
- INDETERMINATE: 'mdc-checkbox--indeterminate',
- DISABLED: 'mdc-checkbox--disabled',
- ANIM_UNCHECKED_CHECKED: 'mdc-checkbox--anim-unchecked-checked',
- ANIM_UNCHECKED_INDETERMINATE: 'mdc-checkbox--anim-unchecked-indeterminate',
- ANIM_CHECKED_UNCHECKED: 'mdc-checkbox--anim-checked-unchecked',
- ANIM_CHECKED_INDETERMINATE: 'mdc-checkbox--anim-checked-indeterminate',
- ANIM_INDETERMINATE_CHECKED: 'mdc-checkbox--anim-indeterminate-checked',
- ANIM_INDETERMINATE_UNCHECKED: 'mdc-checkbox--anim-indeterminate-unchecked'
- };
- /** @enum {string} */
- var strings = {
- NATIVE_CONTROL_SELECTOR: '.' + ROOT + '__native-control',
- TRANSITION_STATE_INIT: 'init',
- TRANSITION_STATE_CHECKED: 'checked',
- TRANSITION_STATE_UNCHECKED: 'unchecked',
- TRANSITION_STATE_INDETERMINATE: 'indeterminate'
- };
- /** @enum {number} */
- var numbers = {
- ANIM_END_LATCH_MS: 100
- };
- /***/ }),
- /* 23 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(24);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(8);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /**
- * @typedef {!{
- * isActivated: (boolean|undefined),
- * hasDeactivationUXRun: (boolean|undefined),
- * wasActivatedByPointer: (boolean|undefined),
- * wasElementMadeActive: (boolean|undefined),
- * activationStartTime: (number|undefined),
- * activationEvent: Event,
- * isProgrammatic: (boolean|undefined)
- * }}
- */
- var ActivationStateType = void 0;
- /**
- * @typedef {!{
- * activate: (string|undefined),
- * deactivate: (string|undefined),
- * focus: (string|undefined),
- * blur: (string|undefined)
- * }}
- */
- var ListenerInfoType = void 0;
- /**
- * @typedef {!{
- * activate: function(!Event),
- * deactivate: function(!Event),
- * focus: function(),
- * blur: function()
- * }}
- */
- var ListenersType = void 0;
- /**
- * @typedef {!{
- * x: number,
- * y: number
- * }}
- */
- var PointType = void 0;
- /**
- * @enum {string}
- */
- var DEACTIVATION_ACTIVATION_PAIRS = {
- mouseup: 'mousedown',
- pointerup: 'pointerdown',
- touchend: 'touchstart',
- keyup: 'keydown',
- blur: 'focus'
- };
- /**
- * @extends {MDCFoundation<!MDCRippleAdapter>}
- */
- var MDCRippleFoundation = function (_MDCFoundation) {
- _inherits(MDCRippleFoundation, _MDCFoundation);
- _createClass(MDCRippleFoundation, [{
- key: 'isSupported_',
- /**
- * We compute this property so that we are not querying information about the client
- * until the point in time where the foundation requests it. This prevents scenarios where
- * client-side feature-detection may happen too early, such as when components are rendered on the server
- * and then initialized at mount time on the client.
- * @return {boolean}
- */
- get: function get() {
- return this.adapter_.browserSupportsCssVars();
- }
- }], [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */];
- }
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- browserSupportsCssVars: function browserSupportsCssVars() /* boolean - cached */{},
- isUnbounded: function isUnbounded() /* boolean */{},
- isSurfaceActive: function isSurfaceActive() /* boolean */{},
- isSurfaceDisabled: function isSurfaceDisabled() /* boolean */{},
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- registerInteractionHandler: function registerInteractionHandler() /* evtType: string, handler: EventListener */{},
- deregisterInteractionHandler: function deregisterInteractionHandler() /* evtType: string, handler: EventListener */{},
- registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
- deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{},
- updateCssVariable: function updateCssVariable() /* varName: string, value: string */{},
- computeBoundingRect: function computeBoundingRect() /* ClientRect */{},
- getWindowPageOffset: function getWindowPageOffset() /* {x: number, y: number} */{}
- };
- }
- }]);
- function MDCRippleFoundation(adapter) {
- _classCallCheck(this, MDCRippleFoundation);
- /** @private {number} */
- var _this = _possibleConstructorReturn(this, (MDCRippleFoundation.__proto__ || Object.getPrototypeOf(MDCRippleFoundation)).call(this, _extends(MDCRippleFoundation.defaultAdapter, adapter)));
- _this.layoutFrame_ = 0;
- /** @private {!ClientRect} */
- _this.frame_ = /** @type {!ClientRect} */{ width: 0, height: 0 };
- /** @private {!ActivationStateType} */
- _this.activationState_ = _this.defaultActivationState_();
- /** @private {number} */
- _this.xfDuration_ = 0;
- /** @private {number} */
- _this.initialSize_ = 0;
- /** @private {number} */
- _this.maxRadius_ = 0;
- /** @private {!Array<{ListenerInfoType}>} */
- _this.listenerInfos_ = [{ activate: 'touchstart', deactivate: 'touchend' }, { activate: 'pointerdown', deactivate: 'pointerup' }, { activate: 'mousedown', deactivate: 'mouseup' }, { activate: 'keydown', deactivate: 'keyup' }, { focus: 'focus', blur: 'blur' }];
- /** @private {!ListenersType} */
- _this.listeners_ = {
- activate: function activate(e) {
- return _this.activate_(e);
- },
- deactivate: function deactivate(e) {
- return _this.deactivate_(e);
- },
- focus: function focus() {
- return requestAnimationFrame(function () {
- return _this.adapter_.addClass(MDCRippleFoundation.cssClasses.BG_FOCUSED);
- });
- },
- blur: function blur() {
- return requestAnimationFrame(function () {
- return _this.adapter_.removeClass(MDCRippleFoundation.cssClasses.BG_FOCUSED);
- });
- }
- };
- /** @private {!Function} */
- _this.resizeHandler_ = function () {
- return _this.layout();
- };
- /** @private {!{left: number, top:number}} */
- _this.unboundedCoords_ = {
- left: 0,
- top: 0
- };
- /** @private {number} */
- _this.fgScale_ = 0;
- /** @private {number} */
- _this.activationTimer_ = 0;
- /** @private {number} */
- _this.fgDeactivationRemovalTimer_ = 0;
- /** @private {boolean} */
- _this.activationAnimationHasEnded_ = false;
- /** @private {!Function} */
- _this.activationTimerCallback_ = function () {
- _this.activationAnimationHasEnded_ = true;
- _this.runDeactivationUXLogicIfReady_();
- };
- return _this;
- }
- /**
- * @return {!ActivationStateType}
- */
- _createClass(MDCRippleFoundation, [{
- key: 'defaultActivationState_',
- value: function defaultActivationState_() {
- return {
- isActivated: false,
- hasDeactivationUXRun: false,
- wasActivatedByPointer: false,
- wasElementMadeActive: false,
- activationStartTime: 0,
- activationEvent: null,
- isProgrammatic: false
- };
- }
- }, {
- key: 'init',
- value: function init() {
- var _this2 = this;
- if (!this.isSupported_) {
- return;
- }
- this.addEventListeners_();
- var _MDCRippleFoundation$ = MDCRippleFoundation.cssClasses,
- ROOT = _MDCRippleFoundation$.ROOT,
- UNBOUNDED = _MDCRippleFoundation$.UNBOUNDED;
- requestAnimationFrame(function () {
- _this2.adapter_.addClass(ROOT);
- if (_this2.adapter_.isUnbounded()) {
- _this2.adapter_.addClass(UNBOUNDED);
- }
- _this2.layoutInternal_();
- });
- }
- /** @private */
- }, {
- key: 'addEventListeners_',
- value: function addEventListeners_() {
- var _this3 = this;
- this.listenerInfos_.forEach(function (info) {
- Object.keys(info).forEach(function (k) {
- _this3.adapter_.registerInteractionHandler(info[k], _this3.listeners_[k]);
- });
- });
- this.adapter_.registerResizeHandler(this.resizeHandler_);
- }
- /**
- * @param {Event} e
- * @private
- */
- }, {
- key: 'activate_',
- value: function activate_(e) {
- var _this4 = this;
- if (this.adapter_.isSurfaceDisabled()) {
- return;
- }
- var activationState = this.activationState_;
- if (activationState.isActivated) {
- return;
- }
- activationState.isActivated = true;
- activationState.isProgrammatic = e === null;
- activationState.activationEvent = e;
- activationState.wasActivatedByPointer = activationState.isProgrammatic ? false : e.type === 'mousedown' || e.type === 'touchstart' || e.type === 'pointerdown';
- activationState.activationStartTime = Date.now();
- requestAnimationFrame(function () {
- // This needs to be wrapped in an rAF call b/c web browsers
- // report active states inconsistently when they're called within
- // event handling code:
- // - https://bugs.chromium.org/p/chromium/issues/detail?id=635971
- // - https://bugzilla.mozilla.org/show_bug.cgi?id=1293741
- activationState.wasElementMadeActive = e && e.type === 'keydown' ? _this4.adapter_.isSurfaceActive() : true;
- if (activationState.wasElementMadeActive) {
- _this4.animateActivation_();
- } else {
- // Reset activation state immediately if element was not made active.
- _this4.activationState_ = _this4.defaultActivationState_();
- }
- });
- }
- }, {
- key: 'activate',
- value: function activate() {
- this.activate_(null);
- }
- /** @private */
- }, {
- key: 'animateActivation_',
- value: function animateActivation_() {
- var _this5 = this;
- var _MDCRippleFoundation$2 = MDCRippleFoundation.strings,
- VAR_FG_TRANSLATE_START = _MDCRippleFoundation$2.VAR_FG_TRANSLATE_START,
- VAR_FG_TRANSLATE_END = _MDCRippleFoundation$2.VAR_FG_TRANSLATE_END;
- var _MDCRippleFoundation$3 = MDCRippleFoundation.cssClasses,
- BG_ACTIVE_FILL = _MDCRippleFoundation$3.BG_ACTIVE_FILL,
- FG_DEACTIVATION = _MDCRippleFoundation$3.FG_DEACTIVATION,
- FG_ACTIVATION = _MDCRippleFoundation$3.FG_ACTIVATION;
- var DEACTIVATION_TIMEOUT_MS = MDCRippleFoundation.numbers.DEACTIVATION_TIMEOUT_MS;
- var translateStart = '';
- var translateEnd = '';
- if (!this.adapter_.isUnbounded()) {
- var _getFgTranslationCoor = this.getFgTranslationCoordinates_(),
- startPoint = _getFgTranslationCoor.startPoint,
- endPoint = _getFgTranslationCoor.endPoint;
- translateStart = startPoint.x + 'px, ' + startPoint.y + 'px';
- translateEnd = endPoint.x + 'px, ' + endPoint.y + 'px';
- }
- this.adapter_.updateCssVariable(VAR_FG_TRANSLATE_START, translateStart);
- this.adapter_.updateCssVariable(VAR_FG_TRANSLATE_END, translateEnd);
- // Cancel any ongoing activation/deactivation animations
- clearTimeout(this.activationTimer_);
- clearTimeout(this.fgDeactivationRemovalTimer_);
- this.rmBoundedActivationClasses_();
- this.adapter_.removeClass(FG_DEACTIVATION);
- // Force layout in order to re-trigger the animation.
- this.adapter_.computeBoundingRect();
- this.adapter_.addClass(BG_ACTIVE_FILL);
- this.adapter_.addClass(FG_ACTIVATION);
- this.activationTimer_ = setTimeout(function () {
- return _this5.activationTimerCallback_();
- }, DEACTIVATION_TIMEOUT_MS);
- }
- /**
- * @private
- * @return {{startPoint: PointType, endPoint: PointType}}
- */
- }, {
- key: 'getFgTranslationCoordinates_',
- value: function getFgTranslationCoordinates_() {
- var activationState = this.activationState_;
- var activationEvent = activationState.activationEvent,
- wasActivatedByPointer = activationState.wasActivatedByPointer;
- var startPoint = void 0;
- if (wasActivatedByPointer) {
- startPoint = Object(__WEBPACK_IMPORTED_MODULE_3__util__["getNormalizedEventCoords"])(
- /** @type {!Event} */activationEvent, this.adapter_.getWindowPageOffset(), this.adapter_.computeBoundingRect());
- } else {
- startPoint = {
- x: this.frame_.width / 2,
- y: this.frame_.height / 2
- };
- }
- // Center the element around the start point.
- startPoint = {
- x: startPoint.x - this.initialSize_ / 2,
- y: startPoint.y - this.initialSize_ / 2
- };
- var endPoint = {
- x: this.frame_.width / 2 - this.initialSize_ / 2,
- y: this.frame_.height / 2 - this.initialSize_ / 2
- };
- return { startPoint: startPoint, endPoint: endPoint };
- }
- /** @private */
- }, {
- key: 'runDeactivationUXLogicIfReady_',
- value: function runDeactivationUXLogicIfReady_() {
- var _this6 = this;
- var FG_DEACTIVATION = MDCRippleFoundation.cssClasses.FG_DEACTIVATION;
- var _activationState_ = this.activationState_,
- hasDeactivationUXRun = _activationState_.hasDeactivationUXRun,
- isActivated = _activationState_.isActivated;
- var activationHasEnded = hasDeactivationUXRun || !isActivated;
- if (activationHasEnded && this.activationAnimationHasEnded_) {
- this.rmBoundedActivationClasses_();
- this.adapter_.addClass(FG_DEACTIVATION);
- this.fgDeactivationRemovalTimer_ = setTimeout(function () {
- _this6.adapter_.removeClass(FG_DEACTIVATION);
- }, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].FG_DEACTIVATION_MS);
- }
- }
- /** @private */
- }, {
- key: 'rmBoundedActivationClasses_',
- value: function rmBoundedActivationClasses_() {
- var _MDCRippleFoundation$4 = MDCRippleFoundation.cssClasses,
- BG_ACTIVE_FILL = _MDCRippleFoundation$4.BG_ACTIVE_FILL,
- FG_ACTIVATION = _MDCRippleFoundation$4.FG_ACTIVATION;
- this.adapter_.removeClass(BG_ACTIVE_FILL);
- this.adapter_.removeClass(FG_ACTIVATION);
- this.activationAnimationHasEnded_ = false;
- this.adapter_.computeBoundingRect();
- }
- /**
- * @param {Event} e
- * @private
- */
- }, {
- key: 'deactivate_',
- value: function deactivate_(e) {
- var _this7 = this;
- var activationState = this.activationState_;
- // This can happen in scenarios such as when you have a keyup event that blurs the element.
- if (!activationState.isActivated) {
- return;
- }
- // Programmatic deactivation.
- if (activationState.isProgrammatic) {
- var evtObject = null;
- var _state = /** @type {!ActivationStateType} */_extends({}, activationState);
- requestAnimationFrame(function () {
- return _this7.animateDeactivation_(evtObject, _state);
- });
- this.activationState_ = this.defaultActivationState_();
- return;
- }
- var actualActivationType = DEACTIVATION_ACTIVATION_PAIRS[e.type];
- var expectedActivationType = activationState.activationEvent.type;
- // NOTE: Pointer events are tricky - https://patrickhlauke.github.io/touch/tests/results/
- // Essentially, what we need to do here is decouple the deactivation UX from the actual
- // deactivation state itself. This way, touch/pointer events in sequence do not trample one
- // another.
- var needsDeactivationUX = actualActivationType === expectedActivationType;
- var needsActualDeactivation = needsDeactivationUX;
- if (activationState.wasActivatedByPointer) {
- needsActualDeactivation = e.type === 'mouseup';
- }
- var state = /** @type {!ActivationStateType} */_extends({}, activationState);
- requestAnimationFrame(function () {
- if (needsDeactivationUX) {
- _this7.activationState_.hasDeactivationUXRun = true;
- _this7.animateDeactivation_(e, state);
- }
- if (needsActualDeactivation) {
- _this7.activationState_ = _this7.defaultActivationState_();
- }
- });
- }
- }, {
- key: 'deactivate',
- value: function deactivate() {
- this.deactivate_(null);
- }
- /**
- * @param {Event} e
- * @param {!ActivationStateType} options
- * @private
- */
- }, {
- key: 'animateDeactivation_',
- value: function animateDeactivation_(e, _ref) {
- var wasActivatedByPointer = _ref.wasActivatedByPointer,
- wasElementMadeActive = _ref.wasElementMadeActive;
- var BG_FOCUSED = MDCRippleFoundation.cssClasses.BG_FOCUSED;
- if (wasActivatedByPointer || wasElementMadeActive) {
- // Remove class left over by element being focused
- this.adapter_.removeClass(BG_FOCUSED);
- this.runDeactivationUXLogicIfReady_();
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this8 = this;
- if (!this.isSupported_) {
- return;
- }
- this.removeEventListeners_();
- var _MDCRippleFoundation$5 = MDCRippleFoundation.cssClasses,
- ROOT = _MDCRippleFoundation$5.ROOT,
- UNBOUNDED = _MDCRippleFoundation$5.UNBOUNDED;
- requestAnimationFrame(function () {
- _this8.adapter_.removeClass(ROOT);
- _this8.adapter_.removeClass(UNBOUNDED);
- _this8.removeCssVars_();
- });
- }
- /** @private */
- }, {
- key: 'removeEventListeners_',
- value: function removeEventListeners_() {
- var _this9 = this;
- this.listenerInfos_.forEach(function (info) {
- Object.keys(info).forEach(function (k) {
- _this9.adapter_.deregisterInteractionHandler(info[k], _this9.listeners_[k]);
- });
- });
- this.adapter_.deregisterResizeHandler(this.resizeHandler_);
- }
- /** @private */
- }, {
- key: 'removeCssVars_',
- value: function removeCssVars_() {
- var _this10 = this;
- var strings = MDCRippleFoundation.strings;
- Object.keys(strings).forEach(function (k) {
- if (k.indexOf('VAR_') === 0) {
- _this10.adapter_.updateCssVariable(strings[k], null);
- }
- });
- }
- }, {
- key: 'layout',
- value: function layout() {
- var _this11 = this;
- if (this.layoutFrame_) {
- cancelAnimationFrame(this.layoutFrame_);
- }
- this.layoutFrame_ = requestAnimationFrame(function () {
- _this11.layoutInternal_();
- _this11.layoutFrame_ = 0;
- });
- }
- /** @private */
- }, {
- key: 'layoutInternal_',
- value: function layoutInternal_() {
- this.frame_ = this.adapter_.computeBoundingRect();
- var maxDim = Math.max(this.frame_.height, this.frame_.width);
- var surfaceDiameter = Math.sqrt(Math.pow(this.frame_.width, 2) + Math.pow(this.frame_.height, 2));
- // 60% of the largest dimension of the surface
- this.initialSize_ = maxDim * MDCRippleFoundation.numbers.INITIAL_ORIGIN_SCALE;
- // Diameter of the surface + 10px
- this.maxRadius_ = surfaceDiameter + MDCRippleFoundation.numbers.PADDING;
- this.fgScale_ = this.maxRadius_ / this.initialSize_;
- this.xfDuration_ = 1000 * Math.sqrt(this.maxRadius_ / 1024);
- this.updateLayoutCssVars_();
- }
- /** @private */
- }, {
- key: 'updateLayoutCssVars_',
- value: function updateLayoutCssVars_() {
- var _MDCRippleFoundation$6 = MDCRippleFoundation.strings,
- VAR_SURFACE_WIDTH = _MDCRippleFoundation$6.VAR_SURFACE_WIDTH,
- VAR_SURFACE_HEIGHT = _MDCRippleFoundation$6.VAR_SURFACE_HEIGHT,
- VAR_FG_SIZE = _MDCRippleFoundation$6.VAR_FG_SIZE,
- VAR_LEFT = _MDCRippleFoundation$6.VAR_LEFT,
- VAR_TOP = _MDCRippleFoundation$6.VAR_TOP,
- VAR_FG_SCALE = _MDCRippleFoundation$6.VAR_FG_SCALE;
- this.adapter_.updateCssVariable(VAR_SURFACE_WIDTH, this.frame_.width + 'px');
- this.adapter_.updateCssVariable(VAR_SURFACE_HEIGHT, this.frame_.height + 'px');
- this.adapter_.updateCssVariable(VAR_FG_SIZE, this.initialSize_ + 'px');
- this.adapter_.updateCssVariable(VAR_FG_SCALE, this.fgScale_);
- if (this.adapter_.isUnbounded()) {
- this.unboundedCoords_ = {
- left: Math.round(this.frame_.width / 2 - this.initialSize_ / 2),
- top: Math.round(this.frame_.height / 2 - this.initialSize_ / 2)
- };
- this.adapter_.updateCssVariable(VAR_LEFT, this.unboundedCoords_.left + 'px');
- this.adapter_.updateCssVariable(VAR_TOP, this.unboundedCoords_.top + 'px');
- }
- }
- }]);
- return MDCRippleFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCRippleFoundation);
- /***/ }),
- /* 24 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- // Ripple is a special case where the "root" component is really a "mixin" of sorts,
- // given that it's an 'upgrade' to an existing component. That being said it is the root
- // CSS class that all other CSS classes derive from.
- ROOT: 'mdc-ripple-upgraded',
- UNBOUNDED: 'mdc-ripple-upgraded--unbounded',
- BG_FOCUSED: 'mdc-ripple-upgraded--background-focused',
- BG_ACTIVE_FILL: 'mdc-ripple-upgraded--background-active-fill',
- FG_ACTIVATION: 'mdc-ripple-upgraded--foreground-activation',
- FG_DEACTIVATION: 'mdc-ripple-upgraded--foreground-deactivation'
- };
- var strings = {
- VAR_SURFACE_WIDTH: '--mdc-ripple-surface-width',
- VAR_SURFACE_HEIGHT: '--mdc-ripple-surface-height',
- VAR_FG_SIZE: '--mdc-ripple-fg-size',
- VAR_LEFT: '--mdc-ripple-left',
- VAR_TOP: '--mdc-ripple-top',
- VAR_FG_SCALE: '--mdc-ripple-fg-scale',
- VAR_FG_TRANSLATE_START: '--mdc-ripple-fg-translate-start',
- VAR_FG_TRANSLATE_END: '--mdc-ripple-fg-translate-end'
- };
- var numbers = {
- PADDING: 10,
- INITIAL_ORIGIN_SCALE: 0.6,
- DEACTIVATION_TIMEOUT_MS: 300,
- FG_DEACTIVATION_MS: 83
- };
- /***/ }),
- /* 25 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCDialog", function() { return MDCDialog; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(26);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(28);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCDialogFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_3__util__; });
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCDialog = function (_MDCComponent) {
- _inherits(MDCDialog, _MDCComponent);
- function MDCDialog() {
- _classCallCheck(this, MDCDialog);
- return _possibleConstructorReturn(this, (MDCDialog.__proto__ || Object.getPrototypeOf(MDCDialog)).apply(this, arguments));
- }
- _createClass(MDCDialog, [{
- key: 'initialize',
- value: function initialize() {
- this.focusTrap_ = __WEBPACK_IMPORTED_MODULE_3__util__["createFocusTrapInstance"](this.dialogSurface_, this.acceptButton_);
- this.footerBtnRipples_ = [];
- var footerBtns = this.root_.querySelectorAll('.mdc-dialog__footer__button');
- for (var i = 0, footerBtn; footerBtn = footerBtns[i]; i++) {
- this.footerBtnRipples_.push(new __WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRipple"](footerBtn));
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.footerBtnRipples_.forEach(function (ripple) {
- return ripple.destroy();
- });
- _get(MDCDialog.prototype.__proto__ || Object.getPrototypeOf(MDCDialog.prototype), 'destroy', this).call(this);
- }
- }, {
- key: 'show',
- value: function show() {
- this.foundation_.open();
- }
- }, {
- key: 'close',
- value: function close() {
- this.foundation_.close();
- }
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- addBodyClass: function addBodyClass(className) {
- return document.body.classList.add(className);
- },
- removeBodyClass: function removeBodyClass(className) {
- return document.body.classList.remove(className);
- },
- eventTargetHasClass: function eventTargetHasClass(target, className) {
- return target.classList.contains(className);
- },
- registerInteractionHandler: function registerInteractionHandler(evt, handler) {
- return _this2.root_.addEventListener(evt, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(evt, handler) {
- return _this2.root_.removeEventListener(evt, handler);
- },
- registerSurfaceInteractionHandler: function registerSurfaceInteractionHandler(evt, handler) {
- return _this2.dialogSurface_.addEventListener(evt, handler);
- },
- deregisterSurfaceInteractionHandler: function deregisterSurfaceInteractionHandler(evt, handler) {
- return _this2.dialogSurface_.removeEventListener(evt, handler);
- },
- registerDocumentKeydownHandler: function registerDocumentKeydownHandler(handler) {
- return document.addEventListener('keydown', handler);
- },
- deregisterDocumentKeydownHandler: function deregisterDocumentKeydownHandler(handler) {
- return document.removeEventListener('keydown', handler);
- },
- registerTransitionEndHandler: function registerTransitionEndHandler(handler) {
- return _this2.dialogSurface_.addEventListener('transitionend', handler);
- },
- deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
- return _this2.dialogSurface_.removeEventListener('transitionend', handler);
- },
- notifyAccept: function notifyAccept() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ACCEPT_EVENT);
- },
- notifyCancel: function notifyCancel() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CANCEL_EVENT);
- },
- trapFocusOnSurface: function trapFocusOnSurface() {
- return _this2.focusTrap_.activate();
- },
- untrapFocusOnSurface: function untrapFocusOnSurface() {
- return _this2.focusTrap_.deactivate();
- },
- isDialog: function isDialog(el) {
- return el === _this2.dialogSurface_;
- }
- });
- }
- }, {
- key: 'open',
- get: function get() {
- return this.foundation_.isOpen();
- }
- }, {
- key: 'acceptButton_',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ACCEPT_SELECTOR);
- }
- }, {
- key: 'dialogSurface_',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.DIALOG_SURFACE_SELECTOR);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCDialog(root);
- }
- }]);
- return MDCDialog;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
- /***/ }),
- /* 26 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(27);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCDialogFoundation = function (_MDCFoundation) {
- _inherits(MDCDialogFoundation, _MDCFoundation);
- _createClass(MDCDialogFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- addBodyClass: function addBodyClass() /* className: string */{},
- removeBodyClass: function removeBodyClass() /* className: string */{},
- eventTargetHasClass: function eventTargetHasClass() {
- return (/* target: EventTarget, className: string */ /* boolean */false
- );
- },
- registerInteractionHandler: function registerInteractionHandler() /* evt: string, handler: EventListener */{},
- deregisterInteractionHandler: function deregisterInteractionHandler() /* evt: string, handler: EventListener */{},
- registerSurfaceInteractionHandler: function registerSurfaceInteractionHandler() /* evt: string, handler: EventListener */{},
- deregisterSurfaceInteractionHandler: function deregisterSurfaceInteractionHandler() /* evt: string, handler: EventListener */{},
- registerDocumentKeydownHandler: function registerDocumentKeydownHandler() /* handler: EventListener */{},
- deregisterDocumentKeydownHandler: function deregisterDocumentKeydownHandler() /* handler: EventListener */{},
- registerTransitionEndHandler: function registerTransitionEndHandler() /* handler: EventListener */{},
- deregisterTransitionEndHandler: function deregisterTransitionEndHandler() /* handler: EventListener */{},
- notifyAccept: function notifyAccept() {},
- notifyCancel: function notifyCancel() {},
- trapFocusOnSurface: function trapFocusOnSurface() {},
- untrapFocusOnSurface: function untrapFocusOnSurface() {},
- isDialog: function isDialog() {
- return (/* el: Element */ /* boolean */false
- );
- }
- };
- }
- }]);
- function MDCDialogFoundation(adapter) {
- _classCallCheck(this, MDCDialogFoundation);
- var _this = _possibleConstructorReturn(this, (MDCDialogFoundation.__proto__ || Object.getPrototypeOf(MDCDialogFoundation)).call(this, _extends(MDCDialogFoundation.defaultAdapter, adapter)));
- _this.isOpen_ = false;
- _this.componentClickHandler_ = function (evt) {
- if (_this.adapter_.eventTargetHasClass(evt.target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].BACKDROP)) {
- _this.cancel(true);
- }
- };
- _this.dialogClickHandler_ = function (evt) {
- return _this.handleDialogClick_(evt);
- };
- _this.documentKeydownHandler_ = function (evt) {
- if (evt.key && evt.key === 'Escape' || evt.keyCode === 27) {
- _this.cancel(true);
- }
- };
- _this.transitionEndHandler_ = function (evt) {
- return _this.handleTransitionEnd_(evt);
- };
- return _this;
- }
- _createClass(MDCDialogFoundation, [{
- key: 'destroy',
- value: function destroy() {
- // Ensure that dialog is cleaned up when destroyed
- if (this.isOpen_) {
- this.adapter_.deregisterSurfaceInteractionHandler('click', this.dialogClickHandler_);
- this.adapter_.deregisterDocumentKeydownHandler(this.documentKeydownHandler_);
- this.adapter_.deregisterInteractionHandler('click', this.componentClickHandler_);
- this.adapter_.untrapFocusOnSurface();
- this.adapter_.deregisterTransitionEndHandler(this.transitionEndHandler_);
- this.adapter_.removeClass(MDCDialogFoundation.cssClasses.ANIMATING);
- this.adapter_.removeClass(MDCDialogFoundation.cssClasses.OPEN);
- this.enableScroll_();
- }
- }
- }, {
- key: 'open',
- value: function open() {
- this.isOpen_ = true;
- this.disableScroll_();
- this.adapter_.registerDocumentKeydownHandler(this.documentKeydownHandler_);
- this.adapter_.registerSurfaceInteractionHandler('click', this.dialogClickHandler_);
- this.adapter_.registerInteractionHandler('click', this.componentClickHandler_);
- this.adapter_.registerTransitionEndHandler(this.transitionEndHandler_);
- this.adapter_.addClass(MDCDialogFoundation.cssClasses.ANIMATING);
- this.adapter_.addClass(MDCDialogFoundation.cssClasses.OPEN);
- }
- }, {
- key: 'close',
- value: function close() {
- this.isOpen_ = false;
- this.adapter_.deregisterSurfaceInteractionHandler('click', this.dialogClickHandler_);
- this.adapter_.deregisterDocumentKeydownHandler(this.documentKeydownHandler_);
- this.adapter_.deregisterInteractionHandler('click', this.componentClickHandler_);
- this.adapter_.untrapFocusOnSurface();
- this.adapter_.registerTransitionEndHandler(this.transitionEndHandler_);
- this.adapter_.addClass(MDCDialogFoundation.cssClasses.ANIMATING);
- this.adapter_.removeClass(MDCDialogFoundation.cssClasses.OPEN);
- }
- }, {
- key: 'isOpen',
- value: function isOpen() {
- return this.isOpen_;
- }
- }, {
- key: 'accept',
- value: function accept(shouldNotify) {
- if (shouldNotify) {
- this.adapter_.notifyAccept();
- }
- this.close();
- }
- }, {
- key: 'cancel',
- value: function cancel(shouldNotify) {
- if (shouldNotify) {
- this.adapter_.notifyCancel();
- }
- this.close();
- }
- }, {
- key: 'handleDialogClick_',
- value: function handleDialogClick_(evt) {
- var target = evt.target;
- if (this.adapter_.eventTargetHasClass(target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACCEPT_BTN)) {
- this.accept(true);
- } else if (this.adapter_.eventTargetHasClass(target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].CANCEL_BTN)) {
- this.cancel(true);
- }
- }
- }, {
- key: 'handleTransitionEnd_',
- value: function handleTransitionEnd_(evt) {
- if (this.adapter_.isDialog(evt.target)) {
- this.adapter_.deregisterTransitionEndHandler(this.transitionEndHandler_);
- this.adapter_.removeClass(MDCDialogFoundation.cssClasses.ANIMATING);
- if (this.isOpen_) {
- this.adapter_.trapFocusOnSurface();
- } else {
- this.enableScroll_();
- };
- };
- }
- }, {
- key: 'disableScroll_',
- value: function disableScroll_() {
- this.adapter_.addBodyClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].SCROLL_LOCK);
- }
- }, {
- key: 'enableScroll_',
- value: function enableScroll_() {
- this.adapter_.removeBodyClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].SCROLL_LOCK);
- }
- }]);
- return MDCDialogFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCDialogFoundation);
- /***/ }),
- /* 27 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- ROOT: 'mdc-dialog',
- OPEN: 'mdc-dialog--open',
- ANIMATING: 'mdc-dialog--animating',
- BACKDROP: 'mdc-dialog__backdrop',
- SCROLL_LOCK: 'mdc-dialog-scroll-lock',
- ACCEPT_BTN: 'mdc-dialog__footer__button--accept',
- CANCEL_BTN: 'mdc-dialog__footer__button--cancel'
- };
- var strings = {
- OPEN_DIALOG_SELECTOR: '.mdc-dialog--open',
- DIALOG_SURFACE_SELECTOR: '.mdc-dialog__surface',
- ACCEPT_SELECTOR: '.mdc-dialog__footer__button--accept',
- ACCEPT_EVENT: 'MDCDialog:accept',
- CANCEL_EVENT: 'MDCDialog:cancel'
- };
- /***/ }),
- /* 28 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (immutable) */ __webpack_exports__["createFocusTrapInstance"] = createFocusTrapInstance;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_focus_trap__ = __webpack_require__(29);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_focus_trap___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_focus_trap__);
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- function createFocusTrapInstance(surfaceEl, acceptButtonEl) {
- var focusTrapFactory = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : __WEBPACK_IMPORTED_MODULE_0_focus_trap___default.a;
- return focusTrapFactory(surfaceEl, {
- initialFocus: acceptButtonEl,
- clickOutsideDeactivates: true
- });
- }
- /***/ }),
- /* 29 */
- /***/ (function(module, exports, __webpack_require__) {
- var tabbable = __webpack_require__(30);
- var listeningFocusTrap = null;
- function focusTrap(element, userOptions) {
- var tabbableNodes = [];
- var nodeFocusedBeforeActivation = null;
- var active = false;
- var paused = false;
- var container = (typeof element === 'string')
- ? document.querySelector(element)
- : element;
- var config = userOptions || {};
- config.returnFocusOnDeactivate = (userOptions && userOptions.returnFocusOnDeactivate !== undefined)
- ? userOptions.returnFocusOnDeactivate
- : true;
- config.escapeDeactivates = (userOptions && userOptions.escapeDeactivates !== undefined)
- ? userOptions.escapeDeactivates
- : true;
- var trap = {
- activate: activate,
- deactivate: deactivate,
- pause: pause,
- unpause: unpause,
- };
- return trap;
- function activate(activateOptions) {
- if (active) return;
- var defaultedActivateOptions = {
- onActivate: (activateOptions && activateOptions.onActivate !== undefined)
- ? activateOptions.onActivate
- : config.onActivate,
- };
- active = true;
- paused = false;
- nodeFocusedBeforeActivation = document.activeElement;
- if (defaultedActivateOptions.onActivate) {
- defaultedActivateOptions.onActivate();
- }
- addListeners();
- return trap;
- }
- function deactivate(deactivateOptions) {
- if (!active) return;
- var defaultedDeactivateOptions = {
- returnFocus: (deactivateOptions && deactivateOptions.returnFocus !== undefined)
- ? deactivateOptions.returnFocus
- : config.returnFocusOnDeactivate,
- onDeactivate: (deactivateOptions && deactivateOptions.onDeactivate !== undefined)
- ? deactivateOptions.onDeactivate
- : config.onDeactivate,
- };
- removeListeners();
- if (defaultedDeactivateOptions.onDeactivate) {
- defaultedDeactivateOptions.onDeactivate();
- }
- if (defaultedDeactivateOptions.returnFocus) {
- setTimeout(function () {
- tryFocus(nodeFocusedBeforeActivation);
- }, 0);
- }
- active = false;
- paused = false;
- return this;
- }
- function pause() {
- if (paused || !active) return;
- paused = true;
- removeListeners();
- }
- function unpause() {
- if (!paused || !active) return;
- paused = false;
- addListeners();
- }
- function addListeners() {
- if (!active) return;
- // There can be only one listening focus trap at a time
- if (listeningFocusTrap) {
- listeningFocusTrap.pause();
- }
- listeningFocusTrap = trap;
- updateTabbableNodes();
- tryFocus(firstFocusNode());
- document.addEventListener('focus', checkFocus, true);
- document.addEventListener('click', checkClick, true);
- document.addEventListener('mousedown', checkPointerDown, true);
- document.addEventListener('touchstart', checkPointerDown, true);
- document.addEventListener('keydown', checkKey, true);
- return trap;
- }
- function removeListeners() {
- if (!active || listeningFocusTrap !== trap) return;
- document.removeEventListener('focus', checkFocus, true);
- document.removeEventListener('click', checkClick, true);
- document.removeEventListener('mousedown', checkPointerDown, true);
- document.removeEventListener('touchstart', checkPointerDown, true);
- document.removeEventListener('keydown', checkKey, true);
- listeningFocusTrap = null;
- return trap;
- }
- function getNodeForOption(optionName) {
- var optionValue = config[optionName];
- var node = optionValue;
- if (!optionValue) {
- return null;
- }
- if (typeof optionValue === 'string') {
- node = document.querySelector(optionValue);
- if (!node) {
- throw new Error('`' + optionName + '` refers to no known node');
- }
- }
- if (typeof optionValue === 'function') {
- node = optionValue();
- if (!node) {
- throw new Error('`' + optionName + '` did not return a node');
- }
- }
- return node;
- }
- function firstFocusNode() {
- var node;
- if (getNodeForOption('initialFocus') !== null) {
- node = getNodeForOption('initialFocus');
- } else if (container.contains(document.activeElement)) {
- node = document.activeElement;
- } else {
- node = tabbableNodes[0] || getNodeForOption('fallbackFocus');
- }
- if (!node) {
- throw new Error('You can\'t have a focus-trap without at least one focusable element');
- }
- return node;
- }
- // This needs to be done on mousedown and touchstart instead of click
- // so that it precedes the focus event
- function checkPointerDown(e) {
- if (config.clickOutsideDeactivates && !container.contains(e.target)) {
- deactivate({ returnFocus: false });
- }
- }
- function checkClick(e) {
- if (config.clickOutsideDeactivates) return;
- if (container.contains(e.target)) return;
- e.preventDefault();
- e.stopImmediatePropagation();
- }
- function checkFocus(e) {
- if (container.contains(e.target)) return;
- e.preventDefault();
- e.stopImmediatePropagation();
- // Checking for a blur method here resolves a Firefox issue (#15)
- if (typeof e.target.blur === 'function') e.target.blur();
- }
- function checkKey(e) {
- if (e.key === 'Tab' || e.keyCode === 9) {
- handleTab(e);
- }
- if (config.escapeDeactivates !== false && isEscapeEvent(e)) {
- deactivate();
- }
- }
- function handleTab(e) {
- e.preventDefault();
- updateTabbableNodes();
- var currentFocusIndex = tabbableNodes.indexOf(e.target);
- var lastTabbableNode = tabbableNodes[tabbableNodes.length - 1];
- var firstTabbableNode = tabbableNodes[0];
- if (e.shiftKey) {
- if (e.target === firstTabbableNode || tabbableNodes.indexOf(e.target) === -1) {
- return tryFocus(lastTabbableNode);
- }
- return tryFocus(tabbableNodes[currentFocusIndex - 1]);
- }
- if (e.target === lastTabbableNode) return tryFocus(firstTabbableNode);
- tryFocus(tabbableNodes[currentFocusIndex + 1]);
- }
- function updateTabbableNodes() {
- tabbableNodes = tabbable(container);
- }
- }
- function isEscapeEvent(e) {
- return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;
- }
- function tryFocus(node) {
- if (!node || !node.focus) return;
- node.focus();
- if (node.tagName.toLowerCase() === 'input') {
- node.select();
- }
- }
- module.exports = focusTrap;
- /***/ }),
- /* 30 */
- /***/ (function(module, exports) {
- module.exports = function(el) {
- var basicTabbables = [];
- var orderedTabbables = [];
- // A node is "available" if
- // - it's computed style
- var isUnavailable = createIsUnavailable();
- var candidateSelectors = [
- 'input',
- 'select',
- 'a[href]',
- 'textarea',
- 'button',
- '[tabindex]',
- ];
- var candidates = el.querySelectorAll(candidateSelectors);
- var candidate, candidateIndex;
- for (var i = 0, l = candidates.length; i < l; i++) {
- candidate = candidates[i];
- candidateIndex = parseInt(candidate.getAttribute('tabindex'), 10) || candidate.tabIndex;
- if (
- candidateIndex < 0
- || (candidate.tagName === 'INPUT' && candidate.type === 'hidden')
- || candidate.disabled
- || isUnavailable(candidate)
- ) {
- continue;
- }
- if (candidateIndex === 0) {
- basicTabbables.push(candidate);
- } else {
- orderedTabbables.push({
- tabIndex: candidateIndex,
- node: candidate,
- });
- }
- }
- var tabbableNodes = orderedTabbables
- .sort(function(a, b) {
- return a.tabIndex - b.tabIndex;
- })
- .map(function(a) {
- return a.node
- });
- Array.prototype.push.apply(tabbableNodes, basicTabbables);
- return tabbableNodes;
- }
- function createIsUnavailable() {
- // Node cache must be refreshed on every check, in case
- // the content of the element has changed
- var isOffCache = [];
- // "off" means `display: none;`, as opposed to "hidden",
- // which means `visibility: hidden;`. getComputedStyle
- // accurately reflects visiblity in context but not
- // "off" state, so we need to recursively check parents.
- function isOff(node, nodeComputedStyle) {
- if (node === document.documentElement) return false;
- // Find the cached node (Array.prototype.find not available in IE9)
- for (var i = 0, length = isOffCache.length; i < length; i++) {
- if (isOffCache[i][0] === node) return isOffCache[i][1];
- }
- nodeComputedStyle = nodeComputedStyle || window.getComputedStyle(node);
- var result = false;
- if (nodeComputedStyle.display === 'none') {
- result = true;
- } else if (node.parentNode) {
- result = isOff(node.parentNode);
- }
- isOffCache.push([node, result]);
- return result;
- }
- return function isUnavailable(node) {
- if (node === document.documentElement) return false;
- var computedStyle = window.getComputedStyle(node);
- if (isOff(node, computedStyle)) return true;
- return computedStyle.visibility === 'hidden';
- }
- }
- /***/ }),
- /* 31 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__temporary__ = __webpack_require__(32);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTemporaryDrawer", function() { return __WEBPACK_IMPORTED_MODULE_1__temporary__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTemporaryDrawerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__temporary__["b"]; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__persistent__ = __webpack_require__(37);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCPersistentDrawer", function() { return __WEBPACK_IMPORTED_MODULE_2__persistent__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCPersistentDrawerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__persistent__["b"]; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_0__util__; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /***/ }),
- /* 32 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTemporaryDrawer; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(33);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(9);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- /* unused harmony reexport util */
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCTemporaryDrawer = function (_MDCComponent) {
- _inherits(MDCTemporaryDrawer, _MDCComponent);
- function MDCTemporaryDrawer() {
- _classCallCheck(this, MDCTemporaryDrawer);
- return _possibleConstructorReturn(this, (MDCTemporaryDrawer.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawer)).apply(this, arguments));
- }
- _createClass(MDCTemporaryDrawer, [{
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- var _MDCTemporaryDrawerFo = __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings,
- FOCUSABLE_ELEMENTS = _MDCTemporaryDrawerFo.FOCUSABLE_ELEMENTS,
- OPACITY_VAR_NAME = _MDCTemporaryDrawerFo.OPACITY_VAR_NAME;
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- hasClass: function hasClass(className) {
- return _this2.root_.classList.contains(className);
- },
- addBodyClass: function addBodyClass(className) {
- return document.body.classList.add(className);
- },
- removeBodyClass: function removeBodyClass(className) {
- return document.body.classList.remove(className);
- },
- hasNecessaryDom: function hasNecessaryDom() {
- return Boolean(_this2.drawer);
- },
- registerInteractionHandler: function registerInteractionHandler(evt, handler) {
- return _this2.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(evt, handler) {
- return _this2.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
- },
- registerDrawerInteractionHandler: function registerDrawerInteractionHandler(evt, handler) {
- return _this2.drawer.addEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler);
- },
- deregisterDrawerInteractionHandler: function deregisterDrawerInteractionHandler(evt, handler) {
- return _this2.drawer.removeEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler);
- },
- registerTransitionEndHandler: function registerTransitionEndHandler(handler) {
- return _this2.drawer.addEventListener('transitionend', handler);
- },
- deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
- return _this2.drawer.removeEventListener('transitionend', handler);
- },
- registerDocumentKeydownHandler: function registerDocumentKeydownHandler(handler) {
- return document.addEventListener('keydown', handler);
- },
- deregisterDocumentKeydownHandler: function deregisterDocumentKeydownHandler(handler) {
- return document.removeEventListener('keydown', handler);
- },
- getDrawerWidth: function getDrawerWidth() {
- return _this2.drawer.offsetWidth;
- },
- setTranslateX: function setTranslateX(value) {
- return _this2.drawer.style.setProperty(__WEBPACK_IMPORTED_MODULE_2__util__["getTransformPropertyName"](), value === null ? null : 'translateX(' + value + 'px)');
- },
- updateCssVariable: function updateCssVariable(value) {
- if (__WEBPACK_IMPORTED_MODULE_2__util__["supportsCssCustomProperties"]()) {
- _this2.root_.style.setProperty(OPACITY_VAR_NAME, value);
- }
- },
- getFocusableElements: function getFocusableElements() {
- return _this2.drawer.querySelectorAll(FOCUSABLE_ELEMENTS);
- },
- saveElementTabState: function saveElementTabState(el) {
- return __WEBPACK_IMPORTED_MODULE_2__util__["saveElementTabState"](el);
- },
- restoreElementTabState: function restoreElementTabState(el) {
- return __WEBPACK_IMPORTED_MODULE_2__util__["restoreElementTabState"](el);
- },
- makeElementUntabbable: function makeElementUntabbable(el) {
- return el.setAttribute('tabindex', -1);
- },
- notifyOpen: function notifyOpen() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.OPEN_EVENT);
- },
- notifyClose: function notifyClose() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CLOSE_EVENT);
- },
- isRtl: function isRtl() {
- return getComputedStyle(_this2.root_).getPropertyValue('direction') === 'rtl';
- },
- isDrawer: function isDrawer(el) {
- return el === _this2.drawer;
- }
- });
- }
- }, {
- key: 'open',
- get: function get() {
- return this.foundation_.isOpen();
- },
- set: function set(value) {
- if (value) {
- this.foundation_.open();
- } else {
- this.foundation_.close();
- }
- }
- /* Return the drawer element inside the component. */
- }, {
- key: 'drawer',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.DRAWER_SELECTOR);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCTemporaryDrawer(root);
- }
- }]);
- return MDCTemporaryDrawer;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
- /***/ }),
- /* 33 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(36);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCTemporaryDrawerFoundation = function (_MDCSlidableDrawerFou) {
- _inherits(MDCTemporaryDrawerFoundation, _MDCSlidableDrawerFou);
- _createClass(MDCTemporaryDrawerFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return _extends(__WEBPACK_IMPORTED_MODULE_0__slidable__["b" /* MDCSlidableDrawerFoundation */].defaultAdapter, {
- addBodyClass: function addBodyClass() /* className: string */{},
- removeBodyClass: function removeBodyClass() /* className: string */{},
- isDrawer: function isDrawer() {
- return false;
- },
- updateCssVariable: function updateCssVariable() /* value: string */{}
- });
- }
- }]);
- function MDCTemporaryDrawerFoundation(adapter) {
- _classCallCheck(this, MDCTemporaryDrawerFoundation);
- var _this = _possibleConstructorReturn(this, (MDCTemporaryDrawerFoundation.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation)).call(this, _extends(MDCTemporaryDrawerFoundation.defaultAdapter, adapter), MDCTemporaryDrawerFoundation.cssClasses.ROOT, MDCTemporaryDrawerFoundation.cssClasses.ANIMATING, MDCTemporaryDrawerFoundation.cssClasses.OPEN));
- _this.componentClickHandler_ = function () {
- return _this.close();
- };
- return _this;
- }
- _createClass(MDCTemporaryDrawerFoundation, [{
- key: 'init',
- value: function init() {
- _get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'init', this).call(this);
- // Make browser aware of custom property being used in this element.
- // Workaround for certain types of hard-to-reproduce heisenbugs.
- this.adapter_.updateCssVariable(0);
- this.adapter_.registerInteractionHandler('click', this.componentClickHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- _get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'destroy', this).call(this);
- this.adapter_.deregisterInteractionHandler('click', this.componentClickHandler_);
- this.enableScroll_();
- }
- }, {
- key: 'open',
- value: function open() {
- this.disableScroll_();
- // Make sure custom property values are cleared before starting.
- this.adapter_.updateCssVariable('');
- _get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'open', this).call(this);
- }
- }, {
- key: 'close',
- value: function close() {
- // Make sure custom property values are cleared before making any changes.
- this.adapter_.updateCssVariable('');
- _get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'close', this).call(this);
- }
- }, {
- key: 'prepareForTouchEnd_',
- value: function prepareForTouchEnd_() {
- _get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'prepareForTouchEnd_', this).call(this);
- this.adapter_.updateCssVariable('');
- }
- }, {
- key: 'updateDrawer_',
- value: function updateDrawer_() {
- _get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'updateDrawer_', this).call(this);
- var newOpacity = Math.max(0, 1 + this.direction_ * (this.newPosition_ / this.drawerWidth_));
- this.adapter_.updateCssVariable(newOpacity);
- }
- }, {
- key: 'isRootTransitioningEventTarget_',
- value: function isRootTransitioningEventTarget_(el) {
- return this.adapter_.isDrawer(el);
- }
- }, {
- key: 'handleTransitionEnd_',
- value: function handleTransitionEnd_(evt) {
- _get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'handleTransitionEnd_', this).call(this, evt);
- if (!this.isOpen_) {
- this.enableScroll_();
- }
- }
- }, {
- key: 'disableScroll_',
- value: function disableScroll_() {
- this.adapter_.addBodyClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].SCROLL_LOCK);
- }
- }, {
- key: 'enableScroll_',
- value: function enableScroll_() {
- this.adapter_.removeBodyClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].SCROLL_LOCK);
- }
- }]);
- return MDCTemporaryDrawerFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__slidable__["b" /* MDCSlidableDrawerFoundation */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTemporaryDrawerFoundation);
- /***/ }),
- /* 34 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FOCUSABLE_ELEMENTS; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var FOCUSABLE_ELEMENTS = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), ' + 'button:not([disabled]), iframe, object, embed, [tabindex], [contenteditable]';
- /***/ }),
- /* 35 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCSlidableDrawerFoundation; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCSlidableDrawerFoundation = function (_MDCFoundation) {
- _inherits(MDCSlidableDrawerFoundation, _MDCFoundation);
- _createClass(MDCSlidableDrawerFoundation, null, [{
- key: 'defaultAdapter',
- get: function get() {
- return {
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- hasClass: function hasClass() /* className: string */{},
- hasNecessaryDom: function hasNecessaryDom() {
- return (/* boolean */false
- );
- },
- registerInteractionHandler: function registerInteractionHandler() /* evt: string, handler: EventListener */{},
- deregisterInteractionHandler: function deregisterInteractionHandler() /* evt: string, handler: EventListener */{},
- registerDrawerInteractionHandler: function registerDrawerInteractionHandler() /* evt: string, handler: EventListener */{},
- deregisterDrawerInteractionHandler: function deregisterDrawerInteractionHandler() /* evt: string, handler: EventListener */{},
- registerTransitionEndHandler: function registerTransitionEndHandler() /* handler: EventListener */{},
- deregisterTransitionEndHandler: function deregisterTransitionEndHandler() /* handler: EventListener */{},
- registerDocumentKeydownHandler: function registerDocumentKeydownHandler() /* handler: EventListener */{},
- deregisterDocumentKeydownHandler: function deregisterDocumentKeydownHandler() /* handler: EventListener */{},
- setTranslateX: function setTranslateX() /* value: number | null */{},
- getFocusableElements: function getFocusableElements() /* NodeList */{},
- saveElementTabState: function saveElementTabState() /* el: Element */{},
- restoreElementTabState: function restoreElementTabState() /* el: Element */{},
- makeElementUntabbable: function makeElementUntabbable() /* el: Element */{},
- notifyOpen: function notifyOpen() {},
- notifyClose: function notifyClose() {},
- isRtl: function isRtl() {
- return (/* boolean */false
- );
- },
- getDrawerWidth: function getDrawerWidth() {
- return (/* number */0
- );
- }
- };
- }
- }]);
- function MDCSlidableDrawerFoundation(adapter, rootCssClass, animatingCssClass, openCssClass) {
- _classCallCheck(this, MDCSlidableDrawerFoundation);
- var _this = _possibleConstructorReturn(this, (MDCSlidableDrawerFoundation.__proto__ || Object.getPrototypeOf(MDCSlidableDrawerFoundation)).call(this, _extends(MDCSlidableDrawerFoundation.defaultAdapter, adapter)));
- _this.rootCssClass_ = rootCssClass;
- _this.animatingCssClass_ = animatingCssClass;
- _this.openCssClass_ = openCssClass;
- _this.transitionEndHandler_ = function (evt) {
- return _this.handleTransitionEnd_(evt);
- };
- _this.inert_ = false;
- _this.drawerClickHandler_ = function (evt) {
- return evt.stopPropagation();
- };
- _this.componentTouchStartHandler_ = function (evt) {
- return _this.handleTouchStart_(evt);
- };
- _this.componentTouchMoveHandler_ = function (evt) {
- return _this.handleTouchMove_(evt);
- };
- _this.componentTouchEndHandler_ = function (evt) {
- return _this.handleTouchEnd_(evt);
- };
- _this.documentKeydownHandler_ = function (evt) {
- if (evt.key && evt.key === 'Escape' || evt.keyCode === 27) {
- _this.close();
- }
- };
- return _this;
- }
- _createClass(MDCSlidableDrawerFoundation, [{
- key: 'init',
- value: function init() {
- var ROOT = this.rootCssClass_;
- var OPEN = this.openCssClass_;
- if (!this.adapter_.hasClass(ROOT)) {
- throw new Error(ROOT + ' class required in root element.');
- }
- if (!this.adapter_.hasNecessaryDom()) {
- throw new Error('Required DOM nodes missing in ' + ROOT + ' component.');
- }
- if (this.adapter_.hasClass(OPEN)) {
- this.isOpen_ = true;
- } else {
- this.detabinate_();
- this.isOpen_ = false;
- }
- this.adapter_.registerDrawerInteractionHandler('click', this.drawerClickHandler_);
- this.adapter_.registerDrawerInteractionHandler('touchstart', this.componentTouchStartHandler_);
- this.adapter_.registerInteractionHandler('touchmove', this.componentTouchMoveHandler_);
- this.adapter_.registerInteractionHandler('touchend', this.componentTouchEndHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterDrawerInteractionHandler('click', this.drawerClickHandler_);
- this.adapter_.deregisterDrawerInteractionHandler('touchstart', this.componentTouchStartHandler_);
- this.adapter_.deregisterInteractionHandler('touchmove', this.componentTouchMoveHandler_);
- this.adapter_.deregisterInteractionHandler('touchend', this.componentTouchEndHandler_);
- // Deregister the document keydown handler just in case the component is destroyed while the menu is open.
- this.adapter_.deregisterDocumentKeydownHandler(this.documentKeydownHandler_);
- }
- }, {
- key: 'open',
- value: function open() {
- this.adapter_.registerTransitionEndHandler(this.transitionEndHandler_);
- this.adapter_.registerDocumentKeydownHandler(this.documentKeydownHandler_);
- this.adapter_.addClass(this.animatingCssClass_);
- this.adapter_.addClass(this.openCssClass_);
- this.retabinate_();
- // Debounce multiple calls
- if (!this.isOpen_) {
- this.adapter_.notifyOpen();
- }
- this.isOpen_ = true;
- }
- }, {
- key: 'close',
- value: function close() {
- this.adapter_.deregisterDocumentKeydownHandler(this.documentKeydownHandler_);
- this.adapter_.registerTransitionEndHandler(this.transitionEndHandler_);
- this.adapter_.addClass(this.animatingCssClass_);
- this.adapter_.removeClass(this.openCssClass_);
- this.detabinate_();
- // Debounce multiple calls
- if (this.isOpen_) {
- this.adapter_.notifyClose();
- }
- this.isOpen_ = false;
- }
- }, {
- key: 'isOpen',
- value: function isOpen() {
- return this.isOpen_;
- }
- /**
- * Render all children of the drawer inert when it's closed.
- */
- }, {
- key: 'detabinate_',
- value: function detabinate_() {
- if (this.inert_) {
- return;
- }
- var elements = this.adapter_.getFocusableElements();
- if (elements) {
- for (var i = 0; i < elements.length; i++) {
- this.adapter_.saveElementTabState(elements[i]);
- this.adapter_.makeElementUntabbable(elements[i]);
- }
- }
- this.inert_ = true;
- }
- /**
- * Make all children of the drawer tabbable again when it's open.
- */
- }, {
- key: 'retabinate_',
- value: function retabinate_() {
- if (!this.inert_) {
- return;
- }
- var elements = this.adapter_.getFocusableElements();
- if (elements) {
- for (var i = 0; i < elements.length; i++) {
- this.adapter_.restoreElementTabState(elements[i]);
- }
- }
- this.inert_ = false;
- }
- }, {
- key: 'handleTouchStart_',
- value: function handleTouchStart_(evt) {
- if (!this.adapter_.hasClass(this.openCssClass_)) {
- return;
- }
- if (evt.pointerType && evt.pointerType !== 'touch') {
- return;
- }
- this.direction_ = this.adapter_.isRtl() ? -1 : 1;
- this.drawerWidth_ = this.adapter_.getDrawerWidth();
- this.startX_ = evt.touches ? evt.touches[0].pageX : evt.pageX;
- this.currentX_ = this.startX_;
- this.updateRaf_ = requestAnimationFrame(this.updateDrawer_.bind(this));
- }
- }, {
- key: 'handleTouchMove_',
- value: function handleTouchMove_(evt) {
- if (evt.pointerType && evt.pointerType !== 'touch') {
- return;
- }
- this.currentX_ = evt.touches ? evt.touches[0].pageX : evt.pageX;
- }
- }, {
- key: 'handleTouchEnd_',
- value: function handleTouchEnd_(evt) {
- if (evt.pointerType && evt.pointerType !== 'touch') {
- return;
- }
- this.prepareForTouchEnd_();
- // Did the user close the drawer by more than 50%?
- if (Math.abs(this.newPosition_ / this.drawerWidth_) >= 0.5) {
- this.close();
- } else {
- // Triggering an open here means we'll get a nice animation back to the fully open state.
- this.open();
- }
- }
- }, {
- key: 'prepareForTouchEnd_',
- value: function prepareForTouchEnd_() {
- cancelAnimationFrame(this.updateRaf_);
- this.adapter_.setTranslateX(null);
- }
- }, {
- key: 'updateDrawer_',
- value: function updateDrawer_() {
- this.updateRaf_ = requestAnimationFrame(this.updateDrawer_.bind(this));
- this.adapter_.setTranslateX(this.newPosition_);
- }
- }, {
- key: 'isRootTransitioningEventTarget_',
- value: function isRootTransitioningEventTarget_() {
- // Classes extending MDCSlidableDrawerFoundation should implement this method to return true or false
- // if the event target is the root event target currently transitioning.
- return false;
- }
- }, {
- key: 'handleTransitionEnd_',
- value: function handleTransitionEnd_(evt) {
- if (this.isRootTransitioningEventTarget_(evt.target)) {
- this.adapter_.removeClass(this.animatingCssClass_);
- this.adapter_.deregisterTransitionEndHandler(this.transitionEndHandler_);
- }
- }
- }, {
- key: 'newPosition_',
- get: function get() {
- var newPos = null;
- if (this.direction_ === 1) {
- newPos = Math.min(0, this.currentX_ - this.startX_);
- } else {
- newPos = Math.max(0, this.currentX_ - this.startX_);
- }
- return newPos;
- }
- }]);
- return MDCSlidableDrawerFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
- /***/ }),
- /* 36 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(6);
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- ROOT: 'mdc-temporary-drawer',
- OPEN: 'mdc-temporary-drawer--open',
- ANIMATING: 'mdc-temporary-drawer--animating',
- SCROLL_LOCK: 'mdc-drawer-scroll-lock'
- };
- var strings = {
- DRAWER_SELECTOR: '.mdc-temporary-drawer__drawer',
- OPACITY_VAR_NAME: '--mdc-temporary-drawer-opacity',
- FOCUSABLE_ELEMENTS: __WEBPACK_IMPORTED_MODULE_0__slidable__["a" /* FOCUSABLE_ELEMENTS */],
- OPEN_EVENT: 'MDCTemporaryDrawer:open',
- CLOSE_EVENT: 'MDCTemporaryDrawer:close'
- };
- /***/ }),
- /* 37 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCPersistentDrawer; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(38);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(9);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- /* unused harmony reexport util */
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCPersistentDrawer = function (_MDCComponent) {
- _inherits(MDCPersistentDrawer, _MDCComponent);
- function MDCPersistentDrawer() {
- _classCallCheck(this, MDCPersistentDrawer);
- return _possibleConstructorReturn(this, (MDCPersistentDrawer.__proto__ || Object.getPrototypeOf(MDCPersistentDrawer)).apply(this, arguments));
- }
- _createClass(MDCPersistentDrawer, [{
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- var FOCUSABLE_ELEMENTS = __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.FOCUSABLE_ELEMENTS;
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- hasClass: function hasClass(className) {
- return _this2.root_.classList.contains(className);
- },
- hasNecessaryDom: function hasNecessaryDom() {
- return Boolean(_this2.drawer);
- },
- registerInteractionHandler: function registerInteractionHandler(evt, handler) {
- return _this2.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(evt, handler) {
- return _this2.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
- },
- registerDrawerInteractionHandler: function registerDrawerInteractionHandler(evt, handler) {
- return _this2.drawer.addEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler);
- },
- deregisterDrawerInteractionHandler: function deregisterDrawerInteractionHandler(evt, handler) {
- return _this2.drawer.removeEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler);
- },
- registerTransitionEndHandler: function registerTransitionEndHandler(handler) {
- return _this2.root_.addEventListener('transitionend', handler);
- },
- deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
- return _this2.root_.removeEventListener('transitionend', handler);
- },
- registerDocumentKeydownHandler: function registerDocumentKeydownHandler(handler) {
- return document.addEventListener('keydown', handler);
- },
- deregisterDocumentKeydownHandler: function deregisterDocumentKeydownHandler(handler) {
- return document.removeEventListener('keydown', handler);
- },
- getDrawerWidth: function getDrawerWidth() {
- return _this2.drawer.offsetWidth;
- },
- setTranslateX: function setTranslateX(value) {
- return _this2.drawer.style.setProperty(__WEBPACK_IMPORTED_MODULE_2__util__["getTransformPropertyName"](), value === null ? null : 'translateX(' + value + 'px)');
- },
- getFocusableElements: function getFocusableElements() {
- return _this2.drawer.querySelectorAll(FOCUSABLE_ELEMENTS);
- },
- saveElementTabState: function saveElementTabState(el) {
- return __WEBPACK_IMPORTED_MODULE_2__util__["saveElementTabState"](el);
- },
- restoreElementTabState: function restoreElementTabState(el) {
- return __WEBPACK_IMPORTED_MODULE_2__util__["restoreElementTabState"](el);
- },
- makeElementUntabbable: function makeElementUntabbable(el) {
- return el.setAttribute('tabindex', -1);
- },
- notifyOpen: function notifyOpen() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.OPEN_EVENT);
- },
- notifyClose: function notifyClose() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CLOSE_EVENT);
- },
- isRtl: function isRtl() {
- return getComputedStyle(_this2.root_).getPropertyValue('direction') === 'rtl';
- },
- isDrawer: function isDrawer(el) {
- return el === _this2.drawer;
- }
- });
- }
- }, {
- key: 'open',
- get: function get() {
- return this.foundation_.isOpen();
- },
- set: function set(value) {
- if (value) {
- this.foundation_.open();
- } else {
- this.foundation_.close();
- }
- }
- // Return the drawer element inside the component.
- }, {
- key: 'drawer',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.DRAWER_SELECTOR);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCPersistentDrawer(root);
- }
- }]);
- return MDCPersistentDrawer;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
- /***/ }),
- /* 38 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(39);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCPersistentDrawerFoundation = function (_MDCSlidableDrawerFou) {
- _inherits(MDCPersistentDrawerFoundation, _MDCSlidableDrawerFou);
- _createClass(MDCPersistentDrawerFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return _extends(__WEBPACK_IMPORTED_MODULE_0__slidable__["b" /* MDCSlidableDrawerFoundation */].defaultAdapter, {
- isDrawer: function isDrawer() {
- return false;
- }
- });
- }
- }]);
- function MDCPersistentDrawerFoundation(adapter) {
- _classCallCheck(this, MDCPersistentDrawerFoundation);
- return _possibleConstructorReturn(this, (MDCPersistentDrawerFoundation.__proto__ || Object.getPrototypeOf(MDCPersistentDrawerFoundation)).call(this, _extends(MDCPersistentDrawerFoundation.defaultAdapter, adapter), MDCPersistentDrawerFoundation.cssClasses.ROOT, MDCPersistentDrawerFoundation.cssClasses.ANIMATING, MDCPersistentDrawerFoundation.cssClasses.OPEN));
- }
- _createClass(MDCPersistentDrawerFoundation, [{
- key: 'isRootTransitioningEventTarget_',
- value: function isRootTransitioningEventTarget_(el) {
- return this.adapter_.isDrawer(el);
- }
- }]);
- return MDCPersistentDrawerFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__slidable__["b" /* MDCSlidableDrawerFoundation */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCPersistentDrawerFoundation);
- /***/ }),
- /* 39 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(6);
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- ROOT: 'mdc-persistent-drawer',
- OPEN: 'mdc-persistent-drawer--open',
- ANIMATING: 'mdc-persistent-drawer--animating'
- };
- var strings = {
- DRAWER_SELECTOR: '.mdc-persistent-drawer__drawer',
- FOCUSABLE_ELEMENTS: __WEBPACK_IMPORTED_MODULE_0__slidable__["a" /* FOCUSABLE_ELEMENTS */],
- OPEN_EVENT: 'MDCPersistentDrawer:open',
- CLOSE_EVENT: 'MDCPersistentDrawer:close'
- };
- /***/ }),
- /* 40 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFormField", function() { return MDCFormField; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(41);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFormFieldFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCFormField = function (_MDCComponent) {
- _inherits(MDCFormField, _MDCComponent);
- function MDCFormField() {
- _classCallCheck(this, MDCFormField);
- return _possibleConstructorReturn(this, (MDCFormField.__proto__ || Object.getPrototypeOf(MDCFormField)).apply(this, arguments));
- }
- _createClass(MDCFormField, [{
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this2.label_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this2.label_.removeEventListener(type, handler);
- },
- activateInputRipple: function activateInputRipple() {
- if (_this2.input_ && _this2.input_.ripple) {
- _this2.input_.ripple.activate();
- }
- },
- deactivateInputRipple: function deactivateInputRipple() {
- if (_this2.input_ && _this2.input_.ripple) {
- _this2.input_.ripple.deactivate();
- }
- }
- });
- }
- }, {
- key: 'input',
- set: function set(input) {
- this.input_ = input;
- },
- get: function get() {
- return this.input_;
- }
- }, {
- key: 'label_',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.LABEL_SELECTOR);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCFormField(root);
- }
- }]);
- return MDCFormField;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
- /***/ }),
- /* 41 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(42);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCFormFieldFoundation = function (_MDCFoundation) {
- _inherits(MDCFormFieldFoundation, _MDCFoundation);
- _createClass(MDCFormFieldFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- registerInteractionHandler: function registerInteractionHandler() /* type: string, handler: EventListener */{},
- deregisterInteractionHandler: function deregisterInteractionHandler() /* type: string, handler: EventListener */{},
- activateInputRipple: function activateInputRipple() {},
- deactivateInputRipple: function deactivateInputRipple() {}
- };
- }
- }]);
- function MDCFormFieldFoundation(adapter) {
- _classCallCheck(this, MDCFormFieldFoundation);
- var _this = _possibleConstructorReturn(this, (MDCFormFieldFoundation.__proto__ || Object.getPrototypeOf(MDCFormFieldFoundation)).call(this, _extends(MDCFormFieldFoundation.defaultAdapter, adapter)));
- _this.clickHandler_ = function (evt) {
- return _this.handleClick_(evt);
- };
- return _this;
- }
- _createClass(MDCFormFieldFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.registerInteractionHandler('click', this.clickHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterInteractionHandler('click', this.clickHandler_);
- }
- }, {
- key: 'handleClick_',
- value: function handleClick_() {
- var _this2 = this;
- this.adapter_.activateInputRipple();
- requestAnimationFrame(function () {
- return _this2.adapter_.deactivateInputRipple();
- });
- }
- }]);
- return MDCFormFieldFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCFormFieldFoundation);
- /***/ }),
- /* 42 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- ROOT: 'mdc-form-field'
- };
- var strings = {
- LABEL_SELECTOR: '.mdc-form-field > label'
- };
- /***/ }),
- /* 43 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCGridList", function() { return MDCGridList; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(44);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCGridListFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCGridList = function (_MDCComponent) {
- _inherits(MDCGridList, _MDCComponent);
- function MDCGridList() {
- _classCallCheck(this, MDCGridList);
- return _possibleConstructorReturn(this, (MDCGridList.__proto__ || Object.getPrototypeOf(MDCGridList)).apply(this, arguments));
- }
- _createClass(MDCGridList, [{
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
- getOffsetWidth: function getOffsetWidth() {
- return _this2.root_.offsetWidth;
- },
- getNumberOfTiles: function getNumberOfTiles() {
- return _this2.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.TILE_SELECTOR).length;
- },
- getOffsetWidthForTileAtIndex: function getOffsetWidthForTileAtIndex(index) {
- return _this2.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.TILE_SELECTOR)[index].offsetWidth;
- },
- setStyleForTilesElement: function setStyleForTilesElement(property, value) {
- _this2.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.TILES_SELECTOR).style[property] = value;
- },
- registerResizeHandler: function registerResizeHandler(handler) {
- return window.addEventListener('resize', handler);
- },
- deregisterResizeHandler: function deregisterResizeHandler(handler) {
- return window.removeEventListener('resize', handler);
- }
- });
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCGridList(root);
- }
- }]);
- return MDCGridList;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
- /***/ }),
- /* 44 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(45);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCGridListFoundation = function (_MDCFoundation) {
- _inherits(MDCGridListFoundation, _MDCFoundation);
- _createClass(MDCGridListFoundation, null, [{
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- getOffsetWidth: function getOffsetWidth() {
- return (/* number */0
- );
- },
- getNumberOfTiles: function getNumberOfTiles() {
- return (/* number */0
- );
- },
- getOffsetWidthForTileAtIndex: function getOffsetWidthForTileAtIndex() {
- return (/* index: number */ /* number */0
- );
- },
- setStyleForTilesElement: function setStyleForTilesElement() /* property: string, value: string */{},
- registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
- deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{}
- };
- }
- }]);
- function MDCGridListFoundation(adapter) {
- _classCallCheck(this, MDCGridListFoundation);
- var _this = _possibleConstructorReturn(this, (MDCGridListFoundation.__proto__ || Object.getPrototypeOf(MDCGridListFoundation)).call(this, _extends(MDCGridListFoundation.defaultAdapter, adapter)));
- _this.resizeHandler_ = function () {
- return _this.alignCenter();
- };
- _this.resizeFrame_ = 0;
- return _this;
- }
- _createClass(MDCGridListFoundation, [{
- key: 'init',
- value: function init() {
- this.alignCenter();
- this.adapter_.registerResizeHandler(this.resizeHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterResizeHandler(this.resizeHandler_);
- }
- }, {
- key: 'alignCenter',
- value: function alignCenter() {
- var _this2 = this;
- if (this.resizeFrame_ !== 0) {
- cancelAnimationFrame(this.resizeFrame_);
- }
- this.resizeFrame_ = requestAnimationFrame(function () {
- _this2.alignCenter_();
- _this2.resizeFrame_ = 0;
- });
- }
- }, {
- key: 'alignCenter_',
- value: function alignCenter_() {
- if (this.adapter_.getNumberOfTiles() == 0) {
- return;
- }
- var gridWidth = this.adapter_.getOffsetWidth();
- var itemWidth = this.adapter_.getOffsetWidthForTileAtIndex(0);
- var tilesWidth = itemWidth * Math.floor(gridWidth / itemWidth);
- this.adapter_.setStyleForTilesElement('width', tilesWidth + 'px');
- }
- }]);
- return MDCGridListFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCGridListFoundation);
- /***/ }),
- /* 45 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return strings; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var strings = {
- TILES_SELECTOR: '.mdc-grid-list__tiles',
- TILE_SELECTOR: '.mdc-grid-tile'
- };
- /***/ }),
- /* 46 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCIconToggle", function() { return MDCIconToggle; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(47);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_adapter__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_ripple__ = __webpack_require__(4);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCIconToggleFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCComponent<!MDCIconToggleFoundation>}
- */
- var MDCIconToggle = function (_MDCComponent) {
- _inherits(MDCIconToggle, _MDCComponent);
- _createClass(MDCIconToggle, null, [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCIconToggle(root);
- }
- }]);
- function MDCIconToggle() {
- var _ref;
- _classCallCheck(this, MDCIconToggle);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!MDCRipple} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCIconToggle.__proto__ || Object.getPrototypeOf(MDCIconToggle)).call.apply(_ref, [this].concat(args)));
- _this.ripple_ = _this.initRipple_();
- return _this;
- }
- /** @return {!Element} */
- _createClass(MDCIconToggle, [{
- key: 'initRipple_',
- /**
- * @return {!MDCRipple}
- * @private
- */
- value: function initRipple_() {
- var _this2 = this;
- var adapter = _extends(__WEBPACK_IMPORTED_MODULE_3__material_ripple__["MDCRipple"].createAdapter(this), {
- isUnbounded: function isUnbounded() {
- return true;
- },
- isSurfaceActive: function isSurfaceActive() {
- return _this2.foundation_.isKeyboardActivated();
- },
- computeBoundingRect: function computeBoundingRect() {
- var dim = 48;
- var _root_$getBoundingCli = _this2.root_.getBoundingClientRect(),
- left = _root_$getBoundingCli.left,
- top = _root_$getBoundingCli.top;
- return {
- left: left,
- top: top,
- width: dim,
- height: dim,
- right: left + dim,
- bottom: left + dim
- };
- }
- });
- var foundation = new __WEBPACK_IMPORTED_MODULE_3__material_ripple__["MDCRippleFoundation"](adapter);
- return new __WEBPACK_IMPORTED_MODULE_3__material_ripple__["MDCRipple"](this.root_, foundation);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.ripple_.destroy();
- _get(MDCIconToggle.prototype.__proto__ || Object.getPrototypeOf(MDCIconToggle.prototype), 'destroy', this).call(this);
- }
- /** @return {!MDCIconToggleFoundation} */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this3 = this;
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this3.iconEl_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this3.iconEl_.classList.remove(className);
- },
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this3.root_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this3.root_.removeEventListener(type, handler);
- },
- setText: function setText(text) {
- return _this3.iconEl_.textContent = text;
- },
- getTabIndex: function getTabIndex() {
- return (/* number */_this3.root_.tabIndex
- );
- },
- setTabIndex: function setTabIndex(tabIndex) {
- return _this3.root_.tabIndex = tabIndex;
- },
- getAttr: function getAttr(name, value) {
- return _this3.root_.getAttribute(name, value);
- },
- setAttr: function setAttr(name, value) {
- return _this3.root_.setAttribute(name, value);
- },
- rmAttr: function rmAttr(name) {
- return _this3.root_.removeAttribute(name);
- },
- notifyChange: function notifyChange(evtData) {
- return _this3.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CHANGE_EVENT, evtData);
- }
- });
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- this.on = this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.ARIA_PRESSED) === 'true';
- this.disabled = this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.ARIA_DISABLED) === 'true';
- }
- /** @return {boolean} */
- }, {
- key: 'refreshToggleData',
- value: function refreshToggleData() {
- this.foundation_.refreshToggleData();
- }
- }, {
- key: 'iconEl_',
- get: function get() {
- var sel = this.root_.dataset['iconInnerSelector'];
- return sel ?
- /** @type {!Element} */this.root_.querySelector(sel) : this.root_;
- }
- }, {
- key: 'on',
- get: function get() {
- return this.foundation_.isOn();
- }
- /** @param {boolean} isOn */
- ,
- set: function set(isOn) {
- this.foundation_.toggle(isOn);
- }
- /** @return {boolean} */
- }, {
- key: 'disabled',
- get: function get() {
- return this.foundation_.isDisabled();
- }
- /** @param {boolean} isDisabled */
- ,
- set: function set(isDisabled) {
- this.foundation_.setDisabled(isDisabled);
- }
- }]);
- return MDCIconToggle;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 47 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* unused harmony export KeyboardKey */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(48);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(49);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint-disable no-unused-vars */
- /**
- * @extends {MDCFoundation<!MDCIconToggleAdapter>}
- */
- var MDCIconToggleFoundation = function (_MDCFoundation) {
- _inherits(MDCIconToggleFoundation, _MDCFoundation);
- _createClass(MDCIconToggleFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- registerInteractionHandler: function registerInteractionHandler() /* type: string, handler: EventListener */{},
- deregisterInteractionHandler: function deregisterInteractionHandler() /* type: string, handler: EventListener */{},
- setText: function setText() /* text: string */{},
- getTabIndex: function getTabIndex() {
- return (/* number */0
- );
- },
- setTabIndex: function setTabIndex() /* tabIndex: number */{},
- getAttr: function getAttr() {
- return (/* name: string */ /* string */''
- );
- },
- setAttr: function setAttr() /* name: string, value: string */{},
- rmAttr: function rmAttr() /* name: string */{},
- notifyChange: function notifyChange() /* evtData: IconToggleEvent */{}
- };
- }
- }]);
- function MDCIconToggleFoundation(adapter) {
- _classCallCheck(this, MDCIconToggleFoundation);
- /** @private {boolean} */
- var _this = _possibleConstructorReturn(this, (MDCIconToggleFoundation.__proto__ || Object.getPrototypeOf(MDCIconToggleFoundation)).call(this, _extends(MDCIconToggleFoundation.defaultAdapter, adapter)));
- _this.on_ = false;
- /** @private {boolean} */
- _this.disabled_ = false;
- /** @private {number} */
- _this.savedTabIndex_ = -1;
- /** @private {?IconToggleState} */
- _this.toggleOnData_ = null;
- /** @private {?IconToggleState} */
- _this.toggleOffData_ = null;
- _this.clickHandler_ = /** @private {!EventListener} */function () {
- return _this.toggleFromEvt_();
- };
- /** @private {boolean} */
- _this.isHandlingKeydown_ = false;
- _this.keydownHandler_ = /** @private {!EventListener} */function ( /** @type {!KeyboardKey} */evt) {
- if (isSpace(evt)) {
- _this.isHandlingKeydown_ = true;
- return evt.preventDefault();
- }
- };
- _this.keyupHandler_ = /** @private {!EventListener} */function ( /** @type {!KeyboardKey} */evt) {
- if (isSpace(evt)) {
- _this.isHandlingKeydown_ = false;
- _this.toggleFromEvt_();
- }
- };
- return _this;
- }
- _createClass(MDCIconToggleFoundation, [{
- key: 'init',
- value: function init() {
- this.refreshToggleData();
- this.adapter_.registerInteractionHandler('click', this.clickHandler_);
- this.adapter_.registerInteractionHandler('keydown', this.keydownHandler_);
- this.adapter_.registerInteractionHandler('keyup', this.keyupHandler_);
- }
- }, {
- key: 'refreshToggleData',
- value: function refreshToggleData() {
- var _MDCIconToggleFoundat = MDCIconToggleFoundation.strings,
- DATA_TOGGLE_ON = _MDCIconToggleFoundat.DATA_TOGGLE_ON,
- DATA_TOGGLE_OFF = _MDCIconToggleFoundat.DATA_TOGGLE_OFF;
- this.toggleOnData_ = this.parseJsonDataAttr_(DATA_TOGGLE_ON);
- this.toggleOffData_ = this.parseJsonDataAttr_(DATA_TOGGLE_OFF);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterInteractionHandler('click', this.clickHandler_);
- this.adapter_.deregisterInteractionHandler('keydown', this.keydownHandler_);
- this.adapter_.deregisterInteractionHandler('keyup', this.keyupHandler_);
- }
- /** @private */
- }, {
- key: 'toggleFromEvt_',
- value: function toggleFromEvt_() {
- this.toggle();
- var isOn = this.on_;
- this.adapter_.notifyChange( /** @type {!IconToggleEvent} */{ isOn: isOn });
- }
- /** @return {boolean} */
- }, {
- key: 'isOn',
- value: function isOn() {
- return this.on_;
- }
- /** @param {boolean=} isOn */
- }, {
- key: 'toggle',
- value: function toggle() {
- var isOn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !this.on_;
- this.on_ = isOn;
- var _MDCIconToggleFoundat2 = MDCIconToggleFoundation.strings,
- ARIA_LABEL = _MDCIconToggleFoundat2.ARIA_LABEL,
- ARIA_PRESSED = _MDCIconToggleFoundat2.ARIA_PRESSED;
- if (this.on_) {
- this.adapter_.setAttr(ARIA_PRESSED, 'true');
- } else {
- this.adapter_.setAttr(ARIA_PRESSED, 'false');
- }
- var _ref = this.on_ ? this.toggleOffData_ : this.toggleOnData_,
- classToRemove = _ref.cssClass;
- if (classToRemove) {
- this.adapter_.removeClass(classToRemove);
- }
- var _ref2 = this.on_ ? this.toggleOnData_ : this.toggleOffData_,
- content = _ref2.content,
- label = _ref2.label,
- cssClass = _ref2.cssClass;
- if (cssClass) {
- this.adapter_.addClass(cssClass);
- }
- if (content) {
- this.adapter_.setText(content);
- }
- if (label) {
- this.adapter_.setAttr(ARIA_LABEL, label);
- }
- }
- /**
- * @param {string} dataAttr
- * @return {!IconToggleState}
- */
- }, {
- key: 'parseJsonDataAttr_',
- value: function parseJsonDataAttr_(dataAttr) {
- var val = this.adapter_.getAttr(dataAttr);
- if (!val) {
- return {};
- }
- return (/** @type {!IconToggleState} */JSON.parse(val)
- );
- }
- /** @return {boolean} */
- }, {
- key: 'isDisabled',
- value: function isDisabled() {
- return this.disabled_;
- }
- /** @param {boolean} isDisabled */
- }, {
- key: 'setDisabled',
- value: function setDisabled(isDisabled) {
- this.disabled_ = isDisabled;
- var DISABLED = MDCIconToggleFoundation.cssClasses.DISABLED;
- var ARIA_DISABLED = MDCIconToggleFoundation.strings.ARIA_DISABLED;
- if (this.disabled_) {
- this.savedTabIndex_ = this.adapter_.getTabIndex();
- this.adapter_.setTabIndex(-1);
- this.adapter_.setAttr(ARIA_DISABLED, 'true');
- this.adapter_.addClass(DISABLED);
- } else {
- this.adapter_.setTabIndex(this.savedTabIndex_);
- this.adapter_.rmAttr(ARIA_DISABLED);
- this.adapter_.removeClass(DISABLED);
- }
- }
- /** @return {boolean} */
- }, {
- key: 'isKeyboardActivated',
- value: function isKeyboardActivated() {
- return this.isHandlingKeydown_;
- }
- }]);
- return MDCIconToggleFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /**
- * @typedef {!{
- * key: string,
- * keyCode: number
- * }}
- */
- /* harmony default export */ __webpack_exports__["a"] = (MDCIconToggleFoundation);
- var KeyboardKey = void 0;
- /**
- * @param {!KeyboardKey} keyboardKey
- * @return {boolean}
- */
- function isSpace(keyboardKey) {
- return keyboardKey.key === 'Space' || keyboardKey.keyCode === 32;
- }
- /** @record */
- var IconToggleState = function IconToggleState() {
- _classCallCheck(this, IconToggleState);
- };
- /**
- * The aria-label value of the icon toggle, or undefined if there is no aria-label.
- * @export {string|undefined}
- */
- IconToggleState.prototype.label;
- /**
- * The text for the icon toggle, or undefined if there is no text.
- * @export {string|undefined}
- */
- IconToggleState.prototype.content;
- /**
- * The CSS class to add to the icon toggle, or undefined if there is no CSS class.
- * @export {string|undefined}
- */
- IconToggleState.prototype.cssClass;
- /***/ }),
- /* 48 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* unused harmony export IconToggleEvent */
- 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"); } }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Icon Toggle. Provides an interface for managing
- * - classes
- * - dom
- * - inner text
- * - event handlers
- * - event dispatch
- *
- * Additionally, provides type information for the adapter to the Closure
- * compiler.
- *
- * Implement this adapter for your framework of choice to delegate updates to
- * the component in your framework of choice. See architecture documentation
- * for more details.
- * https://github.com/material-components/material-components-web/blob/master/docs/architecture.md
- *
- * @record
- */
- var MDCIconToggleAdapter = function () {
- function MDCIconToggleAdapter() {
- _classCallCheck(this, MDCIconToggleAdapter);
- }
- _createClass(MDCIconToggleAdapter, [{
- key: "addClass",
- /** @param {string} className */
- value: function addClass(className) {}
- /** @param {string} className */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * @param {string} type
- * @param {!EventListener} handler
- */
- }, {
- key: "registerInteractionHandler",
- value: function registerInteractionHandler(type, handler) {}
- /**
- * @param {string} type
- * @param {!EventListener} handler
- */
- }, {
- key: "deregisterInteractionHandler",
- value: function deregisterInteractionHandler(type, handler) {}
- /** @param {string} text */
- }, {
- key: "setText",
- value: function setText(text) {}
- /** @return {number} */
- }, {
- key: "getTabIndex",
- value: function getTabIndex() {}
- /** @param {number} tabIndex */
- }, {
- key: "setTabIndex",
- value: function setTabIndex(tabIndex) {}
- /**
- * @param {string} name
- * @return {string}
- */
- }, {
- key: "getAttr",
- value: function getAttr(name) {}
- /**
- * @param {string} name
- * @param {string} value
- */
- }, {
- key: "setAttr",
- value: function setAttr(name, value) {}
- /** @param {string} name */
- }, {
- key: "rmAttr",
- value: function rmAttr(name) {}
- /** @param {!IconToggleEvent} evtData */
- }, {
- key: "notifyChange",
- value: function notifyChange(evtData) {}
- }]);
- return MDCIconToggleAdapter;
- }();
- /**
- * @typedef {!{
- * isOn: boolean,
- * }}
- */
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCIconToggleAdapter);
- var IconToggleEvent = void 0;
- /***/ }),
- /* 49 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-icon-toggle',
- DISABLED: 'mdc-icon-toggle--disabled'
- };
- /** @enum {string} */
- var strings = {
- DATA_TOGGLE_ON: 'data-toggle-on',
- DATA_TOGGLE_OFF: 'data-toggle-off',
- ARIA_PRESSED: 'aria-pressed',
- ARIA_DISABLED: 'aria-disabled',
- ARIA_LABEL: 'aria-label',
- CHANGE_EVENT: 'MDCIconToggle:change'
- };
- /***/ }),
- /* 50 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCLinearProgress", function() { return MDCLinearProgress; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(51);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCLinearProgressFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCLinearProgress = function (_MDCComponent) {
- _inherits(MDCLinearProgress, _MDCComponent);
- function MDCLinearProgress() {
- _classCallCheck(this, MDCLinearProgress);
- return _possibleConstructorReturn(this, (MDCLinearProgress.__proto__ || Object.getPrototypeOf(MDCLinearProgress)).apply(this, arguments));
- }
- _createClass(MDCLinearProgress, [{
- key: 'open',
- value: function open() {
- this.foundation_.open();
- }
- }, {
- key: 'close',
- value: function close() {
- this.foundation_.close();
- }
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- getPrimaryBar: function getPrimaryBar() {
- return _this2.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.PRIMARY_BAR_SELECTOR);
- },
- getBuffer: function getBuffer() {
- return _this2.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.BUFFER_SELECTOR);
- },
- hasClass: function hasClass(className) {
- return _this2.root_.classList.contains(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- setStyle: function setStyle(el, styleProperty, value) {
- return el.style[styleProperty] = value;
- }
- });
- }
- }, {
- key: 'determinate',
- set: function set(value) {
- this.foundation_.setDeterminate(value);
- }
- }, {
- key: 'progress',
- set: function set(value) {
- this.foundation_.setProgress(value);
- }
- }, {
- key: 'buffer',
- set: function set(value) {
- this.foundation_.setBuffer(value);
- }
- }, {
- key: 'reverse',
- set: function set(value) {
- this.foundation_.setReverse(value);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCLinearProgress(root);
- }
- }]);
- return MDCLinearProgress;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
- /***/ }),
- /* 51 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_animation__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(52);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCLinearProgressFoundation = function (_MDCFoundation) {
- _inherits(MDCLinearProgressFoundation, _MDCFoundation);
- _createClass(MDCLinearProgressFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- addClass: function addClass() /* className: string */{},
- getPrimaryBar: function getPrimaryBar() /* el: Element */{},
- getBuffer: function getBuffer() /* el: Element */{},
- hasClass: function hasClass() {
- return (/* className: string */false
- );
- },
- removeClass: function removeClass() /* className: string */{},
- setStyle: function setStyle() /* el: Element, styleProperty: string, value: number */{}
- };
- }
- }]);
- function MDCLinearProgressFoundation(adapter) {
- _classCallCheck(this, MDCLinearProgressFoundation);
- return _possibleConstructorReturn(this, (MDCLinearProgressFoundation.__proto__ || Object.getPrototypeOf(MDCLinearProgressFoundation)).call(this, _extends(MDCLinearProgressFoundation.defaultAdapter, adapter)));
- }
- _createClass(MDCLinearProgressFoundation, [{
- key: 'init',
- value: function init() {
- this.determinate_ = !this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].INDETERMINATE_CLASS);
- this.reverse_ = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].REVERSED_CLASS);
- }
- }, {
- key: 'setDeterminate',
- value: function setDeterminate(isDeterminate) {
- this.determinate_ = isDeterminate;
- if (this.determinate_) {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].INDETERMINATE_CLASS);
- } else {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].INDETERMINATE_CLASS);
- this.setScale_(this.adapter_.getPrimaryBar(), 1);
- this.setScale_(this.adapter_.getBuffer(), 1);
- }
- }
- }, {
- key: 'setProgress',
- value: function setProgress(value) {
- if (this.determinate_) {
- this.setScale_(this.adapter_.getPrimaryBar(), value);
- }
- }
- }, {
- key: 'setBuffer',
- value: function setBuffer(value) {
- if (this.determinate_) {
- this.setScale_(this.adapter_.getBuffer(), value);
- }
- }
- }, {
- key: 'setReverse',
- value: function setReverse(isReversed) {
- this.reverse_ = isReversed;
- if (this.reverse_) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].REVERSED_CLASS);
- } else {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].REVERSED_CLASS);
- }
- }
- }, {
- key: 'open',
- value: function open() {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSED_CLASS);
- }
- }, {
- key: 'close',
- value: function close() {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSED_CLASS);
- }
- }, {
- key: 'setScale_',
- value: function setScale_(el, scaleValue) {
- var _this2 = this;
- var value = 'scaleX(' + scaleValue + ')';
- __WEBPACK_IMPORTED_MODULE_1__material_animation__["c" /* transformStyleProperties */].forEach(function (transformStyleProperty) {
- _this2.adapter_.setStyle(el, transformStyleProperty, value);
- });
- }
- }]);
- return MDCLinearProgressFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCLinearProgressFoundation);
- /***/ }),
- /* 52 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- CLOSED_CLASS: 'mdc-linear-progress--closed',
- INDETERMINATE_CLASS: 'mdc-linear-progress--indeterminate',
- REVERSED_CLASS: 'mdc-linear-progress--reversed'
- };
- var strings = {
- PRIMARY_BAR_SELECTOR: '.mdc-linear-progress__primary-bar',
- BUFFER_SELECTOR: '.mdc-linear-progress__buffer'
- };
- /***/ }),
- /* 53 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCSimpleMenu; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(54);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(11);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /**
- * @extends MDCComponent<!MDCSimpleMenuFoundation>
- */
- var MDCSimpleMenu = function (_MDCComponent) {
- _inherits(MDCSimpleMenu, _MDCComponent);
- /** @param {...?} args */
- function MDCSimpleMenu() {
- var _ref;
- _classCallCheck(this, MDCSimpleMenu);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!Element} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCSimpleMenu.__proto__ || Object.getPrototypeOf(MDCSimpleMenu)).call.apply(_ref, [this].concat(args)));
- _this.previousFocus_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @return {!MDCSimpleMenu}
- */
- _createClass(MDCSimpleMenu, [{
- key: 'show',
- /** @param {{focusIndex: ?number}=} options */
- value: function show() {
- var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
- _ref2$focusIndex = _ref2.focusIndex,
- focusIndex = _ref2$focusIndex === undefined ? null : _ref2$focusIndex;
- this.foundation_.open({ focusIndex: focusIndex });
- }
- }, {
- key: 'hide',
- value: function hide() {
- this.foundation_.close();
- }
- /**
- * Return the item container element inside the component.
- * @return {?Element}
- */
- }, {
- key: 'getDefaultFoundation',
- /** @return {!MDCSimpleMenuFoundation} */
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- hasClass: function hasClass(className) {
- return _this2.root_.classList.contains(className);
- },
- hasNecessaryDom: function hasNecessaryDom() {
- return Boolean(_this2.itemsContainer_);
- },
- getAttributeForEventTarget: function getAttributeForEventTarget(target, attributeName) {
- return target.getAttribute(attributeName);
- },
- getInnerDimensions: function getInnerDimensions() {
- var itemsContainer = _this2.itemsContainer_;
- return { width: itemsContainer.offsetWidth, height: itemsContainer.offsetHeight };
- },
- hasAnchor: function hasAnchor() {
- return _this2.root_.parentElement && _this2.root_.parentElement.classList.contains('mdc-menu-anchor');
- },
- getAnchorDimensions: function getAnchorDimensions() {
- return _this2.root_.parentElement.getBoundingClientRect();
- },
- getWindowDimensions: function getWindowDimensions() {
- return { width: window.innerWidth, height: window.innerHeight };
- },
- setScale: function setScale(x, y) {
- _this2.root_.style[Object(__WEBPACK_IMPORTED_MODULE_2__util__["getTransformPropertyName"])(window)] = 'scale(' + x + ', ' + y + ')';
- },
- setInnerScale: function setInnerScale(x, y) {
- _this2.itemsContainer_.style[Object(__WEBPACK_IMPORTED_MODULE_2__util__["getTransformPropertyName"])(window)] = 'scale(' + x + ', ' + y + ')';
- },
- getNumberOfItems: function getNumberOfItems() {
- return _this2.items.length;
- },
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this2.root_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this2.root_.removeEventListener(type, handler);
- },
- registerBodyClickHandler: function registerBodyClickHandler(handler) {
- return document.body.addEventListener('click', handler);
- },
- deregisterBodyClickHandler: function deregisterBodyClickHandler(handler) {
- return document.body.removeEventListener('click', handler);
- },
- getYParamsForItemAtIndex: function getYParamsForItemAtIndex(index) {
- var _items$index = _this2.items[index],
- top = _items$index.offsetTop,
- height = _items$index.offsetHeight;
- return { top: top, height: height };
- },
- setTransitionDelayForItemAtIndex: function setTransitionDelayForItemAtIndex(index, value) {
- return _this2.items[index].style.setProperty('transition-delay', value);
- },
- getIndexForEventTarget: function getIndexForEventTarget(target) {
- return _this2.items.indexOf(target);
- },
- notifySelected: function notifySelected(evtData) {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.SELECTED_EVENT, {
- index: evtData.index,
- item: _this2.items[evtData.index]
- });
- },
- notifyCancel: function notifyCancel() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CANCEL_EVENT, {});
- },
- saveFocus: function saveFocus() {
- _this2.previousFocus_ = document.activeElement;
- },
- restoreFocus: function restoreFocus() {
- if (_this2.previousFocus_) {
- _this2.previousFocus_.focus();
- }
- },
- isFocused: function isFocused() {
- return document.activeElement === _this2.root_;
- },
- focus: function focus() {
- return _this2.root_.focus();
- },
- getFocusedItemIndex: function getFocusedItemIndex() {
- return _this2.items.indexOf(document.activeElement);
- },
- focusItemAtIndex: function focusItemAtIndex(index) {
- return _this2.items[index].focus();
- },
- isRtl: function isRtl() {
- return getComputedStyle(_this2.root_).getPropertyValue('direction') === 'rtl';
- },
- setTransformOrigin: function setTransformOrigin(origin) {
- _this2.root_.style[Object(__WEBPACK_IMPORTED_MODULE_2__util__["getTransformPropertyName"])(window) + '-origin'] = origin;
- },
- setPosition: function setPosition(position) {
- _this2.root_.style.left = 'left' in position ? position.left : null;
- _this2.root_.style.right = 'right' in position ? position.right : null;
- _this2.root_.style.top = 'top' in position ? position.top : null;
- _this2.root_.style.bottom = 'bottom' in position ? position.bottom : null;
- },
- getAccurateTime: function getAccurateTime() {
- return window.performance.now();
- }
- });
- }
- }, {
- key: 'open',
- /** @return {boolean} */
- get: function get() {
- return this.foundation_.isOpen();
- }
- /** @param {boolean} value */
- ,
- set: function set(value) {
- if (value) {
- this.foundation_.open();
- } else {
- this.foundation_.close();
- }
- }
- }, {
- key: 'itemsContainer_',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.ITEMS_SELECTOR);
- }
- /**
- * Return the items within the menu. Note that this only contains the set of elements within
- * the items container that are proper list items, and not supplemental / presentational DOM
- * elements.
- * @return {!Array<!Element>}
- */
- }, {
- key: 'items',
- get: function get() {
- var itemsContainer = this.itemsContainer_;
- return [].slice.call(itemsContainer.querySelectorAll('.mdc-list-item[role]'));
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCSimpleMenu(root);
- }
- }]);
- return MDCSimpleMenu;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 54 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(55);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(56);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(11);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /**
- * @extends {MDCFoundation<!MDCSimpleMenuAdapter>}
- */
- var MDCSimpleMenuFoundation = function (_MDCFoundation) {
- _inherits(MDCSimpleMenuFoundation, _MDCFoundation);
- _createClass(MDCSimpleMenuFoundation, null, [{
- key: 'cssClasses',
- /** @return enum{cssClasses} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- /** @return enum{strings} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */];
- }
- /** @return enum{numbers} */
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */];
- }
- /**
- * {@see MDCSimpleMenuAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCSimpleMenuAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCSimpleMenuAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- hasClass: function hasClass() {
- return false;
- },
- hasNecessaryDom: function hasNecessaryDom() {
- return false;
- },
- getAttributeForEventTarget: function getAttributeForEventTarget() {},
- getInnerDimensions: function getInnerDimensions() {
- return {};
- },
- hasAnchor: function hasAnchor() {
- return false;
- },
- getAnchorDimensions: function getAnchorDimensions() {
- return {};
- },
- getWindowDimensions: function getWindowDimensions() {
- return {};
- },
- setScale: function setScale() {},
- setInnerScale: function setInnerScale() {},
- getNumberOfItems: function getNumberOfItems() {
- return 0;
- },
- registerInteractionHandler: function registerInteractionHandler() {},
- deregisterInteractionHandler: function deregisterInteractionHandler() {},
- registerBodyClickHandler: function registerBodyClickHandler() {},
- deregisterBodyClickHandler: function deregisterBodyClickHandler() {},
- getYParamsForItemAtIndex: function getYParamsForItemAtIndex() {
- return {};
- },
- setTransitionDelayForItemAtIndex: function setTransitionDelayForItemAtIndex() {},
- getIndexForEventTarget: function getIndexForEventTarget() {
- return 0;
- },
- notifySelected: function notifySelected() {},
- notifyCancel: function notifyCancel() {},
- saveFocus: function saveFocus() {},
- restoreFocus: function restoreFocus() {},
- isFocused: function isFocused() {
- return false;
- },
- focus: function focus() {},
- getFocusedItemIndex: function getFocusedItemIndex() {
- return -1;
- },
- focusItemAtIndex: function focusItemAtIndex() {},
- isRtl: function isRtl() {
- return false;
- },
- setTransformOrigin: function setTransformOrigin() {},
- setPosition: function setPosition() {},
- getAccurateTime: function getAccurateTime() {
- return 0;
- }
- }
- );
- }
- /** @param {!MDCSimpleMenuAdapter} adapter */
- }]);
- function MDCSimpleMenuFoundation(adapter) {
- _classCallCheck(this, MDCSimpleMenuFoundation);
- /** @private {function(!Event)} */
- var _this = _possibleConstructorReturn(this, (MDCSimpleMenuFoundation.__proto__ || Object.getPrototypeOf(MDCSimpleMenuFoundation)).call(this, _extends(MDCSimpleMenuFoundation.defaultAdapter, adapter)));
- _this.clickHandler_ = function (evt) {
- return _this.handlePossibleSelected_(evt);
- };
- /** @private {function(!Event)} */
- _this.keydownHandler_ = function (evt) {
- return _this.handleKeyboardDown_(evt);
- };
- /** @private {function(!Event)} */
- _this.keyupHandler_ = function (evt) {
- return _this.handleKeyboardUp_(evt);
- };
- /** @private {function(!Event)} */
- _this.documentClickHandler_ = function (evt) {
- _this.adapter_.notifyCancel();
- _this.close(evt);
- };
- /** @private {boolean} */
- _this.isOpen_ = false;
- /** @private {number} */
- _this.startScaleX_ = 0;
- /** @private {number} */
- _this.startScaleY_ = 0;
- /** @private {number} */
- _this.targetScale_ = 1;
- /** @private {number} */
- _this.scaleX_ = 0;
- /** @private {number} */
- _this.scaleY_ = 0;
- /** @private {boolean} */
- _this.running_ = false;
- /** @private {number} */
- _this.selectedTriggerTimerId_ = 0;
- /** @private {number} */
- _this.animationRequestId_ = 0;
- /** @private {!{ width: number, height: number }} */
- _this.dimensions_;
- /** @private {number} */
- _this.startTime_;
- /** @private {number} */
- _this.itemHeight_;
- return _this;
- }
- _createClass(MDCSimpleMenuFoundation, [{
- key: 'init',
- value: function init() {
- var _MDCSimpleMenuFoundat = MDCSimpleMenuFoundation.cssClasses,
- ROOT = _MDCSimpleMenuFoundat.ROOT,
- OPEN = _MDCSimpleMenuFoundat.OPEN;
- if (!this.adapter_.hasClass(ROOT)) {
- throw new Error(ROOT + ' class required in root element.');
- }
- if (!this.adapter_.hasNecessaryDom()) {
- throw new Error('Required DOM nodes missing in ' + ROOT + ' component.');
- }
- if (this.adapter_.hasClass(OPEN)) {
- this.isOpen_ = true;
- }
- this.adapter_.registerInteractionHandler('click', this.clickHandler_);
- this.adapter_.registerInteractionHandler('keyup', this.keyupHandler_);
- this.adapter_.registerInteractionHandler('keydown', this.keydownHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- clearTimeout(this.selectedTriggerTimerId_);
- // Cancel any currently running animations.
- cancelAnimationFrame(this.animationRequestId_);
- this.adapter_.deregisterInteractionHandler('click', this.clickHandler_);
- this.adapter_.deregisterInteractionHandler('keyup', this.keyupHandler_);
- this.adapter_.deregisterInteractionHandler('keydown', this.keydownHandler_);
- this.adapter_.deregisterBodyClickHandler(this.documentClickHandler_);
- }
- /**
- * Calculates transition delays for individual menu items, so that they fade in one at a time.
- * @private
- */
- }, {
- key: 'applyTransitionDelays_',
- value: function applyTransitionDelays_() {
- var _MDCSimpleMenuFoundat2 = MDCSimpleMenuFoundation.cssClasses,
- BOTTOM_LEFT = _MDCSimpleMenuFoundat2.BOTTOM_LEFT,
- BOTTOM_RIGHT = _MDCSimpleMenuFoundat2.BOTTOM_RIGHT;
- var numItems = this.adapter_.getNumberOfItems();
- var height = this.dimensions_.height;
- var transitionDuration = MDCSimpleMenuFoundation.numbers.TRANSITION_DURATION_MS / 1000;
- var start = MDCSimpleMenuFoundation.numbers.TRANSITION_SCALE_ADJUSTMENT_Y;
- for (var index = 0; index < numItems; index++) {
- var _adapter_$getYParamsF = this.adapter_.getYParamsForItemAtIndex(index),
- itemTop = _adapter_$getYParamsF.top,
- itemHeight = _adapter_$getYParamsF.height;
- this.itemHeight_ = itemHeight;
- var itemDelayFraction = itemTop / height;
- if (this.adapter_.hasClass(BOTTOM_LEFT) || this.adapter_.hasClass(BOTTOM_RIGHT)) {
- itemDelayFraction = (height - itemTop - itemHeight) / height;
- }
- var itemDelay = (start + itemDelayFraction * (1 - start)) * transitionDuration;
- // Use toFixed() here to normalize CSS unit precision across browsers
- this.adapter_.setTransitionDelayForItemAtIndex(index, itemDelay.toFixed(3) + 's');
- }
- }
- /**
- * Removes transition delays from menu items.
- * @private
- */
- }, {
- key: 'removeTransitionDelays_',
- value: function removeTransitionDelays_() {
- var numItems = this.adapter_.getNumberOfItems();
- for (var i = 0; i < numItems; i++) {
- this.adapter_.setTransitionDelayForItemAtIndex(i, null);
- }
- }
- /**
- * Animates menu opening or closing.
- * @private
- */
- }, {
- key: 'animationLoop_',
- value: function animationLoop_() {
- var _this2 = this;
- var time = this.adapter_.getAccurateTime();
- var _MDCSimpleMenuFoundat3 = MDCSimpleMenuFoundation.numbers,
- TRANSITION_DURATION_MS = _MDCSimpleMenuFoundat3.TRANSITION_DURATION_MS,
- TRANSITION_X1 = _MDCSimpleMenuFoundat3.TRANSITION_X1,
- TRANSITION_Y1 = _MDCSimpleMenuFoundat3.TRANSITION_Y1,
- TRANSITION_X2 = _MDCSimpleMenuFoundat3.TRANSITION_X2,
- TRANSITION_Y2 = _MDCSimpleMenuFoundat3.TRANSITION_Y2,
- TRANSITION_SCALE_ADJUSTMENT_X = _MDCSimpleMenuFoundat3.TRANSITION_SCALE_ADJUSTMENT_X,
- TRANSITION_SCALE_ADJUSTMENT_Y = _MDCSimpleMenuFoundat3.TRANSITION_SCALE_ADJUSTMENT_Y;
- var currentTime = Object(__WEBPACK_IMPORTED_MODULE_3__util__["clamp"])((time - this.startTime_) / TRANSITION_DURATION_MS);
- // Animate X axis very slowly, so that only the Y axis animation is visible during fade-out.
- var currentTimeX = Object(__WEBPACK_IMPORTED_MODULE_3__util__["clamp"])((currentTime - TRANSITION_SCALE_ADJUSTMENT_X) / (1 - TRANSITION_SCALE_ADJUSTMENT_X));
- // No time-shifting on the Y axis when closing.
- var currentTimeY = currentTime;
- var startScaleY = this.startScaleY_;
- if (this.targetScale_ === 1) {
- // Start with the menu at the height of a single item.
- if (this.itemHeight_) {
- startScaleY = Math.max(this.itemHeight_ / this.dimensions_.height, startScaleY);
- }
- // X axis moves faster, so time-shift forward.
- currentTimeX = Object(__WEBPACK_IMPORTED_MODULE_3__util__["clamp"])(currentTime + TRANSITION_SCALE_ADJUSTMENT_X);
- // Y axis moves slower, so time-shift backwards and adjust speed by the difference.
- currentTimeY = Object(__WEBPACK_IMPORTED_MODULE_3__util__["clamp"])((currentTime - TRANSITION_SCALE_ADJUSTMENT_Y) / (1 - TRANSITION_SCALE_ADJUSTMENT_Y));
- }
- // Apply cubic bezier easing independently to each axis.
- var easeX = Object(__WEBPACK_IMPORTED_MODULE_3__util__["bezierProgress"])(currentTimeX, TRANSITION_X1, TRANSITION_Y1, TRANSITION_X2, TRANSITION_Y2);
- var easeY = Object(__WEBPACK_IMPORTED_MODULE_3__util__["bezierProgress"])(currentTimeY, TRANSITION_X1, TRANSITION_Y1, TRANSITION_X2, TRANSITION_Y2);
- // Calculate the scales to apply to the outer container and inner container.
- this.scaleX_ = this.startScaleX_ + (this.targetScale_ - this.startScaleX_) * easeX;
- var invScaleX = 1 / (this.scaleX_ === 0 ? 1 : this.scaleX_);
- this.scaleY_ = startScaleY + (this.targetScale_ - startScaleY) * easeY;
- var invScaleY = 1 / (this.scaleY_ === 0 ? 1 : this.scaleY_);
- // Apply scales.
- this.adapter_.setScale(this.scaleX_, this.scaleY_);
- this.adapter_.setInnerScale(invScaleX, invScaleY);
- // Stop animation when we've covered the entire 0 - 1 range of time.
- if (currentTime < 1) {
- this.animationRequestId_ = requestAnimationFrame(function () {
- return _this2.animationLoop_();
- });
- } else {
- this.animationRequestId_ = 0;
- this.running_ = false;
- this.adapter_.removeClass(MDCSimpleMenuFoundation.cssClasses.ANIMATING);
- }
- }
- /**
- * Starts the open or close animation.
- * @private
- */
- }, {
- key: 'animateMenu_',
- value: function animateMenu_() {
- var _this3 = this;
- this.startTime_ = this.adapter_.getAccurateTime();
- this.startScaleX_ = this.scaleX_;
- this.startScaleY_ = this.scaleY_;
- this.targetScale_ = this.isOpen_ ? 1 : 0;
- if (!this.running_) {
- this.running_ = true;
- this.animationRequestId_ = requestAnimationFrame(function () {
- return _this3.animationLoop_();
- });
- }
- }
- /**
- * @param {?number} focusIndex
- * @private
- */
- }, {
- key: 'focusOnOpen_',
- value: function focusOnOpen_(focusIndex) {
- if (focusIndex === null) {
- // First, try focusing the menu.
- this.adapter_.focus();
- // If that doesn't work, focus first item instead.
- if (!this.adapter_.isFocused()) {
- this.adapter_.focusItemAtIndex(0);
- }
- } else {
- this.adapter_.focusItemAtIndex(focusIndex);
- }
- }
- /**
- * Handle keys that we want to repeat on hold (tab and arrows).
- * @param {!Event} evt
- * @return {boolean}
- * @private
- */
- }, {
- key: 'handleKeyboardDown_',
- value: function handleKeyboardDown_(evt) {
- // Do nothing if Alt, Ctrl or Meta are pressed.
- if (evt.altKey || evt.ctrlKey || evt.metaKey) {
- return true;
- }
- var keyCode = evt.keyCode,
- key = evt.key,
- shiftKey = evt.shiftKey;
- var isTab = key === 'Tab' || keyCode === 9;
- var isArrowUp = key === 'ArrowUp' || keyCode === 38;
- var isArrowDown = key === 'ArrowDown' || keyCode === 40;
- var isSpace = key === 'Space' || keyCode === 32;
- var focusedItemIndex = this.adapter_.getFocusedItemIndex();
- var lastItemIndex = this.adapter_.getNumberOfItems() - 1;
- if (shiftKey && isTab && focusedItemIndex === 0) {
- this.adapter_.focusItemAtIndex(lastItemIndex);
- evt.preventDefault();
- return false;
- }
- if (!shiftKey && isTab && focusedItemIndex === lastItemIndex) {
- this.adapter_.focusItemAtIndex(0);
- evt.preventDefault();
- return false;
- }
- // Ensure Arrow{Up,Down} and space do not cause inadvertent scrolling
- if (isArrowUp || isArrowDown || isSpace) {
- evt.preventDefault();
- }
- if (isArrowUp) {
- if (focusedItemIndex === 0 || this.adapter_.isFocused()) {
- this.adapter_.focusItemAtIndex(lastItemIndex);
- } else {
- this.adapter_.focusItemAtIndex(focusedItemIndex - 1);
- }
- } else if (isArrowDown) {
- if (focusedItemIndex === lastItemIndex || this.adapter_.isFocused()) {
- this.adapter_.focusItemAtIndex(0);
- } else {
- this.adapter_.focusItemAtIndex(focusedItemIndex + 1);
- }
- }
- return true;
- }
- /**
- * Handle keys that we don't want to repeat on hold (Enter, Space, Escape).
- * @param {!Event} evt
- * @return {boolean}
- * @private
- */
- }, {
- key: 'handleKeyboardUp_',
- value: function handleKeyboardUp_(evt) {
- // Do nothing if Alt, Ctrl or Meta are pressed.
- if (evt.altKey || evt.ctrlKey || evt.metaKey) {
- return true;
- }
- var keyCode = evt.keyCode,
- key = evt.key;
- var isEnter = key === 'Enter' || keyCode === 13;
- var isSpace = key === 'Space' || keyCode === 32;
- var isEscape = key === 'Escape' || keyCode === 27;
- if (isEnter || isSpace) {
- this.handlePossibleSelected_(evt);
- }
- if (isEscape) {
- this.adapter_.notifyCancel();
- this.close();
- }
- return true;
- }
- /**
- * @param {!Event} evt
- * @private
- */
- }, {
- key: 'handlePossibleSelected_',
- value: function handlePossibleSelected_(evt) {
- var _this4 = this;
- if (this.adapter_.getAttributeForEventTarget(evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */].ARIA_DISABLED_ATTR) === 'true') {
- return;
- }
- var targetIndex = this.adapter_.getIndexForEventTarget(evt.target);
- if (targetIndex < 0) {
- return;
- }
- // Debounce multiple selections
- if (this.selectedTriggerTimerId_) {
- return;
- }
- this.selectedTriggerTimerId_ = setTimeout(function () {
- _this4.selectedTriggerTimerId_ = 0;
- _this4.close();
- _this4.adapter_.notifySelected({ index: targetIndex });
- }, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].SELECTED_TRIGGER_DELAY);
- }
- /** @private */
- }, {
- key: 'autoPosition_',
- value: function autoPosition_() {
- var _position;
- if (!this.adapter_.hasAnchor()) {
- return;
- }
- // Defaults: open from the top left.
- var vertical = 'top';
- var horizontal = 'left';
- var anchor = this.adapter_.getAnchorDimensions();
- var windowDimensions = this.adapter_.getWindowDimensions();
- var topOverflow = anchor.top + this.dimensions_.height - windowDimensions.height;
- var bottomOverflow = this.dimensions_.height - anchor.bottom;
- var extendsBeyondTopBounds = topOverflow > 0;
- if (extendsBeyondTopBounds) {
- if (bottomOverflow < topOverflow) {
- vertical = 'bottom';
- }
- }
- var leftOverflow = anchor.left + this.dimensions_.width - windowDimensions.width;
- var rightOverflow = this.dimensions_.width - anchor.right;
- var extendsBeyondLeftBounds = leftOverflow > 0;
- var extendsBeyondRightBounds = rightOverflow > 0;
- if (this.adapter_.isRtl()) {
- // In RTL, we prefer to open from the right.
- horizontal = 'right';
- if (extendsBeyondRightBounds && leftOverflow < rightOverflow) {
- horizontal = 'left';
- }
- } else if (extendsBeyondLeftBounds && rightOverflow < leftOverflow) {
- horizontal = 'right';
- }
- var position = (_position = {}, _defineProperty(_position, horizontal, '0'), _defineProperty(_position, vertical, '0'), _position);
- this.adapter_.setTransformOrigin(vertical + ' ' + horizontal);
- this.adapter_.setPosition(position);
- }
- /**
- * Open the menu.
- * @param {{focusIndex: ?number}=} options
- */
- }, {
- key: 'open',
- value: function open() {
- var _this5 = this;
- var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
- _ref$focusIndex = _ref.focusIndex,
- focusIndex = _ref$focusIndex === undefined ? null : _ref$focusIndex;
- this.adapter_.saveFocus();
- this.adapter_.addClass(MDCSimpleMenuFoundation.cssClasses.ANIMATING);
- this.animationRequestId_ = requestAnimationFrame(function () {
- _this5.dimensions_ = _this5.adapter_.getInnerDimensions();
- _this5.applyTransitionDelays_();
- _this5.autoPosition_();
- _this5.animateMenu_();
- _this5.adapter_.addClass(MDCSimpleMenuFoundation.cssClasses.OPEN);
- _this5.focusOnOpen_(focusIndex);
- _this5.adapter_.registerBodyClickHandler(_this5.documentClickHandler_);
- });
- this.isOpen_ = true;
- }
- /**
- * Closes the menu.
- * @param {Event=} evt
- */
- }, {
- key: 'close',
- value: function close() {
- var _this6 = this;
- var evt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
- var targetIsDisabled = evt ? this.adapter_.getAttributeForEventTarget(evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */].ARIA_DISABLED_ATTR) === 'true' : false;
- if (targetIsDisabled) {
- return;
- }
- this.adapter_.deregisterBodyClickHandler(this.documentClickHandler_);
- this.adapter_.addClass(MDCSimpleMenuFoundation.cssClasses.ANIMATING);
- requestAnimationFrame(function () {
- _this6.removeTransitionDelays_();
- _this6.animateMenu_();
- _this6.adapter_.removeClass(MDCSimpleMenuFoundation.cssClasses.OPEN);
- });
- this.isOpen_ = false;
- this.adapter_.restoreFocus();
- }
- /** @return {boolean} */
- }, {
- key: 'isOpen',
- value: function isOpen() {
- return this.isOpen_;
- }
- }]);
- return MDCSimpleMenuFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCSimpleMenuFoundation);
- /***/ }),
- /* 55 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- 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"); } }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Simple Menu. Provides an interface for managing
- * - classes
- * - dom
- * - focus
- * - position
- * - dimensions
- * - event handlers
- *
- * Additionally, provides type information for the adapter to the Closure
- * compiler.
- *
- * Implement this adapter for your framework of choice to delegate updates to
- * the component in your framework of choice. See architecture documentation
- * for more details.
- * https://github.com/material-components/material-components-web/blob/master/docs/architecture.md
- *
- * @record
- */
- var MDCSimpleMenuAdapter = function () {
- function MDCSimpleMenuAdapter() {
- _classCallCheck(this, MDCSimpleMenuAdapter);
- }
- _createClass(MDCSimpleMenuAdapter, [{
- key: "addClass",
- /** @param {string} className */
- value: function addClass(className) {}
- /** @param {string} className */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: "hasClass",
- value: function hasClass(className) {}
- /** @return {boolean} */
- }, {
- key: "hasNecessaryDom",
- value: function hasNecessaryDom() {}
- /**
- * @param {EventTarget} target
- * @param {string} attributeName
- * @return {string}
- */
- }, {
- key: "getAttributeForEventTarget",
- value: function getAttributeForEventTarget(target, attributeName) {}
- /** @return {{ width: number, height: number }} */
- }, {
- key: "getInnerDimensions",
- value: function getInnerDimensions() {}
- /** @return {boolean} */
- }, {
- key: "hasAnchor",
- value: function hasAnchor() {}
- /** @return {{width: number, height: number, top: number, right: number, bottom: number, left: number}} */
- }, {
- key: "getAnchorDimensions",
- value: function getAnchorDimensions() {}
- /** @return {{ width: number, height: number }} */
- }, {
- key: "getWindowDimensions",
- value: function getWindowDimensions() {}
- /**
- * @param {number} x
- * @param {number} y
- */
- }, {
- key: "setScale",
- value: function setScale(x, y) {}
- /**
- * @param {number} x
- * @param {number} y
- */
- }, {
- key: "setInnerScale",
- value: function setInnerScale(x, y) {}
- /** @return {number} */
- }, {
- key: "getNumberOfItems",
- value: function getNumberOfItems() {}
- /**
- * @param {string} type
- * @param {function(!Event)} handler
- */
- }, {
- key: "registerInteractionHandler",
- value: function registerInteractionHandler(type, handler) {}
- /**
- * @param {string} type
- * @param {function(!Event)} handler
- */
- }, {
- key: "deregisterInteractionHandler",
- value: function deregisterInteractionHandler(type, handler) {}
- /** @param {function(!Event)} handler */
- }, {
- key: "registerBodyClickHandler",
- value: function registerBodyClickHandler(handler) {}
- /** @param {function(!Event)} handler */
- }, {
- key: "deregisterBodyClickHandler",
- value: function deregisterBodyClickHandler(handler) {}
- /**
- * @param {number} index
- * @return {{top: number, height: number}}
- */
- }, {
- key: "getYParamsForItemAtIndex",
- value: function getYParamsForItemAtIndex(index) {}
- /**
- * @param {number} index
- * @param {string|null} value
- */
- }, {
- key: "setTransitionDelayForItemAtIndex",
- value: function setTransitionDelayForItemAtIndex(index, value) {}
- /**
- * @param {EventTarget} target
- * @return {number}
- */
- }, {
- key: "getIndexForEventTarget",
- value: function getIndexForEventTarget(target) {}
- /** @param {{index: number}} evtData */
- }, {
- key: "notifySelected",
- value: function notifySelected(evtData) {}
- }, {
- key: "notifyCancel",
- value: function notifyCancel() {}
- }, {
- key: "saveFocus",
- value: function saveFocus() {}
- }, {
- key: "restoreFocus",
- value: function restoreFocus() {}
- /** @return {boolean} */
- }, {
- key: "isFocused",
- value: function isFocused() {}
- }, {
- key: "focus",
- value: function focus() {}
- /** @return {number} */
- }, {
- key: "getFocusedItemIndex",
- value: function getFocusedItemIndex() /* number */{}
- /** @param {number} index */
- }, {
- key: "focusItemAtIndex",
- value: function focusItemAtIndex(index) {}
- /** @return {boolean} */
- }, {
- key: "isRtl",
- value: function isRtl() {}
- /** @param {string} origin */
- }, {
- key: "setTransformOrigin",
- value: function setTransformOrigin(origin) {}
- /** @param {{
- * top: (string|undefined),
- * right: (string|undefined),
- * bottom: (string|undefined),
- * left: (string|undefined)
- * }} position */
- }, {
- key: "setPosition",
- value: function setPosition(position) {}
- /** @return {number} */
- }, {
- key: "getAccurateTime",
- value: function getAccurateTime() {}
- }]);
- return MDCSimpleMenuAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCSimpleMenuAdapter);
- /***/ }),
- /* 56 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-simple-menu',
- OPEN: 'mdc-simple-menu--open',
- ANIMATING: 'mdc-simple-menu--animating',
- TOP_RIGHT: 'mdc-simple-menu--open-from-top-right',
- BOTTOM_LEFT: 'mdc-simple-menu--open-from-bottom-left',
- BOTTOM_RIGHT: 'mdc-simple-menu--open-from-bottom-right'
- };
- /** @enum {string} */
- var strings = {
- ITEMS_SELECTOR: '.mdc-simple-menu__items',
- SELECTED_EVENT: 'MDCSimpleMenu:selected',
- CANCEL_EVENT: 'MDCSimpleMenu:cancel',
- ARIA_DISABLED_ATTR: 'aria-disabled'
- };
- /** @enum {number} */
- var numbers = {
- // Amount of time to wait before triggering a selected event on the menu. Note that this time
- // will most likely be bumped up once interactive lists are supported to allow for the ripple to
- // animate before closing the menu
- SELECTED_TRIGGER_DELAY: 50,
- // Total duration of the menu animation.
- TRANSITION_DURATION_MS: 300,
- // The menu starts its open animation with the X axis at this time value (0 - 1).
- TRANSITION_SCALE_ADJUSTMENT_X: 0.5,
- // The time value the menu waits until the animation starts on the Y axis (0 - 1).
- TRANSITION_SCALE_ADJUSTMENT_Y: 0.2,
- // The cubic bezier control points for the animation (cubic-bezier(0, 0, 0.2, 1)).
- TRANSITION_X1: 0,
- TRANSITION_Y1: 0,
- TRANSITION_X2: 0.2,
- TRANSITION_Y2: 1
- };
- /***/ }),
- /* 57 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRadio", function() { return MDCRadio; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_selection_control__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(58);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_ripple__ = __webpack_require__(4);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRadioFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends MDCComponent<!MDCRadioFoundation>
- */
- var MDCRadio = function (_MDCComponent) {
- _inherits(MDCRadio, _MDCComponent);
- _createClass(MDCRadio, [{
- key: 'checked',
- /** @return {boolean} */
- get: function get() {
- return this.foundation_.isChecked();
- }
- /** @param {boolean} checked */
- ,
- set: function set(checked) {
- this.foundation_.setChecked(checked);
- }
- /** @return {boolean} */
- }, {
- key: 'disabled',
- get: function get() {
- return this.foundation_.isDisabled();
- }
- /** @param {boolean} disabled */
- ,
- set: function set(disabled) {
- this.foundation_.setDisabled(disabled);
- }
- /** @return {?string} */
- }, {
- key: 'value',
- get: function get() {
- return this.foundation_.getValue();
- }
- /** @param {?string} value */
- ,
- set: function set(value) {
- this.foundation_.setValue(value);
- }
- /** @return {!MDCRipple} */
- }, {
- key: 'ripple',
- get: function get() {
- return this.ripple_;
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCRadio(root);
- }
- }]);
- function MDCRadio() {
- var _ref;
- _classCallCheck(this, MDCRadio);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!MDCRipple} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCRadio.__proto__ || Object.getPrototypeOf(MDCRadio)).call.apply(_ref, [this].concat(args)));
- _this.ripple_ = _this.initRipple_();
- return _this;
- }
- /**
- * @return {!MDCRipple}
- * @private
- */
- _createClass(MDCRadio, [{
- key: 'initRipple_',
- value: function initRipple_() {
- var _this2 = this;
- var adapter = _extends(__WEBPACK_IMPORTED_MODULE_3__material_ripple__["MDCRipple"].createAdapter(this), {
- isUnbounded: function isUnbounded() {
- return true;
- },
- // Radio buttons technically go "active" whenever there is *any* keyboard interaction. This is not the
- // UI we desire.
- isSurfaceActive: function isSurfaceActive() {
- return false;
- },
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this2.nativeControl_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this2.nativeControl_.removeEventListener(type, handler);
- },
- computeBoundingRect: function computeBoundingRect() {
- var _root_$getBoundingCli = _this2.root_.getBoundingClientRect(),
- left = _root_$getBoundingCli.left,
- top = _root_$getBoundingCli.top;
- var DIM = 40;
- return {
- top: top,
- left: left,
- right: left + DIM,
- bottom: top + DIM,
- width: DIM,
- height: DIM
- };
- }
- });
- var foundation = new __WEBPACK_IMPORTED_MODULE_3__material_ripple__["MDCRippleFoundation"](adapter);
- return new __WEBPACK_IMPORTED_MODULE_3__material_ripple__["MDCRipple"](this.root_, foundation);
- }
- /**
- * Returns the state of the native control element, or null if the native control element is not present.
- * @return {?SelectionControlState}
- * @private
- */
- }, {
- key: 'destroy',
- value: function destroy() {
- this.ripple_.destroy();
- _get(MDCRadio.prototype.__proto__ || Object.getPrototypeOf(MDCRadio.prototype), 'destroy', this).call(this);
- }
- /** @return {!MDCRadioFoundation} */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this3 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this3.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this3.root_.classList.remove(className);
- },
- getNativeControl: function getNativeControl() {
- return _this3.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.NATIVE_CONTROL_SELECTOR);
- }
- });
- }
- }, {
- key: 'nativeControl_',
- get: function get() {
- var NATIVE_CONTROL_SELECTOR = __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.NATIVE_CONTROL_SELECTOR;
- var el = /** @type {?SelectionControlState} */this.root_.querySelector(NATIVE_CONTROL_SELECTOR);
- return el;
- }
- }]);
- return MDCRadio;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 58 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_selection_control__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(59);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(60);
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCFoundation<!MDCRadioAdapter>}
- */
- var MDCRadioFoundation = function (_MDCFoundation) {
- _inherits(MDCRadioFoundation, _MDCFoundation);
- function MDCRadioFoundation() {
- _classCallCheck(this, MDCRadioFoundation);
- return _possibleConstructorReturn(this, (MDCRadioFoundation.__proto__ || Object.getPrototypeOf(MDCRadioFoundation)).apply(this, arguments));
- }
- _createClass(MDCRadioFoundation, [{
- key: 'isChecked',
- /** @return {boolean} */
- value: function isChecked() {
- return this.getNativeControl_().checked;
- }
- /** @param {boolean} checked */
- }, {
- key: 'setChecked',
- value: function setChecked(checked) {
- this.getNativeControl_().checked = checked;
- }
- /** @return {boolean} */
- }, {
- key: 'isDisabled',
- value: function isDisabled() {
- return this.getNativeControl_().disabled;
- }
- /** @param {boolean} disabled */
- }, {
- key: 'setDisabled',
- value: function setDisabled(disabled) {
- var DISABLED = MDCRadioFoundation.cssClasses.DISABLED;
- this.getNativeControl_().disabled = disabled;
- if (disabled) {
- this.adapter_.addClass(DISABLED);
- } else {
- this.adapter_.removeClass(DISABLED);
- }
- }
- /** @return {?string} */
- }, {
- key: 'getValue',
- value: function getValue() {
- return this.getNativeControl_().value;
- }
- /** @param {?string} value */
- }, {
- key: 'setValue',
- value: function setValue(value) {
- this.getNativeControl_().value = value;
- }
- /**
- * @return {!SelectionControlState}
- * @private
- */
- }, {
- key: 'getNativeControl_',
- value: function getNativeControl_() {
- return this.adapter_.getNativeControl() || {
- checked: false,
- disabled: false,
- value: null
- };
- }
- }], [{
- key: 'cssClasses',
- /** @return enum {cssClasses} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */];
- }
- /** @return enum {strings} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */];
- }
- /** @return {!MDCRadioAdapter} */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCRadioAdapter} */{
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- getNativeControl: function getNativeControl() /* !SelectionControlState */{}
- }
- );
- }
- }]);
- return MDCRadioFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCRadioFoundation);
- /***/ }),
- /* 59 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_selection_control__ = __webpack_require__(3);
- 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"); } }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /* eslint-disable no-unused-vars */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Radio. Provides an interface for managing
- * - classes
- * - dom
- *
- * Additionally, provides type information for the adapter to the Closure
- * compiler.
- *
- * Implement this adapter for your framework of choice to delegate updates to
- * the component in your framework of choice. See architecture documentation
- * for more details.
- * https://github.com/material-components/material-components-web/blob/master/docs/architecture.md
- *
- * @record
- */
- var MDCRadioAdapter = function () {
- function MDCRadioAdapter() {
- _classCallCheck(this, MDCRadioAdapter);
- }
- _createClass(MDCRadioAdapter, [{
- key: 'addClass',
- /** @param {string} className */
- value: function addClass(className) {}
- /** @param {string} className */
- }, {
- key: 'removeClass',
- value: function removeClass(className) {}
- /** @return {!SelectionControlState} */
- }, {
- key: 'getNativeControl',
- value: function getNativeControl() {}
- }]);
- return MDCRadioAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCRadioAdapter);
- /***/ }),
- /* 60 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /** @enum {string} */
- var strings = {
- NATIVE_CONTROL_SELECTOR: '.mdc-radio__native-control'
- };
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-radio',
- DISABLED: 'mdc-radio--disabled'
- };
- /***/ }),
- /* 61 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelect", function() { return MDCSelect; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_menu__ = __webpack_require__(10);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(62);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelectFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCSelect = function (_MDCComponent) {
- _inherits(MDCSelect, _MDCComponent);
- function MDCSelect() {
- _classCallCheck(this, MDCSelect);
- return _possibleConstructorReturn(this, (MDCSelect.__proto__ || Object.getPrototypeOf(MDCSelect)).apply(this, arguments));
- }
- _createClass(MDCSelect, [{
- key: 'item',
- value: function item(index) {
- return this.options[index] || null;
- }
- }, {
- key: 'nameditem',
- value: function nameditem(key) {
- // NOTE: IE11 precludes us from using Array.prototype.find
- for (var i = 0, options = this.options, option; option = options[i]; i++) {
- if (option.id === key || option.getAttribute('name') === key) {
- return option;
- }
- }
- return null;
- }
- }, {
- key: 'initialize',
- value: function initialize() {
- var menuFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_1__material_menu__["MDCSimpleMenu"](el);
- };
- this.menuEl_ = this.root_.querySelector('.mdc-select__menu');
- this.menu_ = menuFactory(this.menuEl_);
- this.selectedText_ = this.root_.querySelector('.mdc-select__selected-text');
- }
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- setAttr: function setAttr(attr, value) {
- return _this2.root_.setAttribute(attr, value);
- },
- rmAttr: function rmAttr(attr, value) {
- return _this2.root_.removeAttribute(attr, value);
- },
- computeBoundingRect: function computeBoundingRect() {
- return _this2.root_.getBoundingClientRect();
- },
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this2.root_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this2.root_.removeEventListener(type, handler);
- },
- focus: function focus() {
- return _this2.root_.focus();
- },
- makeTabbable: function makeTabbable() {
- _this2.root_.tabIndex = 0;
- },
- makeUntabbable: function makeUntabbable() {
- _this2.root_.tabIndex = -1;
- },
- getComputedStyleValue: function getComputedStyleValue(prop) {
- return window.getComputedStyle(_this2.root_).getPropertyValue(prop);
- },
- setStyle: function setStyle(propertyName, value) {
- return _this2.root_.style.setProperty(propertyName, value);
- },
- create2dRenderingContext: function create2dRenderingContext() {
- return document.createElement('canvas').getContext('2d');
- },
- setMenuElStyle: function setMenuElStyle(propertyName, value) {
- return _this2.menuEl_.style.setProperty(propertyName, value);
- },
- setMenuElAttr: function setMenuElAttr(attr, value) {
- return _this2.menuEl_.setAttribute(attr, value);
- },
- rmMenuElAttr: function rmMenuElAttr(attr) {
- return _this2.menuEl_.removeAttribute(attr);
- },
- getMenuElOffsetHeight: function getMenuElOffsetHeight() {
- return _this2.menuEl_.offsetHeight;
- },
- openMenu: function openMenu(focusIndex) {
- return _this2.menu_.show({ focusIndex: focusIndex });
- },
- isMenuOpen: function isMenuOpen() {
- return _this2.menu_.open;
- },
- setSelectedTextContent: function setSelectedTextContent(selectedTextContent) {
- _this2.selectedText_.textContent = selectedTextContent;
- },
- getNumberOfOptions: function getNumberOfOptions() {
- return _this2.options.length;
- },
- getTextForOptionAtIndex: function getTextForOptionAtIndex(index) {
- return _this2.options[index].textContent;
- },
- getValueForOptionAtIndex: function getValueForOptionAtIndex(index) {
- return _this2.options[index].id || _this2.options[index].textContent;
- },
- setAttrForOptionAtIndex: function setAttrForOptionAtIndex(index, attr, value) {
- return _this2.options[index].setAttribute(attr, value);
- },
- rmAttrForOptionAtIndex: function rmAttrForOptionAtIndex(index, attr) {
- return _this2.options[index].removeAttribute(attr);
- },
- getOffsetTopForOptionAtIndex: function getOffsetTopForOptionAtIndex(index) {
- return _this2.options[index].offsetTop;
- },
- registerMenuInteractionHandler: function registerMenuInteractionHandler(type, handler) {
- return _this2.menu_.listen(type, handler);
- },
- deregisterMenuInteractionHandler: function deregisterMenuInteractionHandler(type, handler) {
- return _this2.menu_.unlisten(type, handler);
- },
- notifyChange: function notifyChange() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CHANGE_EVENT, _this2);
- },
- getWindowInnerHeight: function getWindowInnerHeight() {
- return window.innerHeight;
- }
- });
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var selectedOption = this.selectedOptions[0];
- var idx = selectedOption ? this.options.indexOf(selectedOption) : -1;
- if (idx >= 0) {
- this.selectedIndex = idx;
- }
- if (this.root_.getAttribute('aria-disabled') === 'true') {
- this.disabled = true;
- }
- }
- }, {
- key: 'value',
- get: function get() {
- return this.foundation_.getValue();
- }
- }, {
- key: 'options',
- get: function get() {
- return this.menu_.items;
- }
- }, {
- key: 'selectedOptions',
- get: function get() {
- return this.root_.querySelectorAll('[aria-selected]');
- }
- }, {
- key: 'selectedIndex',
- get: function get() {
- return this.foundation_.getSelectedIndex();
- },
- set: function set(selectedIndex) {
- this.foundation_.setSelectedIndex(selectedIndex);
- }
- }, {
- key: 'disabled',
- get: function get() {
- return this.foundation_.isDisabled();
- },
- set: function set(disabled) {
- this.foundation_.setDisabled(disabled);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCSelect(root);
- }
- }]);
- return MDCSelect;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
- /***/ }),
- /* 62 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(63);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_menu__ = __webpack_require__(10);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var OPENER_KEYS = [{ key: 'ArrowUp', keyCode: 38, forType: 'keydown' }, { key: 'ArrowDown', keyCode: 40, forType: 'keydown' }, { key: 'Space', keyCode: 32, forType: 'keyup' }];
- var MDCSelectFoundation = function (_MDCFoundation) {
- _inherits(MDCSelectFoundation, _MDCFoundation);
- _createClass(MDCSelectFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- setAttr: function setAttr() /* attr: string, value: string */{},
- rmAttr: function rmAttr() /* attr: string */{},
- computeBoundingRect: function computeBoundingRect() {
- return (/* {left: number, top: number} */{ left: 0, top: 0 }
- );
- },
- registerInteractionHandler: function registerInteractionHandler() /* type: string, handler: EventListener */{},
- deregisterInteractionHandler: function deregisterInteractionHandler() /* type: string, handler: EventListener */{},
- focus: function focus() {},
- makeTabbable: function makeTabbable() {},
- makeUntabbable: function makeUntabbable() {},
- getComputedStyleValue: function getComputedStyleValue() {
- return (/* propertyName: string */ /* string */''
- );
- },
- setStyle: function setStyle() /* propertyName: string, value: string */{},
- create2dRenderingContext: function create2dRenderingContext() {
- return (/* {font: string, measureText: (string) => {width: number}} */{
- font: '',
- measureText: function measureText() {
- return { width: 0 };
- }
- }
- );
- },
- setMenuElStyle: function setMenuElStyle() /* propertyName: string, value: string */{},
- setMenuElAttr: function setMenuElAttr() /* attr: string, value: string */{},
- rmMenuElAttr: function rmMenuElAttr() /* attr: string */{},
- getMenuElOffsetHeight: function getMenuElOffsetHeight() {
- return (/* number */0
- );
- },
- openMenu: function openMenu() /* focusIndex: number */{},
- isMenuOpen: function isMenuOpen() {
- return (/* boolean */false
- );
- },
- setSelectedTextContent: function setSelectedTextContent() /* textContent: string */{},
- getNumberOfOptions: function getNumberOfOptions() {
- return (/* number */0
- );
- },
- getTextForOptionAtIndex: function getTextForOptionAtIndex() {
- return (/* index: number */ /* string */''
- );
- },
- getValueForOptionAtIndex: function getValueForOptionAtIndex() {
- return (/* index: number */ /* string */''
- );
- },
- setAttrForOptionAtIndex: function setAttrForOptionAtIndex() /* index: number, attr: string, value: string */{},
- rmAttrForOptionAtIndex: function rmAttrForOptionAtIndex() /* index: number, attr: string */{},
- getOffsetTopForOptionAtIndex: function getOffsetTopForOptionAtIndex() {
- return (/* index: number */ /* number */0
- );
- },
- registerMenuInteractionHandler: function registerMenuInteractionHandler() /* type: string, handler: EventListener */{},
- deregisterMenuInteractionHandler: function deregisterMenuInteractionHandler() /* type: string, handler: EventListener */{},
- notifyChange: function notifyChange() {},
- getWindowInnerHeight: function getWindowInnerHeight() {
- return (/* number */0
- );
- }
- };
- }
- }]);
- function MDCSelectFoundation(adapter) {
- _classCallCheck(this, MDCSelectFoundation);
- var _this = _possibleConstructorReturn(this, (MDCSelectFoundation.__proto__ || Object.getPrototypeOf(MDCSelectFoundation)).call(this, _extends(MDCSelectFoundation.defaultAdapter, adapter)));
- _this.ctx_ = null;
- _this.selectedIndex_ = -1;
- _this.disabled_ = false;
- _this.displayHandler_ = function (evt) {
- evt.preventDefault();
- if (!_this.adapter_.isMenuOpen()) {
- _this.open_();
- }
- };
- _this.displayViaKeyboardHandler_ = function (evt) {
- return _this.handleDisplayViaKeyboard_(evt);
- };
- _this.selectionHandler_ = function (_ref) {
- var detail = _ref.detail;
- var index = detail.index;
- _this.close_();
- if (index !== _this.selectedIndex_) {
- _this.setSelectedIndex(index);
- _this.adapter_.notifyChange();
- }
- };
- _this.cancelHandler_ = function () {
- _this.close_();
- };
- return _this;
- }
- _createClass(MDCSelectFoundation, [{
- key: 'init',
- value: function init() {
- this.ctx_ = this.adapter_.create2dRenderingContext();
- this.adapter_.registerInteractionHandler('click', this.displayHandler_);
- this.adapter_.registerInteractionHandler('keydown', this.displayViaKeyboardHandler_);
- this.adapter_.registerInteractionHandler('keyup', this.displayViaKeyboardHandler_);
- this.adapter_.registerMenuInteractionHandler(__WEBPACK_IMPORTED_MODULE_2__material_menu__["MDCSimpleMenuFoundation"].strings.SELECTED_EVENT, this.selectionHandler_);
- this.adapter_.registerMenuInteractionHandler(__WEBPACK_IMPORTED_MODULE_2__material_menu__["MDCSimpleMenuFoundation"].strings.CANCEL_EVENT, this.cancelHandler_);
- this.resize();
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- // Drop reference to context object to prevent potential leaks
- this.ctx_ = null;
- this.adapter_.deregisterInteractionHandler('click', this.displayHandler_);
- this.adapter_.deregisterInteractionHandler('keydown', this.displayViaKeyboardHandler_);
- this.adapter_.deregisterInteractionHandler('keyup', this.displayViaKeyboardHandler_);
- this.adapter_.deregisterMenuInteractionHandler(__WEBPACK_IMPORTED_MODULE_2__material_menu__["MDCSimpleMenuFoundation"].strings.SELECTED_EVENT, this.selectionHandler_);
- this.adapter_.deregisterMenuInteractionHandler(__WEBPACK_IMPORTED_MODULE_2__material_menu__["MDCSimpleMenuFoundation"].strings.CANCEL_EVENT, this.cancelHandler_);
- }
- }, {
- key: 'getValue',
- value: function getValue() {
- return this.selectedIndex_ >= 0 ? this.adapter_.getValueForOptionAtIndex(this.selectedIndex_) : '';
- }
- }, {
- key: 'getSelectedIndex',
- value: function getSelectedIndex() {
- return this.selectedIndex_;
- }
- }, {
- key: 'setSelectedIndex',
- value: function setSelectedIndex(index) {
- var prevSelectedIndex = this.selectedIndex_;
- if (prevSelectedIndex >= 0) {
- this.adapter_.rmAttrForOptionAtIndex(this.selectedIndex_, 'aria-selected');
- }
- this.selectedIndex_ = index >= 0 && index < this.adapter_.getNumberOfOptions() ? index : -1;
- var selectedTextContent = '';
- if (this.selectedIndex_ >= 0) {
- selectedTextContent = this.adapter_.getTextForOptionAtIndex(this.selectedIndex_).trim();
- this.adapter_.setAttrForOptionAtIndex(this.selectedIndex_, 'aria-selected', 'true');
- }
- this.adapter_.setSelectedTextContent(selectedTextContent);
- }
- }, {
- key: 'isDisabled',
- value: function isDisabled() {
- return this.disabled_;
- }
- }, {
- key: 'setDisabled',
- value: function setDisabled(disabled) {
- var DISABLED = MDCSelectFoundation.cssClasses.DISABLED;
- this.disabled_ = disabled;
- if (this.disabled_) {
- this.adapter_.addClass(DISABLED);
- this.adapter_.setAttr('aria-disabled', 'true');
- this.adapter_.makeUntabbable();
- } else {
- this.adapter_.removeClass(DISABLED);
- this.adapter_.rmAttr('aria-disabled');
- this.adapter_.makeTabbable();
- }
- }
- }, {
- key: 'resize',
- value: function resize() {
- var font = this.adapter_.getComputedStyleValue('font');
- var letterSpacing = parseFloat(this.adapter_.getComputedStyleValue('letter-spacing'));
- if (font) {
- this.ctx_.font = font;
- } else {
- var primaryFontFamily = this.adapter_.getComputedStyleValue('font-family').split(',')[0];
- var fontSize = this.adapter_.getComputedStyleValue('font-size');
- this.ctx_.font = fontSize + ' ' + primaryFontFamily;
- }
- var maxTextLength = 0;
- for (var i = 0, l = this.adapter_.getNumberOfOptions(); i < l; i++) {
- var txt = this.adapter_.getTextForOptionAtIndex(i).trim();
- var _ctx_$measureText = this.ctx_.measureText(txt),
- width = _ctx_$measureText.width;
- var addedSpace = letterSpacing * txt.length;
- maxTextLength = Math.max(maxTextLength, Math.ceil(width + addedSpace));
- }
- this.adapter_.setStyle('width', maxTextLength + 'px');
- }
- }, {
- key: 'open_',
- value: function open_() {
- var OPEN = MDCSelectFoundation.cssClasses.OPEN;
- var focusIndex = this.selectedIndex_ < 0 ? 0 : this.selectedIndex_;
- this.setMenuStylesForOpenAtIndex_(focusIndex);
- this.adapter_.addClass(OPEN);
- this.adapter_.openMenu(focusIndex);
- }
- }, {
- key: 'setMenuStylesForOpenAtIndex_',
- value: function setMenuStylesForOpenAtIndex_(index) {
- var innerHeight = this.adapter_.getWindowInnerHeight();
- var _adapter_$computeBoun = this.adapter_.computeBoundingRect(),
- left = _adapter_$computeBoun.left,
- top = _adapter_$computeBoun.top;
- this.adapter_.setMenuElAttr('aria-hidden', 'true');
- this.adapter_.setMenuElStyle('display', 'block');
- var menuHeight = this.adapter_.getMenuElOffsetHeight();
- var itemOffsetTop = this.adapter_.getOffsetTopForOptionAtIndex(index);
- this.adapter_.setMenuElStyle('display', '');
- this.adapter_.rmMenuElAttr('aria-hidden');
- var adjustedTop = top - itemOffsetTop;
- var overflowsTop = adjustedTop < 0;
- var overflowsBottom = adjustedTop + menuHeight > innerHeight;
- if (overflowsTop) {
- adjustedTop = 0;
- } else if (overflowsBottom) {
- adjustedTop = Math.max(0, innerHeight - menuHeight);
- };
- this.adapter_.setMenuElStyle('left', left + 'px');
- this.adapter_.setMenuElStyle('top', adjustedTop + 'px');
- this.adapter_.setMenuElStyle('transform-origin', 'center ' + itemOffsetTop + 'px');
- }
- }, {
- key: 'close_',
- value: function close_() {
- var OPEN = MDCSelectFoundation.cssClasses.OPEN;
- this.adapter_.removeClass(OPEN);
- this.adapter_.focus();
- }
- }, {
- key: 'handleDisplayViaKeyboard_',
- value: function handleDisplayViaKeyboard_(evt) {
- // We use a hard-coded 2 instead of Event.AT_TARGET to avoid having to reference a browser
- // global.
- var EVENT_PHASE_AT_TARGET = 2;
- if (evt.eventPhase !== EVENT_PHASE_AT_TARGET) {
- return;
- }
- // Prevent pressing space down from scrolling the page
- var isSpaceDown = evt.type === 'keydown' && (evt.key === 'Space' || evt.keyCode === 32);
- if (isSpaceDown) {
- evt.preventDefault();
- }
- var isOpenerKey = OPENER_KEYS.some(function (_ref2) {
- var key = _ref2.key,
- keyCode = _ref2.keyCode,
- forType = _ref2.forType;
- return evt.type === forType && (evt.key === key || evt.keyCode === keyCode);
- });
- if (isOpenerKey) {
- this.displayHandler_(evt);
- }
- }
- }]);
- return MDCSelectFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCSelectFoundation);
- /***/ }),
- /* 63 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- ROOT: 'mdc-select',
- OPEN: 'mdc-select--open',
- DISABLED: 'mdc-select--disabled'
- };
- var strings = {
- CHANGE_EVENT: 'MDCSelect:change'
- };
- /***/ }),
- /* 64 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSlider", function() { return MDCSlider; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(12);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(65);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSliderFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCSlider = function (_MDCComponent) {
- _inherits(MDCSlider, _MDCComponent);
- function MDCSlider() {
- _classCallCheck(this, MDCSlider);
- return _possibleConstructorReturn(this, (MDCSlider.__proto__ || Object.getPrototypeOf(MDCSlider)).apply(this, arguments));
- }
- _createClass(MDCSlider, [{
- key: 'initialize',
- value: function initialize() {
- this.thumbContainer_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].THUMB_CONTAINER_SELECTOR);
- this.track_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].TRACK_SELECTOR);
- this.pinValueMarker_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].PIN_VALUE_MARKER_SELECTOR);
- this.trackMarkerContainer_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].TRACK_MARKER_CONTAINER_SELECTOR);
- }
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
- hasClass: function hasClass(className) {
- return _this2.root_.classList.contains(className);
- },
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- getAttribute: function getAttribute(name) {
- return _this2.root_.getAttribute(name);
- },
- setAttribute: function setAttribute(name, value) {
- return _this2.root_.setAttribute(name, value);
- },
- removeAttribute: function removeAttribute(name) {
- return _this2.root_.removeAttribute(name);
- },
- computeBoundingRect: function computeBoundingRect() {
- return _this2.root_.getBoundingClientRect();
- },
- getTabIndex: function getTabIndex() {
- return _this2.root_.tabIndex;
- },
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- _this2.root_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- _this2.root_.removeEventListener(type, handler);
- },
- registerThumbContainerInteractionHandler: function registerThumbContainerInteractionHandler(type, handler) {
- _this2.thumbContainer_.addEventListener(type, handler);
- },
- deregisterThumbContainerInteractionHandler: function deregisterThumbContainerInteractionHandler(type, handler) {
- _this2.thumbContainer_.removeEventListener(type, handler);
- },
- registerBodyInteractionHandler: function registerBodyInteractionHandler(type, handler) {
- document.body.addEventListener(type, handler);
- },
- deregisterBodyInteractionHandler: function deregisterBodyInteractionHandler(type, handler) {
- document.body.removeEventListener(type, handler);
- },
- registerResizeHandler: function registerResizeHandler(handler) {
- window.addEventListener('resize', handler);
- },
- deregisterResizeHandler: function deregisterResizeHandler(handler) {
- window.removeEventListener('resize', handler);
- },
- notifyInput: function notifyInput() {
- _this2.emit(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].INPUT_EVENT, _this2);
- },
- notifyChange: function notifyChange() {
- _this2.emit(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].CHANGE_EVENT, _this2);
- },
- setThumbContainerStyleProperty: function setThumbContainerStyleProperty(propertyName, value) {
- _this2.thumbContainer_.style.setProperty(propertyName, value);
- },
- setTrackStyleProperty: function setTrackStyleProperty(propertyName, value) {
- _this2.track_.style.setProperty(propertyName, value);
- },
- setMarkerValue: function setMarkerValue(value) {
- _this2.pinValueMarker_.innerText = value;
- },
- appendTrackMarkers: function appendTrackMarkers(numMarkers) {
- var frag = document.createDocumentFragment();
- for (var i = 0; i < numMarkers; i++) {
- var marker = document.createElement('div');
- marker.classList.add('mdc-slider__track-marker');
- frag.appendChild(marker);
- }
- _this2.trackMarkerContainer_.appendChild(frag);
- },
- removeTrackMarkers: function removeTrackMarkers() {
- while (_this2.trackMarkerContainer_.firstChild) {
- _this2.trackMarkerContainer_.removeChild(_this2.trackMarkerContainer_.firstChild);
- }
- },
- setLastTrackMarkersStyleProperty: function setLastTrackMarkersStyleProperty(propertyName, value) {
- // We remove and append new nodes, thus, the last track marker must be dynamically found.
- var lastTrackMarker = _this2.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].LAST_TRACK_MARKER_SELECTOR);
- lastTrackMarker.style.setProperty(propertyName, value);
- },
- isRTL: function isRTL() {
- return getComputedStyle(_this2.root_).direction === 'rtl';
- }
- });
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var origValueNow = parseFloat(this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].ARIA_VALUENOW));
- this.min = parseFloat(this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].ARIA_VALUEMIN)) || this.min;
- this.max = parseFloat(this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].ARIA_VALUEMAX)) || this.max;
- this.step = parseFloat(this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].STEP_DATA_ATTR)) || this.step;
- this.value = origValueNow || this.value;
- this.disabled = this.root_.hasAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].ARIA_DISABLED) && this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].ARIA_DISABLED) !== 'false';
- this.foundation_.setupTrackMarker();
- }
- }, {
- key: 'layout',
- value: function layout() {
- this.foundation_.layout();
- }
- }, {
- key: 'stepUp',
- value: function stepUp() {
- var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.step || 1;
- this.value += amount;
- }
- }, {
- key: 'stepDown',
- value: function stepDown() {
- var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.step || 1;
- this.value -= amount;
- }
- }, {
- key: 'value',
- get: function get() {
- return this.foundation_.getValue();
- },
- set: function set(value) {
- this.foundation_.setValue(value);
- }
- }, {
- key: 'min',
- get: function get() {
- return this.foundation_.getMin();
- },
- set: function set(min) {
- this.foundation_.setMin(min);
- }
- }, {
- key: 'max',
- get: function get() {
- return this.foundation_.getMax();
- },
- set: function set(max) {
- this.foundation_.setMax(max);
- }
- }, {
- key: 'step',
- get: function get() {
- return this.foundation_.getStep();
- },
- set: function set(step) {
- this.foundation_.setStep(step);
- }
- }, {
- key: 'disabled',
- get: function get() {
- return this.foundation_.isDisabled();
- },
- set: function set(disabled) {
- this.foundation_.setDisabled(disabled);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCSlider(root);
- }
- }]);
- return MDCSlider;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 65 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(12);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_animation__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_base_foundation__ = __webpack_require__(1);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- *you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var KEY_IDS = {
- ARROW_LEFT: 'ArrowLeft',
- ARROW_RIGHT: 'ArrowRight',
- ARROW_UP: 'ArrowUp',
- ARROW_DOWN: 'ArrowDown',
- HOME: 'Home',
- END: 'End',
- PAGE_UP: 'PageUp',
- PAGE_DOWN: 'PageDown'
- };
- var MDCSliderFoundation = function (_MDCFoundation) {
- _inherits(MDCSliderFoundation, _MDCFoundation);
- _createClass(MDCSliderFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */];
- }
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_0__constants__["b" /* numbers */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- hasClass: function hasClass() {
- return (/* className: string */ /* boolean */false
- );
- },
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- getAttribute: function getAttribute() {
- return (/* name: string */ /* string|null */null
- );
- },
- setAttribute: function setAttribute() /* name: string, value: string */{},
- removeAttribute: function removeAttribute() /* name: string */{},
- computeBoundingRect: function computeBoundingRect() {
- return (/* ClientRect */{
- top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0
- }
- );
- },
- getTabIndex: function getTabIndex() {
- return (/* number */0
- );
- },
- registerInteractionHandler: function registerInteractionHandler() /* type: string, handler: EventListener */{},
- deregisterInteractionHandler: function deregisterInteractionHandler() /* type: string, handler: EventListener */{},
- registerThumbContainerInteractionHandler: function registerThumbContainerInteractionHandler() /* type: string, handler: EventListener */{},
- deregisterThumbContainerInteractionHandler: function deregisterThumbContainerInteractionHandler() /* type: string, handler: EventListener */{},
- registerBodyInteractionHandler: function registerBodyInteractionHandler() /* type: string, handler: EventListener */{},
- deregisterBodyInteractionHandler: function deregisterBodyInteractionHandler() /* type: string, handler: EventListener */{},
- registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
- deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{},
- notifyInput: function notifyInput() {},
- notifyChange: function notifyChange() {},
- setThumbContainerStyleProperty: function setThumbContainerStyleProperty() /* propertyName: string, value: string */{},
- setTrackStyleProperty: function setTrackStyleProperty() /* propertyName: string, value: string */{},
- setMarkerValue: function setMarkerValue() /* value: number */{},
- appendTrackMarkers: function appendTrackMarkers() /* numMarkers: number */{},
- removeTrackMarkers: function removeTrackMarkers() {},
- setLastTrackMarkersStyleProperty: function setLastTrackMarkersStyleProperty() /* propertyName: string, value: string */{},
- isRTL: function isRTL() {
- return (/* boolean */false
- );
- }
- };
- }
- }]);
- function MDCSliderFoundation() {
- var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- _classCallCheck(this, MDCSliderFoundation);
- var _this = _possibleConstructorReturn(this, (MDCSliderFoundation.__proto__ || Object.getPrototypeOf(MDCSliderFoundation)).call(this, _extends(MDCSliderFoundation.defaultAdapter, adapter)));
- _this.rect_ = null;
- // We set this to NaN since we want it to be a number, but we can't use '0' or '-1'
- // because those could be valid tabindices set by the client code.
- _this.savedTabIndex_ = NaN;
- _this.off_ = false;
- _this.active_ = false;
- _this.inTransit_ = false;
- _this.isDiscrete_ = false;
- _this.hasTrackMarker_ = false;
- _this.handlingThumbTargetEvt_ = false;
- _this.min_ = 0;
- _this.max_ = 100;
- _this.step_ = 0;
- _this.value_ = 0;
- _this.disabled_ = false;
- _this.preventFocusState_ = false;
- _this.updateUIFrame_ = 0;
- _this.thumbContainerPointerHandler_ = function () {
- _this.handlingThumbTargetEvt_ = true;
- };
- _this.mousedownHandler_ = _this.createDownHandler_('mousemove', 'mouseup');
- _this.pointerdownHandler_ = _this.createDownHandler_('pointermove', 'pointerup');
- _this.touchstartHandler_ = _this.createDownHandler_('touchmove', 'touchend', function (_ref) {
- var targetTouches = _ref.targetTouches;
- return targetTouches[0].pageX;
- });
- _this.keydownHandler_ = function (evt) {
- return _this.handleKeydown_(evt);
- };
- _this.focusHandler_ = function () {
- return _this.handleFocus_();
- };
- _this.blurHandler_ = function () {
- return _this.handleBlur_();
- };
- _this.resizeHandler_ = function () {
- return _this.layout();
- };
- return _this;
- }
- _createClass(MDCSliderFoundation, [{
- key: 'init',
- value: function init() {
- var _this2 = this;
- this.isDiscrete_ = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].IS_DISCRETE);
- this.hasTrackMarker_ = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].HAS_TRACK_MARKER);
- this.adapter_.registerInteractionHandler('mousedown', this.mousedownHandler_);
- this.adapter_.registerInteractionHandler('pointerdown', this.pointerdownHandler_);
- this.adapter_.registerInteractionHandler('touchstart', this.touchstartHandler_);
- this.adapter_.registerInteractionHandler('keydown', this.keydownHandler_);
- this.adapter_.registerInteractionHandler('focus', this.focusHandler_);
- this.adapter_.registerInteractionHandler('blur', this.blurHandler_);
- ['mousedown', 'pointerdown', 'touchstart'].forEach(function (evtName) {
- _this2.adapter_.registerThumbContainerInteractionHandler(evtName, _this2.thumbContainerPointerHandler_);
- });
- this.adapter_.registerResizeHandler(this.resizeHandler_);
- this.layout();
- // At last step, provide a reasonable default value to discrete slider
- if (this.isDiscrete_ && this.getStep() == 0) {
- this.setStep(1);
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this3 = this;
- this.adapter_.deregisterInteractionHandler('mousedown', this.mousedownHandler_);
- this.adapter_.deregisterInteractionHandler('pointerdown', this.mousedownHandler_);
- this.adapter_.deregisterInteractionHandler('touchstart', this.mousedownHandler_);
- this.adapter_.deregisterInteractionHandler('keydown', this.keydownHandler_);
- this.adapter_.deregisterInteractionHandler('focus', this.focusHandler_);
- this.adapter_.deregisterInteractionHandler('blur', this.blurHandler_);
- ['mousedown', 'pointerdown', 'touchstart'].forEach(function (evtName) {
- _this3.adapter_.deregisterThumbContainerInteractionHandler(evtName, _this3.thumbContainerPointerHandler_);
- });
- this.adapter_.deregisterResizeHandler(this.resizeHandler_);
- }
- }, {
- key: 'setupTrackMarker',
- value: function setupTrackMarker() {
- if (this.isDiscrete_ && this.hasTrackMarker_ && this.getStep() != 0) {
- var min = this.getMin();
- var max = this.getMax();
- var step = this.getStep();
- var numMarkers = (max - min) / step;
- // In case distance between max & min is indivisible to step,
- // we place the secondary to last marker proportionally at where thumb
- // could reach and place the last marker at max value
- var indivisible = Math.ceil(numMarkers) !== numMarkers;
- if (indivisible) {
- numMarkers = Math.ceil(numMarkers);
- }
- this.adapter_.removeTrackMarkers();
- this.adapter_.appendTrackMarkers(numMarkers);
- if (indivisible) {
- var lastStepRatio = (max - numMarkers * step) / step + 1;
- var flex = Object(__WEBPACK_IMPORTED_MODULE_1__material_animation__["b" /* getCorrectPropertyName */])(window, 'flex');
- this.adapter_.setLastTrackMarkersStyleProperty(flex, lastStepRatio);
- }
- }
- }
- }, {
- key: 'layout',
- value: function layout() {
- this.rect_ = this.adapter_.computeBoundingRect();
- this.updateUIForCurrentValue_();
- }
- }, {
- key: 'getValue',
- value: function getValue() {
- return this.value_;
- }
- }, {
- key: 'setValue',
- value: function setValue(value) {
- this.setValue_(value, false);
- }
- }, {
- key: 'getMax',
- value: function getMax() {
- return this.max_;
- }
- }, {
- key: 'setMax',
- value: function setMax(max) {
- if (max < this.min_) {
- throw new Error('Cannot set max to be less than the slider\'s minimum value');
- }
- this.max_ = max;
- this.setValue_(this.value_, false, true);
- this.adapter_.setAttribute(__WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */].ARIA_VALUEMAX, String(this.max_));
- this.setupTrackMarker();
- }
- }, {
- key: 'getMin',
- value: function getMin() {
- return this.min_;
- }
- }, {
- key: 'setMin',
- value: function setMin(min) {
- if (min > this.max_) {
- throw new Error('Cannot set min to be greater than the slider\'s maximum value');
- }
- this.min_ = min;
- this.setValue_(this.value_, false, true);
- this.adapter_.setAttribute(__WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */].ARIA_VALUEMIN, String(this.min_));
- this.setupTrackMarker();
- }
- }, {
- key: 'getStep',
- value: function getStep() {
- return this.step_;
- }
- }, {
- key: 'setStep',
- value: function setStep(step) {
- if (step < 0) {
- throw new Error('Step cannot be set to a negative number');
- }
- if (this.isDiscrete_ && (typeof step !== 'number' || step < 1)) {
- step = 1;
- }
- this.step_ = step;
- this.setValue_(this.value_, false, true);
- this.setupTrackMarker();
- }
- }, {
- key: 'isDisabled',
- value: function isDisabled() {
- return this.disabled_;
- }
- }, {
- key: 'setDisabled',
- value: function setDisabled(disabled) {
- this.disabled_ = disabled;
- this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].DISABLED, this.disabled_);
- if (this.disabled_) {
- this.savedTabIndex_ = this.adapter_.getTabIndex();
- this.adapter_.setAttribute(__WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */].ARIA_DISABLED, 'true');
- this.adapter_.removeAttribute('tabindex');
- } else {
- this.adapter_.removeAttribute(__WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */].ARIA_DISABLED);
- if (!isNaN(this.savedTabIndex_)) {
- this.adapter_.setAttribute('tabindex', String(this.savedTabIndex_));
- }
- }
- }
- }, {
- key: 'createDownHandler_',
- value: function createDownHandler_(moveEvt, upEvt) {
- var _this4 = this;
- var getPageX = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (_ref2) {
- var pageX = _ref2.pageX;
- return pageX;
- };
- var moveHandler = function moveHandler(evt) {
- evt.preventDefault();
- _this4.setValueFromEvt_(evt, getPageX);
- };
- var upHandler = function upHandler() {
- _this4.setActive_(false);
- _this4.adapter_.deregisterBodyInteractionHandler(moveEvt, moveHandler);
- _this4.adapter_.deregisterBodyInteractionHandler(upEvt, upHandler);
- _this4.adapter_.notifyChange();
- };
- var downHandler = function downHandler(evt) {
- if (_this4.disabled_) {
- return;
- }
- _this4.preventFocusState_ = true;
- _this4.setInTransit_(!_this4.handlingThumbTargetEvt_);
- _this4.handlingThumbTargetEvt_ = false;
- _this4.setActive_(true);
- _this4.adapter_.registerBodyInteractionHandler(moveEvt, moveHandler);
- _this4.adapter_.registerBodyInteractionHandler(upEvt, upHandler);
- _this4.setValueFromEvt_(evt, getPageX);
- };
- return downHandler;
- }
- }, {
- key: 'setValueFromEvt_',
- value: function setValueFromEvt_(evt, getPageX) {
- var pageX = getPageX(evt);
- var value = this.computeValueFromPageX_(pageX);
- this.setValue_(value, true);
- }
- }, {
- key: 'computeValueFromPageX_',
- value: function computeValueFromPageX_(pageX) {
- var max = this.max_,
- min = this.min_;
- var xPos = pageX - this.rect_.left;
- var pctComplete = xPos / this.rect_.width;
- if (this.adapter_.isRTL()) {
- pctComplete = 1 - pctComplete;
- }
- // Fit the percentage complete between the range [min,max]
- // by remapping from [0, 1] to [min, min+(max-min)].
- return min + pctComplete * (max - min);
- }
- }, {
- key: 'handleKeydown_',
- value: function handleKeydown_(evt) {
- var keyId = this.getKeyId_(evt);
- var value = this.getValueForKeyId_(keyId);
- if (isNaN(value)) {
- return;
- }
- // Prevent page from scrolling due to key presses that would normally scroll the page
- evt.preventDefault();
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].FOCUS);
- this.setValue_(value, true);
- this.adapter_.notifyChange();
- }
- }, {
- key: 'getKeyId_',
- value: function getKeyId_(kbdEvt) {
- switch (kbdEvt.key || kbdEvt.keyCode) {
- case KEY_IDS.ARROW_LEFT:
- case 37:
- return KEY_IDS.ARROW_LEFT;
- case KEY_IDS.ARROW_RIGHT:
- case 39:
- return KEY_IDS.ARROW_RIGHT;
- case KEY_IDS.ARROW_UP:
- case 38:
- return KEY_IDS.ARROW_UP;
- case KEY_IDS.ARROW_DOWN:
- case 40:
- return KEY_IDS.ARROW_DOWN;
- case KEY_IDS.HOME:
- case 36:
- return KEY_IDS.HOME;
- case KEY_IDS.END:
- case 35:
- return KEY_IDS.END;
- case KEY_IDS.PAGE_UP:
- case 33:
- return KEY_IDS.PAGE_UP;
- case KEY_IDS.PAGE_DOWN:
- case 34:
- return KEY_IDS.PAGE_DOWN;
- default:
- // Doesn't matter
- return '';
- }
- }
- }, {
- key: 'getValueForKeyId_',
- value: function getValueForKeyId_(keyId) {
- var max = this.max_,
- min = this.min_,
- step = this.step_;
- var delta = step || (max - min) / 100;
- var valueNeedsToBeFlipped = this.adapter_.isRTL() && (keyId === KEY_IDS.ARROW_LEFT || keyId === KEY_IDS.ARROW_RIGHT);
- if (valueNeedsToBeFlipped) {
- delta = -delta;
- }
- switch (keyId) {
- case KEY_IDS.ARROW_LEFT:
- case KEY_IDS.ARROW_DOWN:
- return this.value_ - delta;
- case KEY_IDS.ARROW_RIGHT:
- case KEY_IDS.ARROW_UP:
- return this.value_ + delta;
- case KEY_IDS.HOME:
- return this.min_;
- case KEY_IDS.END:
- return this.max_;
- case KEY_IDS.PAGE_UP:
- return this.value_ + delta * __WEBPACK_IMPORTED_MODULE_0__constants__["b" /* numbers */].PAGE_FACTOR;
- case KEY_IDS.PAGE_DOWN:
- return this.value_ - delta * __WEBPACK_IMPORTED_MODULE_0__constants__["b" /* numbers */].PAGE_FACTOR;
- default:
- return NaN;
- }
- }
- }, {
- key: 'handleFocus_',
- value: function handleFocus_() {
- if (this.preventFocusState_) {
- return;
- }
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].FOCUS);
- }
- }, {
- key: 'handleBlur_',
- value: function handleBlur_() {
- this.preventFocusState_ = false;
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].FOCUS);
- }
- }, {
- key: 'setValue_',
- value: function setValue_(value, shouldFireInput) {
- var force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
- if (value === this.value_ && !force) {
- return;
- }
- var min = this.min_,
- max = this.max_;
- var valueSetToBoundary = value === min || value === max;
- if (this.step_ && !valueSetToBoundary) {
- value = this.quantize_(value);
- }
- if (value < min) {
- value = min;
- } else if (value > max) {
- value = max;
- }
- this.value_ = value;
- this.adapter_.setAttribute(__WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */].ARIA_VALUENOW, String(this.value_));
- this.updateUIForCurrentValue_();
- if (shouldFireInput) {
- this.adapter_.notifyInput();
- if (this.isDiscrete_) {
- this.adapter_.setMarkerValue(value);
- }
- }
- }
- }, {
- key: 'quantize_',
- value: function quantize_(value) {
- var numSteps = Math.round(value / this.step_);
- var quantizedVal = numSteps * this.step_;
- return quantizedVal;
- }
- }, {
- key: 'updateUIForCurrentValue_',
- value: function updateUIForCurrentValue_() {
- var _this5 = this;
- var max = this.max_,
- min = this.min_,
- value = this.value_;
- var pctComplete = (value - min) / (max - min);
- var translatePx = pctComplete * this.rect_.width;
- if (this.adapter_.isRTL()) {
- translatePx = this.rect_.width - translatePx;
- }
- var transformProp = Object(__WEBPACK_IMPORTED_MODULE_1__material_animation__["b" /* getCorrectPropertyName */])(window, 'transform');
- var transitionendEvtName = Object(__WEBPACK_IMPORTED_MODULE_1__material_animation__["a" /* getCorrectEventName */])(window, 'transitionend');
- if (this.inTransit_) {
- var onTransitionEnd = function onTransitionEnd() {
- _this5.setInTransit_(false);
- _this5.adapter_.deregisterThumbContainerInteractionHandler(transitionendEvtName, onTransitionEnd);
- };
- this.adapter_.registerThumbContainerInteractionHandler(transitionendEvtName, onTransitionEnd);
- }
- this.updateUIFrame_ = requestAnimationFrame(function () {
- _this5.setOff_(pctComplete === 0);
- // NOTE(traviskaufman): It would be nice to use calc() here,
- // but IE cannot handle calcs in transforms correctly.
- // See: https://goo.gl/NC2itk
- // Also note that the -50% offset is used to center the slider thumb.
- _this5.adapter_.setThumbContainerStyleProperty(transformProp, 'translateX(' + translatePx + 'px) translateX(-50%)');
- _this5.adapter_.setTrackStyleProperty(transformProp, 'scaleX(' + pctComplete + ')');
- });
- }
- }, {
- key: 'setOff_',
- value: function setOff_(off) {
- this.off_ = off;
- this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].OFF, this.off_);
- }
- }, {
- key: 'setActive_',
- value: function setActive_(active) {
- this.active_ = active;
- this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].ACTIVE, this.active_);
- }
- }, {
- key: 'setInTransit_',
- value: function setInTransit_(inTransit) {
- this.inTransit_ = inTransit;
- this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].IN_TRANSIT, this.inTransit_);
- }
- }, {
- key: 'toggleClass_',
- value: function toggleClass_(className, shouldBePresent) {
- if (shouldBePresent) {
- this.adapter_.addClass(className);
- } else {
- this.adapter_.removeClass(className);
- }
- }
- }]);
- return MDCSliderFoundation;
- }(__WEBPACK_IMPORTED_MODULE_2__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCSliderFoundation);
- /***/ }),
- /* 66 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSnackbar", function() { return MDCSnackbar; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(67);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_animation__ = __webpack_require__(5);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSnackbarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCSnackbar = function (_MDCComponent) {
- _inherits(MDCSnackbar, _MDCComponent);
- function MDCSnackbar() {
- _classCallCheck(this, MDCSnackbar);
- return _possibleConstructorReturn(this, (MDCSnackbar.__proto__ || Object.getPrototypeOf(MDCSnackbar)).apply(this, arguments));
- }
- _createClass(MDCSnackbar, [{
- key: 'show',
- value: function show(data) {
- this.foundation_.show(data);
- }
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- var _MDCSnackbarFoundatio = __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings,
- TEXT_SELECTOR = _MDCSnackbarFoundatio.TEXT_SELECTOR,
- ACTION_BUTTON_SELECTOR = _MDCSnackbarFoundatio.ACTION_BUTTON_SELECTOR;
- var getText = function getText() {
- return _this2.root_.querySelector(TEXT_SELECTOR);
- };
- var getActionButton = function getActionButton() {
- return _this2.root_.querySelector(ACTION_BUTTON_SELECTOR);
- };
- /* eslint brace-style: "off" */
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- setAriaHidden: function setAriaHidden() {
- return _this2.root_.setAttribute('aria-hidden', 'true');
- },
- unsetAriaHidden: function unsetAriaHidden() {
- return _this2.root_.removeAttribute('aria-hidden');
- },
- setActionAriaHidden: function setActionAriaHidden() {
- return getActionButton().setAttribute('aria-hidden', 'true');
- },
- unsetActionAriaHidden: function unsetActionAriaHidden() {
- return getActionButton().removeAttribute('aria-hidden');
- },
- setActionText: function setActionText(text) {
- getActionButton().textContent = text;
- },
- setMessageText: function setMessageText(text) {
- getText().textContent = text;
- },
- setFocus: function setFocus() {
- return getActionButton().focus();
- },
- visibilityIsHidden: function visibilityIsHidden() {
- return document.hidden;
- },
- registerCapturedBlurHandler: function registerCapturedBlurHandler(handler) {
- return getActionButton().addEventListener('blur', handler, true);
- },
- deregisterCapturedBlurHandler: function deregisterCapturedBlurHandler(handler) {
- return getActionButton().removeEventListener('blur', handler, true);
- },
- registerVisibilityChangeHandler: function registerVisibilityChangeHandler(handler) {
- return document.addEventListener('visibilitychange', handler);
- },
- deregisterVisibilityChangeHandler: function deregisterVisibilityChangeHandler(handler) {
- return document.removeEventListener('visibilitychange', handler);
- },
- registerCapturedInteractionHandler: function registerCapturedInteractionHandler(evt, handler) {
- return document.body.addEventListener(evt, handler, true);
- },
- deregisterCapturedInteractionHandler: function deregisterCapturedInteractionHandler(evt, handler) {
- return document.body.removeEventListener(evt, handler, true);
- },
- registerActionClickHandler: function registerActionClickHandler(handler) {
- return getActionButton().addEventListener('click', handler);
- },
- deregisterActionClickHandler: function deregisterActionClickHandler(handler) {
- return getActionButton().removeEventListener('click', handler);
- },
- registerTransitionEndHandler: function registerTransitionEndHandler(handler) {
- return _this2.root_.addEventListener(Object(__WEBPACK_IMPORTED_MODULE_2__material_animation__["a" /* getCorrectEventName */])(window, 'transitionend'), handler);
- },
- deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
- return _this2.root_.removeEventListener(Object(__WEBPACK_IMPORTED_MODULE_2__material_animation__["a" /* getCorrectEventName */])(window, 'transitionend'), handler);
- }
- });
- }
- }, {
- key: 'dismissesOnAction',
- get: function get() {
- return this.foundation_.dismissesOnAction();
- },
- set: function set(dismissesOnAction) {
- this.foundation_.setDismissOnAction(dismissesOnAction);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCSnackbar(root);
- }
- }]);
- return MDCSnackbar;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
- /***/ }),
- /* 67 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(68);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCSnackbarFoundation = function (_MDCFoundation) {
- _inherits(MDCSnackbarFoundation, _MDCFoundation);
- _createClass(MDCSnackbarFoundation, [{
- key: 'active',
- get: function get() {
- return this.active_;
- }
- }], [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- setAriaHidden: function setAriaHidden() {},
- unsetAriaHidden: function unsetAriaHidden() {},
- setActionAriaHidden: function setActionAriaHidden() {},
- unsetActionAriaHidden: function unsetActionAriaHidden() {},
- setActionText: function setActionText() /* actionText: string */{},
- setMessageText: function setMessageText() /* message: string */{},
- setFocus: function setFocus() {},
- visibilityIsHidden: function visibilityIsHidden() {
- return (/* boolean */false
- );
- },
- registerCapturedBlurHandler: function registerCapturedBlurHandler() /* handler: EventListener */{},
- deregisterCapturedBlurHandler: function deregisterCapturedBlurHandler() /* handler: EventListener */{},
- registerVisibilityChangeHandler: function registerVisibilityChangeHandler() /* handler: EventListener */{},
- deregisterVisibilityChangeHandler: function deregisterVisibilityChangeHandler() /* handler: EventListener */{},
- registerCapturedInteractionHandler: function registerCapturedInteractionHandler() /* evtType: string, handler: EventListener */{},
- deregisterCapturedInteractionHandler: function deregisterCapturedInteractionHandler() /* evtType: string, handler: EventListener */{},
- registerActionClickHandler: function registerActionClickHandler() /* handler: EventListener */{},
- deregisterActionClickHandler: function deregisterActionClickHandler() /* handler: EventListener */{},
- registerTransitionEndHandler: function registerTransitionEndHandler() /* handler: EventListener */{},
- deregisterTransitionEndHandler: function deregisterTransitionEndHandler() /* handler: EventListener */{}
- };
- }
- }]);
- function MDCSnackbarFoundation(adapter) {
- _classCallCheck(this, MDCSnackbarFoundation);
- var _this = _possibleConstructorReturn(this, (MDCSnackbarFoundation.__proto__ || Object.getPrototypeOf(MDCSnackbarFoundation)).call(this, _extends(MDCSnackbarFoundation.defaultAdapter, adapter)));
- _this.active_ = false;
- _this.actionWasClicked_ = false;
- _this.dismissOnAction_ = true;
- _this.firstFocus_ = true;
- _this.pointerDownRecognized_ = false;
- _this.snackbarHasFocus_ = false;
- _this.snackbarData_ = null;
- _this.queue_ = [];
- _this.actionClickHandler_ = function () {
- _this.actionWasClicked_ = true;
- _this.invokeAction_();
- };
- _this.visibilitychangeHandler_ = function () {
- clearTimeout(_this.timeoutId_);
- _this.snackbarHasFocus_ = true;
- if (!_this.adapter_.visibilityIsHidden()) {
- setTimeout(_this.cleanup_.bind(_this), _this.snackbarData_.timeout || __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* numbers */].MESSAGE_TIMEOUT);
- }
- };
- _this.interactionHandler_ = function (evt) {
- if (evt.type == 'touchstart' || evt.type == 'mousedown') {
- _this.pointerDownRecognized_ = true;
- }
- _this.handlePossibleTabKeyboardFocus_(evt);
- if (evt.type == 'focus') {
- _this.pointerDownRecognized_ = false;
- }
- };
- _this.blurHandler_ = function () {
- clearTimeout(_this.timeoutId_);
- _this.snackbarHasFocus_ = false;
- _this.timeoutId_ = setTimeout(_this.cleanup_.bind(_this), _this.snackbarData_.timeout || __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* numbers */].MESSAGE_TIMEOUT);
- };
- return _this;
- }
- _createClass(MDCSnackbarFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.registerActionClickHandler(this.actionClickHandler_);
- this.adapter_.setAriaHidden();
- this.adapter_.setActionAriaHidden();
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this2 = this;
- this.adapter_.deregisterActionClickHandler(this.actionClickHandler_);
- this.adapter_.deregisterCapturedBlurHandler(this.blurHandler_);
- this.adapter_.deregisterVisibilityChangeHandler(this.visibilitychangeHandler_);
- ['touchstart', 'mousedown', 'focus'].forEach(function (evtType) {
- _this2.adapter_.deregisterCapturedInteractionHandler(evtType, _this2.interactionHandler_);
- });
- }
- }, {
- key: 'dismissesOnAction',
- value: function dismissesOnAction() {
- return this.dismissOnAction_;
- }
- }, {
- key: 'setDismissOnAction',
- value: function setDismissOnAction(dismissOnAction) {
- this.dismissOnAction_ = !!dismissOnAction;
- }
- }, {
- key: 'show',
- value: function show(data) {
- var _this3 = this;
- clearTimeout(this.timeoutId_);
- this.snackbarData_ = data;
- this.firstFocus_ = true;
- this.adapter_.registerVisibilityChangeHandler(this.visibilitychangeHandler_);
- this.adapter_.registerCapturedBlurHandler(this.blurHandler_);
- ['touchstart', 'mousedown', 'focus'].forEach(function (evtType) {
- _this3.adapter_.registerCapturedInteractionHandler(evtType, _this3.interactionHandler_);
- });
- if (!this.snackbarData_) {
- throw new Error('Please provide a data object with at least a message to display.');
- }
- if (!this.snackbarData_.message) {
- throw new Error('Please provide a message to be displayed.');
- }
- if (this.snackbarData_.actionHandler && !this.snackbarData_.actionText) {
- throw new Error('Please provide action text with the handler.');
- }
- if (this.active) {
- this.queue_.push(this.snackbarData_);
- }
- var ACTIVE = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTIVE,
- MULTILINE = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].MULTILINE,
- ACTION_ON_BOTTOM = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTION_ON_BOTTOM;
- this.adapter_.setMessageText(this.snackbarData_.message);
- if (this.snackbarData_.multiline) {
- this.adapter_.addClass(MULTILINE);
- if (this.snackbarData_.actionOnBottom) {
- this.adapter_.addClass(ACTION_ON_BOTTOM);
- }
- }
- if (this.snackbarData_.actionHandler) {
- this.adapter_.setActionText(this.snackbarData_.actionText);
- this.actionHandler_ = this.snackbarData_.actionHandler;
- this.setActionHidden_(false);
- } else {
- this.setActionHidden_(true);
- this.actionHandler_ = null;
- this.adapter_.setActionText(null);
- }
- this.active_ = true;
- this.adapter_.addClass(ACTIVE);
- this.adapter_.unsetAriaHidden();
- this.timeoutId_ = setTimeout(this.cleanup_.bind(this), this.snackbarData_.timeout || __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* numbers */].MESSAGE_TIMEOUT);
- }
- }, {
- key: 'handlePossibleTabKeyboardFocus_',
- value: function handlePossibleTabKeyboardFocus_() {
- var hijackFocus = this.firstFocus_ && !this.pointerDownRecognized_;
- if (hijackFocus) {
- this.setFocusOnAction_();
- }
- this.firstFocus_ = false;
- }
- }, {
- key: 'setFocusOnAction_',
- value: function setFocusOnAction_() {
- this.adapter_.setFocus();
- this.snackbarHasFocus_ = true;
- this.firstFocus_ = false;
- }
- }, {
- key: 'invokeAction_',
- value: function invokeAction_() {
- try {
- if (!this.actionHandler_) {
- return;
- }
- this.actionHandler_();
- } finally {
- if (this.dismissOnAction_) {
- this.cleanup_();
- }
- }
- }
- }, {
- key: 'cleanup_',
- value: function cleanup_() {
- var _this4 = this;
- var allowDismissal = !this.snackbarHasFocus_ || this.actionWasClicked_;
- if (allowDismissal) {
- var ACTIVE = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTIVE,
- MULTILINE = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].MULTILINE,
- ACTION_ON_BOTTOM = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTION_ON_BOTTOM;
- this.adapter_.removeClass(ACTIVE);
- var handler = function handler() {
- clearTimeout(_this4.timeoutId_);
- _this4.adapter_.deregisterTransitionEndHandler(handler);
- _this4.adapter_.removeClass(MULTILINE);
- _this4.adapter_.removeClass(ACTION_ON_BOTTOM);
- _this4.setActionHidden_(true);
- _this4.adapter_.setAriaHidden();
- _this4.active_ = false;
- _this4.snackbarHasFocus_ = false;
- _this4.showNext_();
- };
- this.adapter_.registerTransitionEndHandler(handler);
- }
- }
- }, {
- key: 'showNext_',
- value: function showNext_() {
- if (!this.queue_.length) {
- return;
- }
- this.show(this.queue_.shift());
- }
- }, {
- key: 'setActionHidden_',
- value: function setActionHidden_(isHidden) {
- if (isHidden) {
- this.adapter_.setActionAriaHidden();
- } else {
- this.adapter_.unsetActionAriaHidden();
- }
- }
- }]);
- return MDCSnackbarFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCSnackbarFoundation);
- /***/ }),
- /* 68 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- ROOT: 'mdc-snackbar',
- TEXT: 'mdc-snackbar__text',
- ACTION_WRAPPER: 'mdc-snackbar__action-wrapper',
- ACTION_BUTTON: 'mdc-snackbar__action-button',
- ACTIVE: 'mdc-snackbar--active',
- MULTILINE: 'mdc-snackbar--multiline',
- ACTION_ON_BOTTOM: 'mdc-snackbar--action-on-bottom'
- };
- var strings = {
- TEXT_SELECTOR: '.mdc-snackbar__text',
- ACTION_WRAPPER_SELECTOR: '.mdc-snackbar__action-wrapper',
- ACTION_BUTTON_SELECTOR: '.mdc-snackbar__action-button'
- };
- var numbers = {
- MESSAGE_TIMEOUT: 2750
- };
- /***/ }),
- /* 69 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__tab__ = __webpack_require__(13);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabFoundation", function() { return __WEBPACK_IMPORTED_MODULE_0__tab__["b"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTab", function() { return __WEBPACK_IMPORTED_MODULE_0__tab__["a"]; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__tab_bar__ = __webpack_require__(15);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__tab_bar__["b"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBar", function() { return __WEBPACK_IMPORTED_MODULE_1__tab_bar__["a"]; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__tab_bar_scroller__ = __webpack_require__(73);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBarScrollerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__tab_bar_scroller__["b"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBarScroller", function() { return __WEBPACK_IMPORTED_MODULE_2__tab_bar_scroller__["a"]; });
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- /***/ }),
- /* 70 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(14);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCTabFoundation = function (_MDCFoundation) {
- _inherits(MDCTabFoundation, _MDCFoundation);
- _createClass(MDCTabFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- registerInteractionHandler: function registerInteractionHandler() /* type: string, handler: EventListener */{},
- deregisterInteractionHandler: function deregisterInteractionHandler() /* type: string, handler: EventListener */{},
- getOffsetWidth: function getOffsetWidth() {
- return (/* number */0
- );
- },
- getOffsetLeft: function getOffsetLeft() {
- return (/* number */0
- );
- },
- notifySelected: function notifySelected() {}
- };
- }
- }]);
- function MDCTabFoundation() {
- var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- _classCallCheck(this, MDCTabFoundation);
- var _this = _possibleConstructorReturn(this, (MDCTabFoundation.__proto__ || Object.getPrototypeOf(MDCTabFoundation)).call(this, _extends(MDCTabFoundation.defaultAdapter, adapter)));
- _this.computedWidth_ = 0;
- _this.computedLeft_ = 0;
- _this.isActive_ = false;
- _this.preventDefaultOnClick_ = false;
- _this.clickHandler_ = function (evt) {
- if (_this.preventDefaultOnClick_) {
- evt.preventDefault();
- }
- _this.adapter_.notifySelected();
- };
- _this.keydownHandler_ = function (evt) {
- if (evt.key && evt.key === 'Enter' || evt.keyCode === 13) {
- _this.adapter_.notifySelected();
- }
- };
- return _this;
- }
- _createClass(MDCTabFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.registerInteractionHandler('click', this.clickHandler_);
- this.adapter_.registerInteractionHandler('keydown', this.keydownHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterInteractionHandler('click', this.clickHandler_);
- this.adapter_.deregisterInteractionHandler('keydown', this.keydownHandler_);
- }
- }, {
- key: 'getComputedWidth',
- value: function getComputedWidth() {
- return this.computedWidth_;
- }
- }, {
- key: 'getComputedLeft',
- value: function getComputedLeft() {
- return this.computedLeft_;
- }
- }, {
- key: 'isActive',
- value: function isActive() {
- return this.isActive_;
- }
- }, {
- key: 'setActive',
- value: function setActive(isActive) {
- this.isActive_ = isActive;
- if (this.isActive_) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTIVE);
- } else {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTIVE);
- }
- }
- }, {
- key: 'preventsDefaultOnClick',
- value: function preventsDefaultOnClick() {
- return this.preventDefaultOnClick_;
- }
- }, {
- key: 'setPreventDefaultOnClick',
- value: function setPreventDefaultOnClick(preventDefaultOnClick) {
- this.preventDefaultOnClick_ = preventDefaultOnClick;
- }
- }, {
- key: 'measureSelf',
- value: function measureSelf() {
- this.computedWidth_ = this.adapter_.getOffsetWidth();
- this.computedLeft_ = this.adapter_.getOffsetLeft();
- }
- }]);
- return MDCTabFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabFoundation);
- /***/ }),
- /* 71 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_animation__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(72);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCTabBarFoundation = function (_MDCFoundation) {
- _inherits(MDCTabBarFoundation, _MDCFoundation);
- _createClass(MDCTabBarFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- bindOnMDCTabSelectedEvent: function bindOnMDCTabSelectedEvent() {},
- unbindOnMDCTabSelectedEvent: function unbindOnMDCTabSelectedEvent() {},
- registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
- deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{},
- getOffsetWidth: function getOffsetWidth() {
- return (/* number */0
- );
- },
- setStyleForIndicator: function setStyleForIndicator() /* propertyName: string, value: string */{},
- getOffsetWidthForIndicator: function getOffsetWidthForIndicator() {
- return (/* number */0
- );
- },
- notifyChange: function notifyChange() /* evtData: {activeTabIndex: number} */{},
- getNumberOfTabs: function getNumberOfTabs() {
- return (/* number */0
- );
- },
- isTabActiveAtIndex: function isTabActiveAtIndex() {
- return (/* index: number */ /* boolean */false
- );
- },
- setTabActiveAtIndex: function setTabActiveAtIndex() /* index: number, isActive: true */{},
- isDefaultPreventedOnClickForTabAtIndex: function isDefaultPreventedOnClickForTabAtIndex() {
- return (/* index: number */ /* boolean */false
- );
- },
- setPreventDefaultOnClickForTabAtIndex: function setPreventDefaultOnClickForTabAtIndex() /* index: number, preventDefaultOnClick: boolean */{},
- measureTabAtIndex: function measureTabAtIndex() /* index: number */{},
- getComputedWidthForTabAtIndex: function getComputedWidthForTabAtIndex() {
- return (/* index: number */ /* number */0
- );
- },
- getComputedLeftForTabAtIndex: function getComputedLeftForTabAtIndex() {
- return (/* index: number */ /* number */0
- );
- }
- };
- }
- }]);
- function MDCTabBarFoundation(adapter) {
- _classCallCheck(this, MDCTabBarFoundation);
- var _this = _possibleConstructorReturn(this, (MDCTabBarFoundation.__proto__ || Object.getPrototypeOf(MDCTabBarFoundation)).call(this, _extends(MDCTabBarFoundation.defaultAdapter, adapter)));
- _this.isIndicatorShown_ = false;
- _this.computedWidth_ = 0;
- _this.computedLeft_ = 0;
- _this.activeTabIndex_ = 0;
- _this.layoutFrame_ = 0;
- _this.resizeHandler_ = function () {
- return _this.layout();
- };
- return _this;
- }
- _createClass(MDCTabBarFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].UPGRADED);
- this.adapter_.bindOnMDCTabSelectedEvent();
- this.adapter_.registerResizeHandler(this.resizeHandler_);
- var activeTabIndex = this.findActiveTabIndex_();
- if (activeTabIndex >= 0) {
- this.activeTabIndex_ = activeTabIndex;
- }
- this.layout();
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].UPGRADED);
- this.adapter_.unbindOnMDCTabSelectedEvent();
- this.adapter_.deregisterResizeHandler(this.resizeHandler_);
- }
- }, {
- key: 'layoutInternal_',
- value: function layoutInternal_() {
- var _this2 = this;
- this.forEachTabIndex_(function (index) {
- return _this2.adapter_.measureTabAtIndex(index);
- });
- this.computedWidth_ = this.adapter_.getOffsetWidth();
- this.layoutIndicator_();
- }
- }, {
- key: 'layoutIndicator_',
- value: function layoutIndicator_() {
- var isIndicatorFirstRender = !this.isIndicatorShown_;
- // Ensure that indicator appears in the right position immediately for correct first render.
- if (isIndicatorFirstRender) {
- this.adapter_.setStyleForIndicator('transition', 'none');
- }
- var translateAmtForActiveTabLeft = this.adapter_.getComputedLeftForTabAtIndex(this.activeTabIndex_);
- var scaleAmtForActiveTabWidth = this.adapter_.getComputedWidthForTabAtIndex(this.activeTabIndex_) / this.adapter_.getOffsetWidth();
- var transformValue = 'translateX(' + translateAmtForActiveTabLeft + 'px) scale(' + scaleAmtForActiveTabWidth + ', 1)';
- this.adapter_.setStyleForIndicator(Object(__WEBPACK_IMPORTED_MODULE_1__material_animation__["b" /* getCorrectPropertyName */])(window, 'transform'), transformValue);
- if (isIndicatorFirstRender) {
- // Force layout so that transform styles to take effect.
- this.adapter_.getOffsetWidthForIndicator();
- this.adapter_.setStyleForIndicator('transition', '');
- this.adapter_.setStyleForIndicator('visibility', 'visible');
- this.isIndicatorShown_ = true;
- }
- }
- }, {
- key: 'findActiveTabIndex_',
- value: function findActiveTabIndex_() {
- var _this3 = this;
- var activeTabIndex = -1;
- this.forEachTabIndex_(function (index) {
- if (_this3.adapter_.isTabActiveAtIndex(index)) {
- activeTabIndex = index;
- return true;
- }
- });
- return activeTabIndex;
- }
- }, {
- key: 'forEachTabIndex_',
- value: function forEachTabIndex_(iterator) {
- var numTabs = this.adapter_.getNumberOfTabs();
- for (var index = 0; index < numTabs; index++) {
- var shouldBreak = iterator(index);
- if (shouldBreak) {
- break;
- }
- }
- }
- }, {
- key: 'layout',
- value: function layout() {
- var _this4 = this;
- if (this.layoutFrame_) {
- cancelAnimationFrame(this.layoutFrame_);
- }
- this.layoutFrame_ = requestAnimationFrame(function () {
- _this4.layoutInternal_();
- _this4.layoutFrame_ = 0;
- });
- }
- }, {
- key: 'switchToTabAtIndex',
- value: function switchToTabAtIndex(index, shouldNotify) {
- var _this5 = this;
- if (index === this.activeTabIndex_) {
- return;
- }
- if (index < 0 || index >= this.adapter_.getNumberOfTabs()) {
- throw new Error('Out of bounds index specified for tab: ' + index);
- }
- var prevActiveTabIndex = this.activeTabIndex_;
- this.activeTabIndex_ = index;
- requestAnimationFrame(function () {
- if (prevActiveTabIndex >= 0) {
- _this5.adapter_.setTabActiveAtIndex(prevActiveTabIndex, false);
- }
- _this5.adapter_.setTabActiveAtIndex(_this5.activeTabIndex_, true);
- _this5.layoutIndicator_();
- if (shouldNotify) {
- _this5.adapter_.notifyChange({ activeTabIndex: _this5.activeTabIndex_ });
- }
- });
- }
- }, {
- key: 'getActiveTabIndex',
- value: function getActiveTabIndex() {
- return this.findActiveTabIndex_();
- }
- }]);
- return MDCTabBarFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabBarFoundation);
- /***/ }),
- /* 72 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- UPGRADED: 'mdc-tab-bar-upgraded'
- };
- var strings = {
- TAB_SELECTOR: '.mdc-tab',
- INDICATOR_SELECTOR: '.mdc-tab-bar__indicator',
- CHANGE_EVENT: 'MDCTabBar:change'
- };
- /***/ }),
- /* 73 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTabBarScroller; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_animation__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__tab_bar__ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(74);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_3__foundation__["a"]; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCTabBarScroller = function (_MDCComponent) {
- _inherits(MDCTabBarScroller, _MDCComponent);
- function MDCTabBarScroller() {
- _classCallCheck(this, MDCTabBarScroller);
- return _possibleConstructorReturn(this, (MDCTabBarScroller.__proto__ || Object.getPrototypeOf(MDCTabBarScroller)).apply(this, arguments));
- }
- _createClass(MDCTabBarScroller, [{
- key: 'initialize',
- value: function initialize() {
- var tabBarFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (root) {
- return new __WEBPACK_IMPORTED_MODULE_2__tab_bar__["a" /* MDCTabBar */](root);
- };
- this.scrollFrame_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.FRAME_SELECTOR);
- this.tabBarEl_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.TABS_SELECTOR);
- this.forwardIndicator_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.INDICATOR_FORWARD_SELECTOR);
- this.backIndicator_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.INDICATOR_BACK_SELECTOR);
- this.tabBar_ = tabBarFactory(this.tabBarEl_);
- }
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- eventTargetHasClass: function eventTargetHasClass(target, className) {
- return target.classList.contains(className);
- },
- addClassToForwardIndicator: function addClassToForwardIndicator(className) {
- return _this2.forwardIndicator_.classList.add(className);
- },
- removeClassFromForwardIndicator: function removeClassFromForwardIndicator(className) {
- return _this2.forwardIndicator_.classList.remove(className);
- },
- addClassToBackIndicator: function addClassToBackIndicator(className) {
- return _this2.backIndicator_.classList.add(className);
- },
- removeClassFromBackIndicator: function removeClassFromBackIndicator(className) {
- return _this2.backIndicator_.classList.remove(className);
- },
- isRTL: function isRTL() {
- return getComputedStyle(_this2.root_).getPropertyValue('direction') === 'rtl';
- },
- registerBackIndicatorClickHandler: function registerBackIndicatorClickHandler(handler) {
- return _this2.backIndicator_.addEventListener('click', handler);
- },
- deregisterBackIndicatorClickHandler: function deregisterBackIndicatorClickHandler(handler) {
- return _this2.backIndicator_.removeEventListener('click', handler);
- },
- registerForwardIndicatorClickHandler: function registerForwardIndicatorClickHandler(handler) {
- return _this2.forwardIndicator_.addEventListener('click', handler);
- },
- deregisterForwardIndicatorClickHandler: function deregisterForwardIndicatorClickHandler(handler) {
- return _this2.forwardIndicator_.removeEventListener('click', handler);
- },
- registerCapturedInteractionHandler: function registerCapturedInteractionHandler(evt, handler) {
- return _this2.root_.addEventListener(evt, handler, true);
- },
- deregisterCapturedInteractionHandler: function deregisterCapturedInteractionHandler(evt, handler) {
- return _this2.root_.removeEventListener(evt, handler, true);
- },
- registerWindowResizeHandler: function registerWindowResizeHandler(handler) {
- return window.addEventListener('resize', handler);
- },
- deregisterWindowResizeHandler: function deregisterWindowResizeHandler(handler) {
- return window.removeEventListener('resize', handler);
- },
- getNumberOfTabs: function getNumberOfTabs() {
- return _this2.tabBar.tabs.length;
- },
- getComputedWidthForTabAtIndex: function getComputedWidthForTabAtIndex(index) {
- return _this2.tabBar.tabs[index].computedWidth;
- },
- getComputedLeftForTabAtIndex: function getComputedLeftForTabAtIndex(index) {
- return _this2.tabBar.tabs[index].computedLeft;
- },
- getOffsetWidthForScrollFrame: function getOffsetWidthForScrollFrame() {
- return _this2.scrollFrame_.offsetWidth;
- },
- getScrollLeftForScrollFrame: function getScrollLeftForScrollFrame() {
- return _this2.scrollFrame_.scrollLeft;
- },
- setScrollLeftForScrollFrame: function setScrollLeftForScrollFrame(scrollLeftAmount) {
- return _this2.scrollFrame_.scrollLeft = scrollLeftAmount;
- },
- getOffsetWidthForTabBar: function getOffsetWidthForTabBar() {
- return _this2.tabBarEl_.offsetWidth;
- },
- setTransformStyleForTabBar: function setTransformStyleForTabBar(value) {
- _this2.tabBarEl_.style.setProperty(Object(__WEBPACK_IMPORTED_MODULE_0__material_animation__["b" /* getCorrectPropertyName */])(window, 'transform'), value);
- },
- getOffsetLeftForEventTarget: function getOffsetLeftForEventTarget(target) {
- return target.offsetLeft;
- },
- getOffsetWidthForEventTarget: function getOffsetWidthForEventTarget(target) {
- return target.offsetWidth;
- }
- });
- }
- }, {
- key: 'layout',
- value: function layout() {
- this.foundation_.layout();
- }
- }, {
- key: 'tabBar',
- get: function get() {
- return this.tabBar_;
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCTabBarScroller(root);
- }
- }]);
- return MDCTabBarScroller;
- }(__WEBPACK_IMPORTED_MODULE_1__material_base_component__["a" /* default */]);
- /***/ }),
- /* 74 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(75);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCTabBarScrollerFoundation = function (_MDCFoundation) {
- _inherits(MDCTabBarScrollerFoundation, _MDCFoundation);
- _createClass(MDCTabBarScrollerFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- eventTargetHasClass: function eventTargetHasClass() {
- return (/* target: EventTarget, className: string */ /* boolean */false
- );
- },
- addClassToForwardIndicator: function addClassToForwardIndicator() /* className: string */{},
- removeClassFromForwardIndicator: function removeClassFromForwardIndicator() /* className: string */{},
- addClassToBackIndicator: function addClassToBackIndicator() /* className: string */{},
- removeClassFromBackIndicator: function removeClassFromBackIndicator() /* className: string */{},
- isRTL: function isRTL() {
- return (/* boolean */false
- );
- },
- registerBackIndicatorClickHandler: function registerBackIndicatorClickHandler() /* handler: EventListener */{},
- deregisterBackIndicatorClickHandler: function deregisterBackIndicatorClickHandler() /* handler: EventListener */{},
- registerForwardIndicatorClickHandler: function registerForwardIndicatorClickHandler() /* handler: EventListener */{},
- deregisterForwardIndicatorClickHandler: function deregisterForwardIndicatorClickHandler() /* handler: EventListener */{},
- registerCapturedInteractionHandler: function registerCapturedInteractionHandler() /* evt: string, handler: EventListener */{},
- deregisterCapturedInteractionHandler: function deregisterCapturedInteractionHandler() /* evt: string, handler: EventListener */{},
- registerWindowResizeHandler: function registerWindowResizeHandler() /* handler: EventListener */{},
- deregisterWindowResizeHandler: function deregisterWindowResizeHandler() /* handler: EventListener */{},
- getNumberOfTabs: function getNumberOfTabs() {
- return (/* number */0
- );
- },
- getComputedWidthForTabAtIndex: function getComputedWidthForTabAtIndex() {
- return (/* number */0
- );
- },
- getComputedLeftForTabAtIndex: function getComputedLeftForTabAtIndex() {
- return (/* number */0
- );
- },
- getOffsetWidthForScrollFrame: function getOffsetWidthForScrollFrame() {
- return (/* number */0
- );
- },
- getScrollLeftForScrollFrame: function getScrollLeftForScrollFrame() {
- return (/* number */0
- );
- },
- setScrollLeftForScrollFrame: function setScrollLeftForScrollFrame() /* scrollLeftAmount: number */{},
- getOffsetWidthForTabBar: function getOffsetWidthForTabBar() {
- return (/* number */0
- );
- },
- setTransformStyleForTabBar: function setTransformStyleForTabBar() /* value: string */{},
- getOffsetLeftForEventTarget: function getOffsetLeftForEventTarget() {
- return (/* target: EventTarget */ /* number */0
- );
- },
- getOffsetWidthForEventTarget: function getOffsetWidthForEventTarget() {
- return (/* target: EventTarget */ /* number */0
- );
- }
- };
- }
- }]);
- function MDCTabBarScrollerFoundation(adapter) {
- _classCallCheck(this, MDCTabBarScrollerFoundation);
- var _this = _possibleConstructorReturn(this, (MDCTabBarScrollerFoundation.__proto__ || Object.getPrototypeOf(MDCTabBarScrollerFoundation)).call(this, _extends(MDCTabBarScrollerFoundation.defaultAdapter, adapter)));
- _this.pointerDownRecognized_ = false;
- _this.currentTranslateOffset_ = 0;
- _this.focusedTarget_ = null;
- _this.layoutFrame_ = 0;
- _this.scrollFrameScrollLeft_ = 0;
- _this.forwardIndicatorClickHandler_ = function (evt) {
- return _this.scrollForward(evt);
- };
- _this.backIndicatorClickHandler_ = function (evt) {
- return _this.scrollBack(evt);
- };
- _this.resizeHandler_ = function () {
- return _this.layout();
- };
- _this.interactionHandler_ = function (evt) {
- if (evt.type == 'touchstart' || evt.type == 'mousedown') {
- _this.pointerDownRecognized_ = true;
- }
- _this.handlePossibleTabKeyboardFocus_(evt);
- if (evt.type == 'focus') {
- _this.pointerDownRecognized_ = false;
- }
- };
- return _this;
- }
- _createClass(MDCTabBarScrollerFoundation, [{
- key: 'init',
- value: function init() {
- var _this2 = this;
- this.adapter_.registerBackIndicatorClickHandler(this.backIndicatorClickHandler_);
- this.adapter_.registerForwardIndicatorClickHandler(this.forwardIndicatorClickHandler_);
- this.adapter_.registerWindowResizeHandler(this.resizeHandler_);
- ['touchstart', 'mousedown', 'focus'].forEach(function (evtType) {
- _this2.adapter_.registerCapturedInteractionHandler(evtType, _this2.interactionHandler_);
- });
- this.layout();
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this3 = this;
- this.adapter_.deregisterBackIndicatorClickHandler(this.backIndicatorClickHandler_);
- this.adapter_.deregisterForwardIndicatorClickHandler(this.forwardIndicatorClickHandler_);
- this.adapter_.deregisterWindowResizeHandler(this.resizeHandler_);
- ['touchstart', 'mousedown', 'focus'].forEach(function (evtType) {
- _this3.adapter_.deregisterCapturedInteractionHandler(evtType, _this3.interactionHandler_);
- });
- }
- }, {
- key: 'scrollBack',
- value: function scrollBack() {
- var evt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
- if (evt) {
- evt.preventDefault();
- }
- var tabWidthAccumulator = 0;
- var scrollTargetIndex = 0;
- for (var i = this.adapter_.getNumberOfTabs() - 1; i > 0; i--) {
- var tabOffsetLeft = this.adapter_.getComputedLeftForTabAtIndex(i);
- var tabBarWidthLessTabOffsetLeft = this.adapter_.getOffsetWidthForTabBar() - tabOffsetLeft;
- var tabIsNotOccluded = tabOffsetLeft > this.currentTranslateOffset_;
- if (this.isRTL_()) {
- tabIsNotOccluded = tabBarWidthLessTabOffsetLeft > this.currentTranslateOffset_;
- }
- if (tabIsNotOccluded) {
- continue;
- }
- tabWidthAccumulator += this.adapter_.getComputedWidthForTabAtIndex(i);
- var scrollTargetDetermined = tabWidthAccumulator > this.adapter_.getOffsetWidthForScrollFrame();
- if (scrollTargetDetermined) {
- scrollTargetIndex = this.isRTL_() ? i + 1 : i;
- break;
- }
- }
- this.scrollToTabAtIndex_(scrollTargetIndex);
- }
- }, {
- key: 'scrollForward',
- value: function scrollForward() {
- var evt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
- if (evt) {
- evt.preventDefault();
- }
- var scrollFrameOffsetWidth = this.adapter_.getOffsetWidthForScrollFrame() + this.currentTranslateOffset_;
- var scrollTargetIndex = 0;
- for (var i = 0; i < this.adapter_.getNumberOfTabs(); i++) {
- var tabOffsetLeftAndWidth = this.adapter_.getComputedLeftForTabAtIndex(i) + this.adapter_.getComputedWidthForTabAtIndex(i);
- var scrollTargetDetermined = tabOffsetLeftAndWidth > scrollFrameOffsetWidth;
- if (this.isRTL_()) {
- var frameOffsetAndTabWidth = scrollFrameOffsetWidth - this.adapter_.getComputedWidthForTabAtIndex(i);
- var _tabOffsetLeftAndWidth = this.adapter_.getComputedLeftForTabAtIndex(i) + this.adapter_.getComputedWidthForTabAtIndex(i);
- var tabRightOffset = this.adapter_.getOffsetWidthForTabBar() - _tabOffsetLeftAndWidth;
- scrollTargetDetermined = tabRightOffset > frameOffsetAndTabWidth;
- }
- if (scrollTargetDetermined) {
- scrollTargetIndex = i;
- break;
- }
- }
- this.scrollToTabAtIndex_(scrollTargetIndex);
- }
- }, {
- key: 'layout',
- value: function layout() {
- var _this4 = this;
- cancelAnimationFrame(this.layoutFrame_);
- this.scrollFrameScrollLeft_ = this.adapter_.getScrollLeftForScrollFrame();
- this.layoutFrame_ = requestAnimationFrame(function () {
- return _this4.layout_();
- });
- }
- }, {
- key: 'isRTL_',
- value: function isRTL_() {
- return this.adapter_.isRTL();
- }
- }, {
- key: 'handlePossibleTabKeyboardFocus_',
- value: function handlePossibleTabKeyboardFocus_(evt) {
- if (!this.adapter_.eventTargetHasClass(evt.target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].TAB) || this.pointerDownRecognized_) {
- return;
- }
- var resetAmt = this.isRTL_() ? this.scrollFrameScrollLeft_ : 0;
- this.adapter_.setScrollLeftForScrollFrame(resetAmt);
- this.focusedTarget_ = evt.target;
- var scrollFrameWidth = this.adapter_.getOffsetWidthForScrollFrame();
- var tabBarWidth = this.adapter_.getOffsetWidthForTabBar();
- var leftEdge = this.adapter_.getOffsetLeftForEventTarget(this.focusedTarget_);
- var rightEdge = leftEdge + this.adapter_.getOffsetWidthForEventTarget(this.focusedTarget_);
- var shouldScrollBack = rightEdge <= this.currentTranslateOffset_;
- var shouldScrollForward = rightEdge > this.currentTranslateOffset_ + scrollFrameWidth;
- if (this.isRTL_()) {
- var normalizedLeftOffset = tabBarWidth - leftEdge;
- shouldScrollBack = leftEdge >= tabBarWidth - this.currentTranslateOffset_;
- shouldScrollForward = normalizedLeftOffset > scrollFrameWidth + this.currentTranslateOffset_;
- }
- if (shouldScrollForward) {
- this.scrollForward();
- } else if (shouldScrollBack) {
- this.scrollBack();
- }
- this.pointerDownRecognized_ = false;
- }
- }, {
- key: 'layout_',
- value: function layout_() {
- var frameWidth = this.adapter_.getOffsetWidthForScrollFrame();
- var isOverflowing = this.adapter_.getOffsetWidthForTabBar() > frameWidth;
- if (!isOverflowing) {
- this.currentTranslateOffset_ = 0;
- }
- this.shiftFrame_();
- this.updateIndicatorEnabledStates_();
- }
- }, {
- key: 'scrollToTabAtIndex_',
- value: function scrollToTabAtIndex_(index) {
- var _this5 = this;
- var scrollTargetOffsetLeft = this.adapter_.getComputedLeftForTabAtIndex(index);
- var scrollTargetOffsetWidth = this.adapter_.getComputedWidthForTabAtIndex(index);
- this.currentTranslateOffset_ = this.normalizeForRTL_(scrollTargetOffsetLeft, scrollTargetOffsetWidth);
- requestAnimationFrame(function () {
- return _this5.shiftFrame_();
- });
- }
- }, {
- key: 'normalizeForRTL_',
- value: function normalizeForRTL_(left, width) {
- return this.isRTL_() ? this.adapter_.getOffsetWidthForTabBar() - (left + width) : left;
- }
- }, {
- key: 'shiftFrame_',
- value: function shiftFrame_() {
- var shiftAmount = this.isRTL_() ? this.currentTranslateOffset_ : -this.currentTranslateOffset_;
- this.adapter_.setTransformStyleForTabBar('translateX(' + shiftAmount + 'px)');
- this.updateIndicatorEnabledStates_();
- }
- }, {
- key: 'updateIndicatorEnabledStates_',
- value: function updateIndicatorEnabledStates_() {
- var INDICATOR_ENABLED = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].INDICATOR_ENABLED;
- if (this.currentTranslateOffset_ === 0) {
- this.adapter_.removeClassFromBackIndicator(INDICATOR_ENABLED);
- } else {
- this.adapter_.addClassToBackIndicator(INDICATOR_ENABLED);
- }
- var remainingTabBarWidth = this.adapter_.getOffsetWidthForTabBar() - this.currentTranslateOffset_;
- if (remainingTabBarWidth > this.adapter_.getOffsetWidthForScrollFrame()) {
- this.adapter_.addClassToForwardIndicator(INDICATOR_ENABLED);
- } else {
- this.adapter_.removeClassFromForwardIndicator(INDICATOR_ENABLED);
- }
- }
- }]);
- return MDCTabBarScrollerFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabBarScrollerFoundation);
- /***/ }),
- /* 75 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- INDICATOR_FORWARD: 'mdc-tab-bar-scroller__indicator--forward',
- INDICATOR_BACK: 'mdc-tab-bar-scroller__indicator--back',
- INDICATOR_ENABLED: 'mdc-tab-bar-scroller__indicator--enabled',
- TAB: 'mdc-tab'
- };
- var strings = {
- FRAME_SELECTOR: '.mdc-tab-bar-scroller__scroll-frame',
- TABS_SELECTOR: '.mdc-tab-bar-scroller__scroll-frame__tabs',
- TAB_SELECTOR: '.mdc-tab',
- INDICATOR_FORWARD_SELECTOR: '.mdc-tab-bar-scroller__indicator--forward',
- INDICATOR_BACK_SELECTOR: '.mdc-tab-bar-scroller__indicator--back'
- };
- /***/ }),
- /* 76 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextfield", function() { return MDCTextfield; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(16);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(77);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextfieldFoundation", function() { return __WEBPACK_IMPORTED_MODULE_3__foundation__["a"]; });
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCTextfield = function (_MDCComponent) {
- _inherits(MDCTextfield, _MDCComponent);
- function MDCTextfield() {
- _classCallCheck(this, MDCTextfield);
- return _possibleConstructorReturn(this, (MDCTextfield.__proto__ || Object.getPrototypeOf(MDCTextfield)).apply(this, arguments));
- }
- _createClass(MDCTextfield, [{
- key: 'initialize',
- value: function initialize() {
- var rippleFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRipple"](el);
- };
- this.input_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].INPUT_SELECTOR);
- this.label_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].LABEL_SELECTOR);
- this.helptextElement = null;
- this.ripple = null;
- if (this.input_.hasAttribute('aria-controls')) {
- this.helptextElement = document.getElementById(this.input_.getAttribute('aria-controls'));
- }
- if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].BOX)) {
- this.ripple = rippleFactory(this.root_);
- };
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- if (this.ripple) {
- this.ripple.destroy();
- }
- _get(MDCTextfield.prototype.__proto__ || Object.getPrototypeOf(MDCTextfield.prototype), 'destroy', this).call(this);
- }
- }, {
- key: 'initialSyncWithDom',
- value: function initialSyncWithDom() {
- this.disabled = this.input_.disabled;
- }
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */](_extends({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- addClassToLabel: function addClassToLabel(className) {
- var label = _this2.label_;
- if (label) {
- label.classList.add(className);
- }
- },
- removeClassFromLabel: function removeClassFromLabel(className) {
- var label = _this2.label_;
- if (label) {
- label.classList.remove(className);
- }
- }
- }, this.getInputAdapterMethods_(), this.getHelptextAdapterMethods_()));
- }
- }, {
- key: 'getInputAdapterMethods_',
- value: function getInputAdapterMethods_() {
- var _this3 = this;
- return {
- registerInputFocusHandler: function registerInputFocusHandler(handler) {
- return _this3.input_.addEventListener('focus', handler);
- },
- registerInputBlurHandler: function registerInputBlurHandler(handler) {
- return _this3.input_.addEventListener('blur', handler);
- },
- registerInputInputHandler: function registerInputInputHandler(handler) {
- return _this3.input_.addEventListener('input', handler);
- },
- registerInputKeydownHandler: function registerInputKeydownHandler(handler) {
- return _this3.input_.addEventListener('keydown', handler);
- },
- deregisterInputFocusHandler: function deregisterInputFocusHandler(handler) {
- return _this3.input_.removeEventListener('focus', handler);
- },
- deregisterInputBlurHandler: function deregisterInputBlurHandler(handler) {
- return _this3.input_.removeEventListener('blur', handler);
- },
- deregisterInputInputHandler: function deregisterInputInputHandler(handler) {
- return _this3.input_.removeEventListener('input', handler);
- },
- deregisterInputKeydownHandler: function deregisterInputKeydownHandler(handler) {
- return _this3.input_.removeEventListener('keydown', handler);
- },
- getNativeInput: function getNativeInput() {
- return _this3.input_;
- }
- };
- }
- }, {
- key: 'getHelptextAdapterMethods_',
- value: function getHelptextAdapterMethods_() {
- var _this4 = this;
- return {
- addClassToHelptext: function addClassToHelptext(className) {
- if (_this4.helptextElement) {
- _this4.helptextElement.classList.add(className);
- }
- },
- removeClassFromHelptext: function removeClassFromHelptext(className) {
- if (_this4.helptextElement) {
- _this4.helptextElement.classList.remove(className);
- }
- },
- helptextHasClass: function helptextHasClass(className) {
- if (!_this4.helptextElement) {
- return false;
- }
- return _this4.helptextElement.classList.contains(className);
- },
- setHelptextAttr: function setHelptextAttr(name, value) {
- if (_this4.helptextElement) {
- _this4.helptextElement.setAttribute(name, value);
- }
- },
- removeHelptextAttr: function removeHelptextAttr(name) {
- if (_this4.helptextElement) {
- _this4.helptextElement.removeAttribute(name);
- }
- }
- };
- }
- }, {
- key: 'disabled',
- get: function get() {
- return this.foundation_.isDisabled();
- },
- set: function set(disabled) {
- this.foundation_.setDisabled(disabled);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCTextfield(root);
- }
- }]);
- return MDCTextfield;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
- /***/ }),
- /* 77 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(16);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCTextfieldFoundation = function (_MDCFoundation) {
- _inherits(MDCTextfieldFoundation, _MDCFoundation);
- _createClass(MDCTextfieldFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- addClassToLabel: function addClassToLabel() /* className: string */{},
- removeClassFromLabel: function removeClassFromLabel() /* className: string */{},
- addClassToHelptext: function addClassToHelptext() /* className: string */{},
- removeClassFromHelptext: function removeClassFromHelptext() /* className: string */{},
- helptextHasClass: function helptextHasClass() {
- return (/* className: string */ /* boolean */false
- );
- },
- registerInputFocusHandler: function registerInputFocusHandler() /* handler: EventListener */{},
- deregisterInputFocusHandler: function deregisterInputFocusHandler() /* handler: EventListener */{},
- registerInputBlurHandler: function registerInputBlurHandler() /* handler: EventListener */{},
- deregisterInputBlurHandler: function deregisterInputBlurHandler() /* handler: EventListener */{},
- registerInputInputHandler: function registerInputInputHandler() /* handler: EventListener */{},
- deregisterInputInputHandler: function deregisterInputInputHandler() /* handler: EventListener */{},
- registerInputKeydownHandler: function registerInputKeydownHandler() /* handler: EventListener */{},
- deregisterInputKeydownHandler: function deregisterInputKeydownHandler() /* handler: EventListener */{},
- setHelptextAttr: function setHelptextAttr() /* name: string, value: string */{},
- removeHelptextAttr: function removeHelptextAttr() /* name: string */{},
- getNativeInput: function getNativeInput() {
- return (/* HTMLInputElement */{}
- );
- }
- };
- }
- }]);
- function MDCTextfieldFoundation() {
- var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- _classCallCheck(this, MDCTextfieldFoundation);
- var _this = _possibleConstructorReturn(this, (MDCTextfieldFoundation.__proto__ || Object.getPrototypeOf(MDCTextfieldFoundation)).call(this, _extends(MDCTextfieldFoundation.defaultAdapter, adapter)));
- _this.receivedUserInput_ = false;
- _this.inputFocusHandler_ = function () {
- return _this.activateFocus_();
- };
- _this.inputBlurHandler_ = function () {
- return _this.deactivateFocus_();
- };
- _this.inputInputHandler_ = function () {
- return _this.autoCompleteFocus_();
- };
- _this.inputKeydownHandler_ = function () {
- return _this.receivedUserInput_ = true;
- };
- return _this;
- }
- _createClass(MDCTextfieldFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.addClass(MDCTextfieldFoundation.cssClasses.UPGRADED);
- this.adapter_.registerInputFocusHandler(this.inputFocusHandler_);
- this.adapter_.registerInputBlurHandler(this.inputBlurHandler_);
- this.adapter_.registerInputInputHandler(this.inputInputHandler_);
- this.adapter_.registerInputKeydownHandler(this.inputKeydownHandler_);
- // Ensure label does not collide with any pre-filled value.
- if (this.getNativeInput_().value) {
- this.adapter_.addClassToLabel(MDCTextfieldFoundation.cssClasses.LABEL_FLOAT_ABOVE);
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.removeClass(MDCTextfieldFoundation.cssClasses.UPGRADED);
- this.adapter_.deregisterInputFocusHandler(this.inputFocusHandler_);
- this.adapter_.deregisterInputBlurHandler(this.inputBlurHandler_);
- this.adapter_.deregisterInputInputHandler(this.inputInputHandler_);
- this.adapter_.deregisterInputKeydownHandler(this.inputKeydownHandler_);
- }
- }, {
- key: 'activateFocus_',
- value: function activateFocus_() {
- var _MDCTextfieldFoundati = MDCTextfieldFoundation.cssClasses,
- FOCUSED = _MDCTextfieldFoundati.FOCUSED,
- LABEL_FLOAT_ABOVE = _MDCTextfieldFoundati.LABEL_FLOAT_ABOVE;
- this.adapter_.addClass(FOCUSED);
- this.adapter_.addClassToLabel(LABEL_FLOAT_ABOVE);
- this.showHelptext_();
- }
- }, {
- key: 'autoCompleteFocus_',
- value: function autoCompleteFocus_() {
- if (!this.receivedUserInput_) {
- this.activateFocus_();
- }
- }
- }, {
- key: 'showHelptext_',
- value: function showHelptext_() {
- var ARIA_HIDDEN = MDCTextfieldFoundation.strings.ARIA_HIDDEN;
- this.adapter_.removeHelptextAttr(ARIA_HIDDEN);
- }
- }, {
- key: 'deactivateFocus_',
- value: function deactivateFocus_() {
- var _MDCTextfieldFoundati2 = MDCTextfieldFoundation.cssClasses,
- FOCUSED = _MDCTextfieldFoundati2.FOCUSED,
- INVALID = _MDCTextfieldFoundati2.INVALID,
- LABEL_FLOAT_ABOVE = _MDCTextfieldFoundati2.LABEL_FLOAT_ABOVE;
- var input = this.getNativeInput_();
- var isValid = input.checkValidity();
- this.adapter_.removeClass(FOCUSED);
- if (!input.value && !this.isBadInput_()) {
- this.adapter_.removeClassFromLabel(LABEL_FLOAT_ABOVE);
- this.receivedUserInput_ = false;
- }
- if (isValid) {
- this.adapter_.removeClass(INVALID);
- } else {
- this.adapter_.addClass(INVALID);
- }
- this.updateHelptextOnDeactivation_(isValid);
- }
- }, {
- key: 'updateHelptextOnDeactivation_',
- value: function updateHelptextOnDeactivation_(isValid) {
- var _MDCTextfieldFoundati3 = MDCTextfieldFoundation.cssClasses,
- HELPTEXT_PERSISTENT = _MDCTextfieldFoundati3.HELPTEXT_PERSISTENT,
- HELPTEXT_VALIDATION_MSG = _MDCTextfieldFoundati3.HELPTEXT_VALIDATION_MSG;
- var ROLE = MDCTextfieldFoundation.strings.ROLE;
- var helptextIsPersistent = this.adapter_.helptextHasClass(HELPTEXT_PERSISTENT);
- var helptextIsValidationMsg = this.adapter_.helptextHasClass(HELPTEXT_VALIDATION_MSG);
- var validationMsgNeedsDisplay = helptextIsValidationMsg && !isValid;
- if (validationMsgNeedsDisplay) {
- this.adapter_.setHelptextAttr(ROLE, 'alert');
- } else {
- this.adapter_.removeHelptextAttr(ROLE);
- }
- if (helptextIsPersistent || validationMsgNeedsDisplay) {
- return;
- }
- this.hideHelptext_();
- }
- }, {
- key: 'hideHelptext_',
- value: function hideHelptext_() {
- var ARIA_HIDDEN = MDCTextfieldFoundation.strings.ARIA_HIDDEN;
- this.adapter_.setHelptextAttr(ARIA_HIDDEN, 'true');
- }
- }, {
- key: 'isBadInput_',
- value: function isBadInput_() {
- var input = this.getNativeInput_();
- return input.validity ? input.validity.badInput : input.badInput;
- }
- }, {
- key: 'isDisabled',
- value: function isDisabled() {
- return this.getNativeInput_().disabled;
- }
- }, {
- key: 'setDisabled',
- value: function setDisabled(disabled) {
- var DISABLED = MDCTextfieldFoundation.cssClasses.DISABLED;
- this.getNativeInput_().disabled = disabled;
- if (disabled) {
- this.adapter_.addClass(DISABLED);
- } else {
- this.adapter_.removeClass(DISABLED);
- }
- }
- }, {
- key: 'getNativeInput_',
- value: function getNativeInput_() {
- return this.adapter_.getNativeInput() || {
- checkValidity: function checkValidity() {
- return true;
- },
- value: '',
- disabled: false,
- badInput: false
- };
- }
- }]);
- return MDCTextfieldFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTextfieldFoundation);
- /***/ }),
- /* 78 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCToolbar", function() { return MDCToolbar; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(79);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(81);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCToolbarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_2__util__; });
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCToolbar = function (_MDCComponent) {
- _inherits(MDCToolbar, _MDCComponent);
- function MDCToolbar() {
- _classCallCheck(this, MDCToolbar);
- return _possibleConstructorReturn(this, (MDCToolbar.__proto__ || Object.getPrototypeOf(MDCToolbar)).apply(this, arguments));
- }
- _createClass(MDCToolbar, [{
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
- hasClass: function hasClass(className) {
- return _this2.root_.classList.contains(className);
- },
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- registerScrollHandler: function registerScrollHandler(handler) {
- return window.addEventListener('scroll', handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
- },
- deregisterScrollHandler: function deregisterScrollHandler(handler) {
- return window.removeEventListener('scroll', handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
- },
- registerResizeHandler: function registerResizeHandler(handler) {
- return window.addEventListener('resize', handler);
- },
- deregisterResizeHandler: function deregisterResizeHandler(handler) {
- return window.removeEventListener('resize', handler);
- },
- getViewportWidth: function getViewportWidth() {
- return window.innerWidth;
- },
- getViewportScrollY: function getViewportScrollY() {
- return window.pageYOffset;
- },
- getOffsetHeight: function getOffsetHeight() {
- return _this2.root_.offsetHeight;
- },
- getFirstRowElementOffsetHeight: function getFirstRowElementOffsetHeight() {
- return _this2.firstRowElement_.offsetHeight;
- },
- notifyChange: function notifyChange(evtData) {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CHANGE_EVENT, evtData);
- },
- setStyle: function setStyle(property, value) {
- return _this2.root_.style.setProperty(property, value);
- },
- setStyleForTitleElement: function setStyleForTitleElement(property, value) {
- return _this2.titleElement_.style.setProperty(property, value);
- },
- setStyleForFlexibleRowElement: function setStyleForFlexibleRowElement(property, value) {
- return _this2.firstRowElement_.style.setProperty(property, value);
- },
- setStyleForFixedAdjustElement: function setStyleForFixedAdjustElement(property, value) {
- if (_this2.fixedAdjustElement) {
- _this2.fixedAdjustElement.style.setProperty(property, value);
- }
- }
- });
- }
- }, {
- key: 'firstRowElement_',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.FIRST_ROW_SELECTOR);
- }
- }, {
- key: 'titleElement_',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.TITLE_SELECTOR);
- }
- }, {
- key: 'fixedAdjustElement',
- set: function set(fixedAdjustElement) {
- this.fixedAdjustElement_ = fixedAdjustElement;
- this.foundation_.updateAdjustElementStyles();
- },
- get: function get() {
- return this.fixedAdjustElement_;
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCToolbar(root);
- }
- }]);
- return MDCToolbar;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
- /***/ }),
- /* 79 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(80);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- 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"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var MDCToolbarFoundation = function (_MDCFoundation) {
- _inherits(MDCToolbarFoundation, _MDCFoundation);
- _createClass(MDCToolbarFoundation, null, [{
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */];
- }
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* numbers */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return {
- hasClass: function hasClass() {
- return (/* className: string */ /* boolean */false
- );
- },
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- registerScrollHandler: function registerScrollHandler() /* handler: EventListener */{},
- deregisterScrollHandler: function deregisterScrollHandler() /* handler: EventListener */{},
- registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
- deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{},
- getViewportWidth: function getViewportWidth() {
- return (/* number */0
- );
- },
- getViewportScrollY: function getViewportScrollY() {
- return (/* number */0
- );
- },
- getOffsetHeight: function getOffsetHeight() {
- return (/* number */0
- );
- },
- getFirstRowElementOffsetHeight: function getFirstRowElementOffsetHeight() {
- return (/* number */0
- );
- },
- notifyChange: function notifyChange() /* evtData: {flexibleExpansionRatio: number} */{},
- setStyle: function setStyle() /* property: string, value: string */{},
- setStyleForTitleElement: function setStyleForTitleElement() /* property: string, value: string */{},
- setStyleForFlexibleRowElement: function setStyleForFlexibleRowElement() /* property: string, value: string */{},
- setStyleForFixedAdjustElement: function setStyleForFixedAdjustElement() /* property: string, value: string */{}
- };
- }
- }]);
- function MDCToolbarFoundation(adapter) {
- _classCallCheck(this, MDCToolbarFoundation);
- var _this = _possibleConstructorReturn(this, (MDCToolbarFoundation.__proto__ || Object.getPrototypeOf(MDCToolbarFoundation)).call(this, _extends(MDCToolbarFoundation.defaultAdapter, adapter)));
- _this.resizeHandler_ = function () {
- return _this.checkRowHeight_();
- };
- _this.scrollHandler_ = function () {
- return _this.updateToolbarStyles_();
- };
- _this.checkRowHeightFrame_ = 0;
- _this.scrollFrame_ = 0;
- _this.executedLastChange_ = false;
- _this.calculations_ = {
- toolbarRowHeight: 0,
- // Calculated Height ratio. We use ratio to calculate corresponding heights in resize event.
- toolbarRatio: 0, // The ratio of toolbar height to row height
- flexibleExpansionRatio: 0, // The ratio of flexible space height to row height
- maxTranslateYRatio: 0, // The ratio of max toolbar move up distance to row height
- scrollThresholdRatio: 0, // The ratio of max scrollTop that we should listen to to row height
- // Derived Heights based on the above key ratios.
- toolbarHeight: 0,
- flexibleExpansionHeight: 0, // Flexible row minus toolbar height (derived)
- maxTranslateYDistance: 0, // When toolbar only fix last row (derived)
- scrollThreshold: 0
- };
- // Toolbar fixed behavior
- // If toolbar is fixed
- _this.fixed_ = false;
- // If fixed is targeted only at the last row
- _this.fixedLastrow_ = false;
- // Toolbar flexible behavior
- // If the first row is flexible
- _this.hasFlexibleRow_ = false;
- // If use the default behavior
- _this.useFlexDefaultBehavior_ = false;
- return _this;
- }
- _createClass(MDCToolbarFoundation, [{
- key: 'init',
- value: function init() {
- this.fixed_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.FIXED);
- this.fixedLastrow_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.FIXED_LASTROW) & this.fixed_;
- this.hasFlexibleRow_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.TOOLBAR_ROW_FLEXIBLE);
- if (this.hasFlexibleRow_) {
- this.useFlexDefaultBehavior_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_DEFAULT_BEHAVIOR);
- }
- this.initKeyRatio_();
- this.setKeyHeights_();
- this.adapter_.registerResizeHandler(this.resizeHandler_);
- this.adapter_.registerScrollHandler(this.scrollHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterResizeHandler(this.resizeHandler_);
- this.adapter_.deregisterScrollHandler(this.scrollHandler_);
- }
- }, {
- key: 'updateAdjustElementStyles',
- value: function updateAdjustElementStyles() {
- if (this.fixed_) {
- this.adapter_.setStyleForFixedAdjustElement('margin-top', this.calculations_.toolbarHeight + 'px');
- }
- }
- }, {
- key: 'getFlexibleExpansionRatio_',
- value: function getFlexibleExpansionRatio_(scrollTop) {
- // To prevent division by zero when there is no flexibleExpansionHeight
- var delta = 0.0001;
- return Math.max(0, 1 - scrollTop / (this.calculations_.flexibleExpansionHeight + delta));
- }
- }, {
- key: 'checkRowHeight_',
- value: function checkRowHeight_() {
- var _this2 = this;
- cancelAnimationFrame(this.checkRowHeightFrame_);
- this.checkRowHeightFrame_ = requestAnimationFrame(function () {
- return _this2.setKeyHeights_();
- });
- }
- }, {
- key: 'setKeyHeights_',
- value: function setKeyHeights_() {
- var newToolbarRowHeight = this.getRowHeight_();
- if (newToolbarRowHeight !== this.calculations_.toolbarRowHeight) {
- this.calculations_.toolbarRowHeight = newToolbarRowHeight;
- this.calculations_.toolbarHeight = this.calculations_.toolbarRatio * this.calculations_.toolbarRowHeight;
- this.calculations_.flexibleExpansionHeight = this.calculations_.flexibleExpansionRatio * this.calculations_.toolbarRowHeight;
- this.calculations_.maxTranslateYDistance = this.calculations_.maxTranslateYRatio * this.calculations_.toolbarRowHeight;
- this.calculations_.scrollThreshold = this.calculations_.scrollThresholdRatio * this.calculations_.toolbarRowHeight;
- this.updateAdjustElementStyles();
- this.updateToolbarStyles_();
- }
- }
- }, {
- key: 'updateToolbarStyles_',
- value: function updateToolbarStyles_() {
- var _this3 = this;
- cancelAnimationFrame(this.scrollFrame_);
- this.scrollFrame_ = requestAnimationFrame(function () {
- var scrollTop = _this3.adapter_.getViewportScrollY();
- var hasScrolledOutOfThreshold = _this3.scrolledOutOfThreshold_(scrollTop);
- if (hasScrolledOutOfThreshold && _this3.executedLastChange_) {
- return;
- }
- var flexibleExpansionRatio = _this3.getFlexibleExpansionRatio_(scrollTop);
- _this3.updateToolbarFlexibleState_(flexibleExpansionRatio);
- if (_this3.fixedLastrow_) {
- _this3.updateToolbarFixedState_(scrollTop);
- }
- if (_this3.hasFlexibleRow_) {
- _this3.updateFlexibleRowElementStyles_(flexibleExpansionRatio);
- }
- _this3.executedLastChange_ = hasScrolledOutOfThreshold;
- _this3.adapter_.notifyChange({ flexibleExpansionRatio: flexibleExpansionRatio });
- });
- }
- }, {
- key: 'scrolledOutOfThreshold_',
- value: function scrolledOutOfThreshold_(scrollTop) {
- return scrollTop > this.calculations_.scrollThreshold;
- }
- }, {
- key: 'initKeyRatio_',
- value: function initKeyRatio_() {
- var toolbarRowHeight = this.getRowHeight_();
- var firstRowMaxRatio = this.adapter_.getFirstRowElementOffsetHeight() / toolbarRowHeight;
- this.calculations_.toolbarRatio = this.adapter_.getOffsetHeight() / toolbarRowHeight;
- this.calculations_.flexibleExpansionRatio = firstRowMaxRatio - 1;
- this.calculations_.maxTranslateYRatio = this.fixedLastrow_ ? this.calculations_.toolbarRatio - firstRowMaxRatio : 0;
- this.calculations_.scrollThresholdRatio = (this.fixedLastrow_ ? this.calculations_.toolbarRatio : firstRowMaxRatio) - 1;
- }
- }, {
- key: 'getRowHeight_',
- value: function getRowHeight_() {
- var breakpoint = MDCToolbarFoundation.numbers.TOOLBAR_MOBILE_BREAKPOINT;
- return this.adapter_.getViewportWidth() < breakpoint ? MDCToolbarFoundation.numbers.TOOLBAR_ROW_MOBILE_HEIGHT : MDCToolbarFoundation.numbers.TOOLBAR_ROW_HEIGHT;
- }
- }, {
- key: 'updateToolbarFlexibleState_',
- value: function updateToolbarFlexibleState_(flexibleExpansionRatio) {
- this.adapter_.removeClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MAX);
- this.adapter_.removeClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MIN);
- if (flexibleExpansionRatio === 1) {
- this.adapter_.addClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MAX);
- } else if (flexibleExpansionRatio === 0) {
- this.adapter_.addClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MIN);
- }
- }
- }, {
- key: 'updateToolbarFixedState_',
- value: function updateToolbarFixedState_(scrollTop) {
- var translateDistance = Math.max(0, Math.min(scrollTop - this.calculations_.flexibleExpansionHeight, this.calculations_.maxTranslateYDistance));
- this.adapter_.setStyle('transform', 'translateY(' + -translateDistance + 'px)');
- if (translateDistance === this.calculations_.maxTranslateYDistance) {
- this.adapter_.addClass(MDCToolbarFoundation.cssClasses.FIXED_AT_LAST_ROW);
- } else {
- this.adapter_.removeClass(MDCToolbarFoundation.cssClasses.FIXED_AT_LAST_ROW);
- }
- }
- }, {
- key: 'updateFlexibleRowElementStyles_',
- value: function updateFlexibleRowElementStyles_(flexibleExpansionRatio) {
- if (this.fixed_) {
- var height = this.calculations_.flexibleExpansionHeight * flexibleExpansionRatio;
- this.adapter_.setStyleForFlexibleRowElement('height', height + this.calculations_.toolbarRowHeight + 'px');
- }
- if (this.useFlexDefaultBehavior_) {
- this.updateElementStylesDefaultBehavior_(flexibleExpansionRatio);
- }
- }
- }, {
- key: 'updateElementStylesDefaultBehavior_',
- value: function updateElementStylesDefaultBehavior_(flexibleExpansionRatio) {
- var maxTitleSize = MDCToolbarFoundation.numbers.MAX_TITLE_SIZE;
- var minTitleSize = MDCToolbarFoundation.numbers.MIN_TITLE_SIZE;
- var currentTitleSize = (maxTitleSize - minTitleSize) * flexibleExpansionRatio + minTitleSize;
- this.adapter_.setStyleForTitleElement('font-size', currentTitleSize + 'rem');
- }
- }]);
- return MDCToolbarFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCToolbarFoundation);
- /***/ }),
- /* 80 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
- /**
- * Copyright 2017 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var cssClasses = {
- FIXED: 'mdc-toolbar--fixed',
- FIXED_LASTROW: 'mdc-toolbar--fixed-lastrow-only',
- FIXED_AT_LAST_ROW: 'mdc-toolbar--fixed-at-last-row',
- TOOLBAR_ROW_FLEXIBLE: 'mdc-toolbar--flexible',
- FLEXIBLE_DEFAULT_BEHAVIOR: 'mdc-toolbar--flexible-default-behavior',
- FLEXIBLE_MAX: 'mdc-toolbar--flexible-space-maximized',
- FLEXIBLE_MIN: 'mdc-toolbar--flexible-space-minimized'
- };
- var strings = {
- TITLE_SELECTOR: '.mdc-toolbar__title',
- FIRST_ROW_SELECTOR: '.mdc-toolbar__row:first-child',
- CHANGE_EVENT: 'MDCToolbar:change'
- };
- var numbers = {
- MAX_TITLE_SIZE: 2.125,
- MIN_TITLE_SIZE: 1.25,
- TOOLBAR_ROW_HEIGHT: 64,
- TOOLBAR_ROW_MOBILE_HEIGHT: 56,
- TOOLBAR_MOBILE_BREAKPOINT: 600
- };
- /***/ }),
- /* 81 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (immutable) */ __webpack_exports__["applyPassive"] = applyPassive;
- /**
- * Copyright 2016 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
- var supportsPassive_ = void 0;
- // Determine whether the current browser supports passive event listeners, and if so, use them.
- function applyPassive() {
- var globalObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
- var forceRefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- if (supportsPassive_ === undefined || forceRefresh) {
- var isSupported = false;
- try {
- globalObj.document.addEventListener('test', null, { get passive() {
- isSupported = true;
- } });
- } catch (e) {}
- supportsPassive_ = isSupported;
- }
- return supportsPassive_ ? { passive: true } : false;
- }
- /***/ })
- /******/ ]);
- });
|