1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285 |
- /*!
- 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 = 23);
- /******/ })
- /************************************************************************/
- /******/ ([
- /* 0 */
- /***/ (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"); } }
- /**
- * @license
- * 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);
- /***/ }),
- /* 1 */
- /***/ (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__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__component__ = __webpack_require__(2);
- /* 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"]; });
- /**
- * @license
- * 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.
- */
- /***/ }),
- /* 2 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(0);
- 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"); } }
- /**
- * @license
- * 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";
- 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__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(26);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(6);
- /* 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; }
- /**
- * @license
- * 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;
- /***/ }),
- /* 4 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelectionControlState", function() { return MDCSelectionControlState; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelectionControl", function() { return MDCSelectionControl; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_ripple__ = __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"); } }
- /**
- * @license
- * 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-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @typedef {!{
- * checked: boolean,
- * indeterminate: boolean,
- * disabled: boolean,
- * value: ?string
- * }}
- */
- var MDCSelectionControlState = void 0;
- /**
- * @record
- */
- var MDCSelectionControl = function () {
- function MDCSelectionControl() {
- _classCallCheck(this, MDCSelectionControl);
- }
- _createClass(MDCSelectionControl, [{
- key: 'ripple',
- /** @return {?MDCRipple} */
- get: function get() {}
- }]);
- return MDCSelectionControl;
- }();
- /***/ }),
- /* 5 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return transformStyleProperties; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getCorrectEventName; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getCorrectPropertyName; });
- /**
- * @license
- * 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,
- * styleProperty: 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";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "supportsCssVariables", function() { return supportsCssVariables; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "applyPassive", function() { return applyPassive; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMatchesProperty", function() { return getMatchesProperty; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNormalizedEventCoords", function() { return getNormalizedEventCoords; });
- /**
- * @license
- * 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 node = document.createElement('div');
- node.className = 'mdc-ripple-surface--test-edge-var-bug';
- document.body.appendChild(node);
- // The bug exists if ::before style ends up propagating to the parent element.
- // Additionally, getComputedStyle returns null in iframes with display: "none" in Firefox,
- // but Firefox is known to support CSS custom properties correctly.
- // See: https://bugzilla.mozilla.org/show_bug.cgi?id=548397
- var computedStyle = windowObj.getComputedStyle(node);
- var hasPseudoVarBug = computedStyle !== null && computedStyle.borderTopStyle === 'solid';
- node.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 };
- }
- /***/ }),
- /* 7 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(40);
- /* 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__(41);
- /* 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.
- */
- /***/ }),
- /* 8 */
- /***/ (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);
- }
- }
- /***/ }),
- /* 9 */
- /***/ (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__(10);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__simple__ = __webpack_require__(60);
- /* 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__; });
- /**
- * @license
- * 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.
- */
- /***/ }),
- /* 10 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTransformPropertyName", function() { return getTransformPropertyName; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "clamp", function() { return clamp; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "bezierProgress", function() { return 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;
- }
- /***/ }),
- /* 11 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(21);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(83);
- 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; }
- /**
- * @license
- * 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.
- */
- /**
- * @extends {MDCFoundation<!MDCTextFieldBottomLineAdapter>}
- * @final
- */
- var MDCTextFieldBottomLineFoundation = function (_MDCFoundation) {
- _inherits(MDCTextFieldBottomLineFoundation, _MDCFoundation);
- _createClass(MDCTextFieldBottomLineFoundation, null, [{
- key: 'cssClasses',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- /** @return enum {string} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
- }
- /**
- * {@see MDCTextFieldBottomLineAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCTextFieldBottomLineAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCTextFieldBottomLineAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- setAttr: function setAttr() {},
- registerEventHandler: function registerEventHandler() {},
- deregisterEventHandler: function deregisterEventHandler() {},
- notifyAnimationEnd: function notifyAnimationEnd() {}
- }
- );
- }
- /**
- * @param {!MDCTextFieldBottomLineAdapter=} adapter
- */
- }]);
- function MDCTextFieldBottomLineFoundation() {
- var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : /** @type {!MDCTextFieldBottomLineAdapter} */{};
- _classCallCheck(this, MDCTextFieldBottomLineFoundation);
- /** @private {function(!Event): undefined} */
- var _this = _possibleConstructorReturn(this, (MDCTextFieldBottomLineFoundation.__proto__ || Object.getPrototypeOf(MDCTextFieldBottomLineFoundation)).call(this, _extends(MDCTextFieldBottomLineFoundation.defaultAdapter, adapter)));
- _this.transitionEndHandler_ = function (evt) {
- return _this.handleTransitionEnd(evt);
- };
- return _this;
- }
- _createClass(MDCTextFieldBottomLineFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.registerEventHandler('transitionend', this.transitionEndHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterEventHandler('transitionend', this.transitionEndHandler_);
- }
- /**
- * Activates the bottom line
- */
- }, {
- key: 'activate',
- value: function activate() {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].BOTTOM_LINE_ACTIVE);
- }
- /**
- * Sets the transform origin given a user's click location.
- * @param {!Event} evt
- */
- }, {
- key: 'setTransformOrigin',
- value: function setTransformOrigin(evt) {
- var targetClientRect = evt.target.getBoundingClientRect();
- var evtCoords = { x: evt.clientX, y: evt.clientY };
- var normalizedX = evtCoords.x - targetClientRect.left;
- var attributeString = 'transform-origin: ' + normalizedX + 'px center';
- this.adapter_.setAttr('style', attributeString);
- }
- /**
- * Deactivates the bottom line
- */
- }, {
- key: 'deactivate',
- value: function deactivate() {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].BOTTOM_LINE_ACTIVE);
- }
- /**
- * Handles a transition end event
- * @param {!Event} evt
- */
- }, {
- key: 'handleTransitionEnd',
- value: function handleTransitionEnd(evt) {
- // Wait for the bottom line to be either transparent or opaque
- // before emitting the animation end event
- if (evt.propertyName === 'opacity') {
- this.adapter_.notifyAnimationEnd();
- }
- }
- }]);
- return MDCTextFieldBottomLineFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTextFieldBottomLineFoundation);
- /***/ }),
- /* 12 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(22);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(84);
- 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; }
- /**
- * @license
- * 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.
- */
- /**
- * @extends {MDCFoundation<!MDCTextFieldHelperTextAdapter>}
- * @final
- */
- var MDCTextFieldHelperTextFoundation = function (_MDCFoundation) {
- _inherits(MDCTextFieldHelperTextFoundation, _MDCFoundation);
- _createClass(MDCTextFieldHelperTextFoundation, null, [{
- key: 'cssClasses',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- /** @return enum {string} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
- }
- /**
- * {@see MDCTextFieldHelperTextAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCTextFieldHelperTextAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCTextFieldHelperTextAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- hasClass: function hasClass() {},
- setAttr: function setAttr() {},
- removeAttr: function removeAttr() {},
- setContent: function setContent() {}
- }
- );
- }
- /**
- * @param {!MDCTextFieldHelperTextAdapter=} adapter
- */
- }]);
- function MDCTextFieldHelperTextFoundation() {
- var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : /** @type {!MDCTextFieldHelperTextAdapter} */{};
- _classCallCheck(this, MDCTextFieldHelperTextFoundation);
- return _possibleConstructorReturn(this, (MDCTextFieldHelperTextFoundation.__proto__ || Object.getPrototypeOf(MDCTextFieldHelperTextFoundation)).call(this, _extends(MDCTextFieldHelperTextFoundation.defaultAdapter, adapter)));
- }
- /**
- * Sets the content of the helper text field.
- * @param {string} content
- */
- _createClass(MDCTextFieldHelperTextFoundation, [{
- key: 'setContent',
- value: function setContent(content) {
- this.adapter_.setContent(content);
- }
- /** Makes the helper text visible to the screen reader. */
- }, {
- key: 'showToScreenReader',
- value: function showToScreenReader() {
- this.adapter_.removeAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_HIDDEN);
- }
- /**
- * Sets the validity of the helper text based on the input validity.
- * @param {boolean} inputIsValid
- */
- }, {
- key: 'setValidity',
- value: function setValidity(inputIsValid) {
- var helperTextIsPersistent = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_PERSISTENT);
- var helperTextIsValidationMsg = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_VALIDATION_MSG);
- var validationMsgNeedsDisplay = helperTextIsValidationMsg && !inputIsValid;
- if (validationMsgNeedsDisplay) {
- this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ROLE, 'alert');
- } else {
- this.adapter_.removeAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ROLE);
- }
- if (!helperTextIsPersistent && !validationMsgNeedsDisplay) {
- this.hide_();
- }
- }
- /**
- * Hides the help text from screen readers.
- * @private
- */
- }, {
- key: 'hide_',
- value: function hide_() {
- this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_HIDDEN, 'true');
- }
- }]);
- return MDCTextFieldHelperTextFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTextFieldHelperTextFoundation);
- /***/ }),
- /* 13 */
- /***/ (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"); } }
- /**
- * @license
- * 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);
- /***/ }),
- /* 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 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 = {
- BOTTOM_LINE: 'mdc-select__bottom-line',
- BOTTOM_LINE_ACTIVE: 'mdc-select__bottom-line--active',
- BOX: 'mdc-select--box',
- DISABLED: 'mdc-select--disabled',
- LABEL_FLOAT_ABOVE: 'mdc-select__label--float-above',
- OPEN: 'mdc-select--open',
- ROOT: 'mdc-select',
- SCROLL_LOCK: 'mdc-select-scroll-lock'
- };
- var strings = {
- CHANGE_EVENT: 'MDCSelect:change',
- BOTTOM_LINE_SELECTOR: '.mdc-select__bottom-line',
- LABEL_SELECTOR: '.mdc-select__label',
- MENU_SELECTOR: '.mdc-select__menu',
- SURFACE_SELECTOR: '.mdc-select__surface',
- SELECTED_TEXT_SELECTOR: '.mdc-select__selected-text'
- };
- /***/ }),
- /* 15 */
- /***/ (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',
- 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
- };
- /***/ }),
- /* 16 */
- /***/ (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__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(17);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(76);
- /* 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 */]);
- /***/ }),
- /* 17 */
- /***/ (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'
- };
- /***/ }),
- /* 18 */
- /***/ (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__(16);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(77);
- /* 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 */]);
- /***/ }),
- /* 19 */
- /***/ (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; });
- /**
- * @license
- * 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 = {
- ARIA_CONTROLS: 'aria-controls',
- INPUT_SELECTOR: '.mdc-text-field__input',
- LABEL_SELECTOR: '.mdc-text-field__label',
- ICON_SELECTOR: '.mdc-text-field__icon',
- ICON_EVENT: 'MDCTextField:icon',
- BOTTOM_LINE_SELECTOR: '.mdc-text-field__bottom-line'
- };
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-text-field',
- UPGRADED: 'mdc-text-field--upgraded',
- DISABLED: 'mdc-text-field--disabled',
- FOCUSED: 'mdc-text-field--focused',
- INVALID: 'mdc-text-field--invalid',
- LABEL_FLOAT_ABOVE: 'mdc-text-field__label--float-above',
- LABEL_SHAKE: 'mdc-text-field__label--shake',
- BOX: 'mdc-text-field--box',
- TEXT_FIELD_ICON: 'mdc-text-field__icon',
- TEXTAREA: 'mdc-text-field--textarea'
- };
- /***/ }),
- /* 20 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* unused harmony export MDCTextFieldAdapter */
- /* unused harmony export NativeInputType */
- /* unused harmony export FoundationMapType */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__bottom_line_foundation__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__helper_text_foundation__ = __webpack_require__(12);
- 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"); } }
- /**
- * @license
- * 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-disable no-unused-vars */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * @typedef {{
- * value: string,
- * disabled: boolean,
- * badInput: boolean,
- * checkValidity: (function(): boolean)
- * }}
- */
- var NativeInputType = void 0;
- /**
- * @typedef {{
- * bottomLine: (!MDCTextFieldBottomLineFoundation|undefined),
- * helperText: (!MDCTextFieldHelperTextFoundation|undefined)
- * }}
- */
- var FoundationMapType = void 0;
- /**
- * Adapter for MDC Text Field.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Text Field into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCTextFieldAdapter = function () {
- function MDCTextFieldAdapter() {
- _classCallCheck(this, MDCTextFieldAdapter);
- }
- _createClass(MDCTextFieldAdapter, [{
- key: 'addClass',
- /**
- * Adds a class to the root Element.
- * @param {string} className
- */
- value: function addClass(className) {}
- /**
- * Removes a class from the root Element.
- * @param {string} className
- */
- }, {
- key: 'removeClass',
- value: function removeClass(className) {}
- /**
- * Adds a class to the label Element. We recommend you add a conditional
- * check here, and in removeClassFromLabel for whether or not the label is
- * present so that the JS component could be used with text fields that don't
- * require a label, such as the full-width text field.
- * @param {string} className
- */
- }, {
- key: 'addClassToLabel',
- value: function addClassToLabel(className) {}
- /**
- * Removes a class from the label Element.
- * @param {string} className
- */
- }, {
- key: 'removeClassFromLabel',
- value: function removeClassFromLabel(className) {}
- /**
- * Sets an attribute on the icon Element.
- * @param {string} name
- * @param {string} value
- */
- }, {
- key: 'setIconAttr',
- value: function setIconAttr(name, value) {}
- /**
- * Returns true if classname exists for a given target element.
- * @param {?EventTarget} target
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: 'eventTargetHasClass',
- value: function eventTargetHasClass(target, className) {}
- /**
- * Registers an event handler on the root element for a given event.
- * @param {string} type
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: 'registerTextFieldInteractionHandler',
- value: function registerTextFieldInteractionHandler(type, handler) {}
- /**
- * Deregisters an event handler on the root element for a given event.
- * @param {string} type
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: 'deregisterTextFieldInteractionHandler',
- value: function deregisterTextFieldInteractionHandler(type, handler) {}
- /**
- * Emits a custom event "MDCTextField:icon" denoting a user has clicked the icon.
- */
- }, {
- key: 'notifyIconAction',
- value: function notifyIconAction() {}
- /**
- * Registers an event listener on the native input element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: 'registerInputInteractionHandler',
- value: function registerInputInteractionHandler(evtType, handler) {}
- /**
- * Deregisters an event listener on the native input element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: 'deregisterInputInteractionHandler',
- value: function deregisterInputInteractionHandler(evtType, handler) {}
- /**
- * Registers an event listener on the bottom line element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: 'registerBottomLineEventHandler',
- value: function registerBottomLineEventHandler(evtType, handler) {}
- /**
- * Deregisters an event listener on the bottom line element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: 'deregisterBottomLineEventHandler',
- value: function deregisterBottomLineEventHandler(evtType, handler) {}
- /**
- * Returns an object representing the native text input element, with a
- * similar API shape. The object returned should include the value, disabled
- * and badInput properties, as well as the checkValidity() function. We never
- * alter the value within our code, however we do update the disabled
- * property, so if you choose to duck-type the return value for this method
- * in your implementation it's important to keep this in mind. Also note that
- * this method can return null, which the foundation will handle gracefully.
- * @return {?Element|?NativeInputType}
- */
- }, {
- key: 'getNativeInput',
- value: function getNativeInput() {}
- }]);
- return MDCTextFieldAdapter;
- }();
- /***/ }),
- /* 21 */
- /***/ (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"); } }
- /**
- * @license
- * 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 TextField Bottom Line.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the TextField bottom line into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCTextFieldBottomLineAdapter = function () {
- function MDCTextFieldBottomLineAdapter() {
- _classCallCheck(this, MDCTextFieldBottomLineAdapter);
- }
- _createClass(MDCTextFieldBottomLineAdapter, [{
- key: "addClass",
- /**
- * Adds a class to the bottom line element.
- * @param {string} className
- */
- value: function addClass(className) {}
- /**
- * Removes a class from the bottom line element.
- * @param {string} className
- */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * Sets an attribute with a given value on the bottom line element.
- * @param {string} attr
- * @param {string} value
- */
- }, {
- key: "setAttr",
- value: function setAttr(attr, value) {}
- /**
- * Registers an event listener on the bottom line element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "registerEventHandler",
- value: function registerEventHandler(evtType, handler) {}
- /**
- * Deregisters an event listener on the bottom line element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "deregisterEventHandler",
- value: function deregisterEventHandler(evtType, handler) {}
- /**
- * Emits a custom event "MDCTextFieldBottomLine:animation-end" denoting the
- * bottom line has finished its animation; either the activate or
- * deactivate animation
- */
- }, {
- key: "notifyAnimationEnd",
- value: function notifyAnimationEnd() {}
- }]);
- return MDCTextFieldBottomLineAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCTextFieldBottomLineAdapter);
- /***/ }),
- /* 22 */
- /***/ (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"); } }
- /**
- * @license
- * 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 Text Field Helper Text.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the TextField helper text into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCTextFieldHelperTextAdapter = function () {
- function MDCTextFieldHelperTextAdapter() {
- _classCallCheck(this, MDCTextFieldHelperTextAdapter);
- }
- _createClass(MDCTextFieldHelperTextAdapter, [{
- key: "addClass",
- /**
- * Adds a class to the helper text element.
- * @param {string} className
- */
- value: function addClass(className) {}
- /**
- * Removes a class from the helper text element.
- * @param {string} className
- */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * Returns whether or not the helper text element contains the given class.
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: "hasClass",
- value: function hasClass(className) {}
- /**
- * Sets an attribute with a given value on the helper text element.
- * @param {string} attr
- * @param {string} value
- */
- }, {
- key: "setAttr",
- value: function setAttr(attr, value) {}
- /**
- * Removes an attribute from the helper text element.
- * @param {string} attr
- */
- }, {
- key: "removeAttr",
- value: function removeAttr(attr) {}
- /**
- * Sets the text content for the helper text element.
- * @param {string} content
- */
- }, {
- key: "setContent",
- value: function setContent(content) {}
- }]);
- return MDCTextFieldHelperTextAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCTextFieldHelperTextAdapter);
- /***/ }),
- /* 23 */
- /***/ (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__(24);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_checkbox__ = __webpack_require__(25);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_dialog__ = __webpack_require__(31);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_drawer__ = __webpack_require__(37);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_form_field__ = __webpack_require__(46);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__material_grid_list__ = __webpack_require__(50);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__material_icon_toggle__ = __webpack_require__(53);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__material_linear_progress__ = __webpack_require__(57);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__material_menu__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__material_radio__ = __webpack_require__(64);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__material_ripple__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__material_select__ = __webpack_require__(68);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__material_selection_control__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__material_slider__ = __webpack_require__(70);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__material_snackbar__ = __webpack_require__(72);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__material_tabs__ = __webpack_require__(75);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__material_textfield__ = __webpack_require__(82);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__material_toolbar__ = __webpack_require__(88);
- /* 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__, "selectionControl", function() { return __WEBPACK_IMPORTED_MODULE_13__material_selection_control__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "slider", function() { return __WEBPACK_IMPORTED_MODULE_14__material_slider__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "snackbar", function() { return __WEBPACK_IMPORTED_MODULE_15__material_snackbar__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tabs", function() { return __WEBPACK_IMPORTED_MODULE_16__material_tabs__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "textField", function() { return __WEBPACK_IMPORTED_MODULE_17__material_textfield__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "toolbar", function() { return __WEBPACK_IMPORTED_MODULE_18__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_15__material_snackbar__["MDCSnackbar"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTab', __WEBPACK_IMPORTED_MODULE_16__material_tabs__["MDCTab"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTabBar', __WEBPACK_IMPORTED_MODULE_16__material_tabs__["MDCTabBar"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTextField', __WEBPACK_IMPORTED_MODULE_17__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_14__material_slider__["MDCSlider"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCToolbar', __WEBPACK_IMPORTED_MODULE_18__material_toolbar__["MDCToolbar"]);
- // Export all components.
- /***/ }),
- /* 24 */
- /***/ (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);
- 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);
- }
- document.dispatchEvent(evt);
- }
- /**
- * 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
- });
- }
- _emit('MDCAutoInit:End', {});
- }
- 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);
- };
- /***/ }),
- /* 25 */
- /***/ (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_selection_control__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(28);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_ripple__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_ripple_util__ = __webpack_require__(6);
- /* 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; }
- /**
- * @license
- * 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>
- * @implements {MDCSelectionControl}
- */
- 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 {?MDCSelectionControlState}
- * @private
- */
- get: function get() {
- var NATIVE_CONTROL_SELECTOR = __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.NATIVE_CONTROL_SELECTOR;
- var cbEl = /** @type {?MDCSelectionControlState} */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 */]);
- /***/ }),
- /* 26 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(27);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(6);
- 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; }
- /**
- * @license
- * 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, 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__["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;
- }
- /**
- * 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}
- * @private
- */
- _createClass(MDCRippleFoundation, [{
- key: 'isSupported_',
- value: function isSupported_() {
- return this.adapter_.browserSupportsCssVars();
- }
- /**
- * @return {!ActivationStateType}
- */
- }, {
- 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_();
- }
- });
- }
- /**
- * @param {?Event=} event Optional event containing position information.
- */
- }, {
- key: 'activate',
- value: function activate() {
- var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
- this.activate_(event);
- }
- /** @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_();
- }
- });
- }
- /**
- * @param {?Event=} event Optional event containing position information.
- */
- }, {
- key: 'deactivate',
- value: function deactivate() {
- var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
- this.deactivate_(event);
- }
- /**
- * @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_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_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);
- /***/ }),
- /* 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__, "c", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
- /**
- * @license
- * 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_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: 225, // Corresponds to $mdc-ripple-translate-duration (i.e. activation animation duration)
- FG_DEACTIVATION_MS: 150 };
- /***/ }),
- /* 28 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_selection_control__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(29);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(30);
- 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; }
- /**
- * @license
- * 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() /* !MDCSelectionControlState */{},
- 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.currentCheckState_ = this.determineCheckState_(this.getNativeControl_());
- 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 {!MDCSelectionControlState} 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 {!MDCSelectionControlState}
- * @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}
- */
- function validDescriptor(inputPropDesc) {
- return !!inputPropDesc && typeof inputPropDesc.set === 'function';
- }
- /* harmony default export */ __webpack_exports__["a"] = (MDCCheckboxFoundation);
- /***/ }),
- /* 29 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_selection_control__ = __webpack_require__(4);
- 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"); } }
- /**
- * @license
- * 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 {!MDCSelectionControlState} */
- }, {
- 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);
- /***/ }),
- /* 30 */
- /***/ (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; });
- /**
- * @license
- * 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
- };
- /***/ }),
- /* 31 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(32);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(34);
- /* 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_;
- },
- layoutFooterRipples: function layoutFooterRipples() {
- return _this2.footerBtnRipples_.forEach(function (ripple) {
- return ripple.layout();
- });
- }
- });
- }
- }, {
- 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"]);
- /***/ }),
- /* 32 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(33);
- 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
- );
- },
- layoutFooterRipples: function layoutFooterRipples() {}
- };
- }
- }]);
- 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();
- this.adapter_.layoutFooterRipples();
- } 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);
- /***/ }),
- /* 33 */
- /***/ (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'
- };
- /***/ }),
- /* 34 */
- /***/ (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__(35);
- /* 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
- });
- }
- /***/ }),
- /* 35 */
- /***/ (function(module, exports, __webpack_require__) {
- var tabbable = __webpack_require__(36);
- 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;
- /***/ }),
- /* 36 */
- /***/ (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';
- }
- }
- /***/ }),
- /* 37 */
- /***/ (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__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__temporary__ = __webpack_require__(38);
- /* 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__(43);
- /* 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.
- */
- /***/ }),
- /* 38 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(39);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(8);
- /* 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);
- },
- eventTargetHasClass: function eventTargetHasClass(target, className) {
- return target.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.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"]);
- /***/ }),
- /* 39 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(7);
- /* 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 _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 */{},
- eventTargetHasClass: function eventTargetHasClass() {
- return (/* target: EventTarget, className: string */ /* boolean */false
- );
- }
- });
- }
- }]);
- 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 (evt) {
- if (_this.adapter_.eventTargetHasClass(evt.target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ROOT)) {
- _this.close(true);
- }
- };
- 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);
- /***/ }),
- /* 40 */
- /***/ (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]';
- /***/ }),
- /* 41 */
- /***/ (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__(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 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.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('touchstart', this.componentTouchStartHandler_);
- this.adapter_.registerInteractionHandler('touchmove', this.componentTouchMoveHandler_);
- this.adapter_.registerInteractionHandler('touchend', this.componentTouchEndHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- 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"]);
- /***/ }),
- /* 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; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(7);
- /**
- * 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'
- };
- /***/ }),
- /* 43 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(44);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(8);
- /* 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"]);
- /***/ }),
- /* 44 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(7);
- /* 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 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);
- /***/ }),
- /* 45 */
- /***/ (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__(7);
- /**
- * 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'
- };
- /***/ }),
- /* 46 */
- /***/ (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_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(47);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_selection_control__ = __webpack_require__(4);
- /* 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; }
- /**
- * @license
- * 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-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends MDCComponent<!MDCFormFieldFoundation>
- */
- var MDCFormField = function (_MDCComponent) {
- _inherits(MDCFormField, _MDCComponent);
- _createClass(MDCFormField, [{
- key: 'input',
- /** @param {?MDCSelectionControl} input */
- set: function set(input) {
- this.input_ = input;
- }
- /** @return {?MDCSelectionControl} */
- ,
- get: function get() {
- return this.input_;
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCFormField(root);
- }
- }]);
- function MDCFormField() {
- var _ref;
- _classCallCheck(this, MDCFormField);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {?MDCSelectionControl} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCFormField.__proto__ || Object.getPrototypeOf(MDCFormField)).call.apply(_ref, [this].concat(args)));
- _this.input_;
- return _this;
- }
- /**
- * @return {!Element}
- * @private
- */
- _createClass(MDCFormField, [{
- key: 'getDefaultFoundation',
- /** @return {!MDCFormFieldFoundation} */
- 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: 'label_',
- get: function get() {
- var LABEL_SELECTOR = __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.LABEL_SELECTOR;
- return (/** @type {!Element} */this.root_.querySelector(LABEL_SELECTOR)
- );
- }
- }]);
- return MDCFormField;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 47 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* 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; }
- /**
- * @license
- * 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.
- */
- /**
- * @extends {MDCFoundation<!MDCFormFieldAdapter>}
- */
- var MDCFormFieldFoundation = function (_MDCFoundation) {
- _inherits(MDCFormFieldFoundation, _MDCFoundation);
- _createClass(MDCFormFieldFoundation, 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__["b" /* strings */];
- }
- /** @return {!MDCFormFieldAdapter} */
- }, {
- 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);
- /** @private {!EventListener} */
- var _this = _possibleConstructorReturn(this, (MDCFormFieldFoundation.__proto__ || Object.getPrototypeOf(MDCFormFieldFoundation)).call(this, _extends(MDCFormFieldFoundation.defaultAdapter, adapter)));
- _this.clickHandler_ = /** @type {!EventListener} */function () {
- return _this.handleClick_();
- };
- 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_);
- }
- /** @private */
- }, {
- 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_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCFormFieldFoundation);
- /***/ }),
- /* 48 */
- /***/ (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"); } }
- /**
- * @license
- * 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 Form Field. Provides an interface for managing
- * - event handlers
- * - ripple activation
- *
- * 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 MDCFormFieldAdapter = function () {
- function MDCFormFieldAdapter() {
- _classCallCheck(this, MDCFormFieldAdapter);
- }
- _createClass(MDCFormFieldAdapter, [{
- key: "registerInteractionHandler",
- /**
- * @param {string} type
- * @param {!EventListener} handler
- */
- value: function registerInteractionHandler(type, handler) {}
- /**
- * @param {string} type
- * @param {!EventListener} handler
- */
- }, {
- key: "deregisterInteractionHandler",
- value: function deregisterInteractionHandler(type, handler) {}
- }, {
- key: "activateInputRipple",
- value: function activateInputRipple() {}
- }, {
- key: "deactivateInputRipple",
- value: function deactivateInputRipple() {}
- }]);
- return MDCFormFieldAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCFormFieldAdapter);
- /***/ }),
- /* 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; });
- /**
- * @license
- * 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.
- */
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-form-field'
- };
- /** @enum {string} */
- var strings = {
- LABEL_SELECTOR: '.mdc-form-field > label'
- };
- /***/ }),
- /* 50 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(51);
- /* 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"]);
- /***/ }),
- /* 51 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__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 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);
- /***/ }),
- /* 52 */
- /***/ (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'
- };
- /***/ }),
- /* 53 */
- /***/ (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__(54);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple__ = __webpack_require__(3);
- /* 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; }
- /**
- * @license
- * 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<!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_2__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_2__material_ripple__["MDCRippleFoundation"](adapter);
- return new __WEBPACK_IMPORTED_MODULE_2__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 {!MDCRipple} */
- }, {
- 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: 'ripple',
- get: function get() {
- return this.ripple_;
- }
- /** @return {boolean} */
- }, {
- 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 */]);
- /***/ }),
- /* 54 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(55);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(56);
- 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; }
- /**
- * @license
- * 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.savedTabIndex_ = this.adapter_.getTabIndex();
- 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
- * }}
- */
- 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;
- /* harmony default export */ __webpack_exports__["a"] = (MDCIconToggleFoundation);
- /***/ }),
- /* 55 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* unused harmony export MDCIconToggleAdapter */
- /* 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"); } }
- /**
- * @license
- * 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,
- * }}
- */
- var IconToggleEvent = void 0;
- /***/ }),
- /* 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__, "b", function() { return strings; });
- /**
- * @license
- * 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'
- };
- /***/ }),
- /* 57 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(58);
- /* 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"]);
- /***/ }),
- /* 58 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __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__(59);
- 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);
- /***/ }),
- /* 59 */
- /***/ (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'
- };
- /***/ }),
- /* 60 */
- /***/ (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__(61);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(10);
- /* 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; }
- /**
- * @license
- * 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);
- },
- eventTargetHasClass: function eventTargetHasClass(target, className) {
- return target.classList.contains(className);
- },
- 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 */]);
- /***/ }),
- /* 61 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(62);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(63);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __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 _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; }
- /**
- * @license
- * 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() {},
- eventTargetHasClass: function eventTargetHasClass() {},
- 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) {
- return _this.handleDocumentClick_(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 clicks and cancel the menu if not a list item
- * @param {!Event} evt
- * @private
- */
- }, {
- key: 'handleDocumentClick_',
- value: function handleDocumentClick_(evt) {
- var el = evt.target;
- while (el && el !== document.documentElement) {
- if (this.adapter_.eventTargetHasClass(el, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LIST_ITEM)) {
- return;
- }
- el = el.parentNode;
- }
- this.adapter_.notifyCancel();
- this.close(evt);
- }
- }, {
- key: 'handleKeyboardDown_',
- /**
- * Handle keys that we want to repeat on hold (tab and arrows).
- * @param {!Event} evt
- * @return {boolean}
- * @private
- */
- 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);
- /***/ }),
- /* 62 */
- /***/ (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"); } }
- /**
- * @license
- * 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) {}
- /**
- * @param {EventTarget} target
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: "eventTargetHasClass",
- value: function eventTargetHasClass(target, className) {}
- /** @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);
- /***/ }),
- /* 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__, "c", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
- /**
- * @license
- * 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',
- LIST_ITEM: 'mdc-list-item'
- };
- /** @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
- };
- /***/ }),
- /* 64 */
- /***/ (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_selection_control__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(65);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_ripple__ = __webpack_require__(3);
- /* 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; }
- /**
- * @license
- * 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>
- * @implements {MDCSelectionControl}
- */
- 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 {?MDCSelectionControlState}
- * @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 {?MDCSelectionControlState} */this.root_.querySelector(NATIVE_CONTROL_SELECTOR);
- return el;
- }
- }]);
- return MDCRadio;
- }(__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__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_selection_control__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(66);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(67);
- 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; }
- /**
- * @license
- * 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 {!MDCSelectionControlState}
- * @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() /* !MDCSelectionControlState */{}
- }
- );
- }
- }]);
- return MDCRadioFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCRadioFoundation);
- /***/ }),
- /* 66 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_selection_control__ = __webpack_require__(4);
- 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"); } }
- /**
- * @license
- * 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 {!MDCSelectionControlState} */
- }, {
- key: 'getNativeControl',
- value: function getNativeControl() {}
- }]);
- return MDCRadioAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCRadioAdapter);
- /***/ }),
- /* 67 */
- /***/ (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; });
- /**
- * @license
- * 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'
- };
- /***/ }),
- /* 68 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_menu__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(69);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(14);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelectFoundation", 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 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_2__material_menu__["MDCSimpleMenu"](el);
- };
- this.surface_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].SURFACE_SELECTOR);
- this.label_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].LABEL_SELECTOR);
- this.bottomLine_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].BOTTOM_LINE_SELECTOR);
- this.selectedText_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].SELECTED_TEXT_SELECTOR);
- this.menuEl_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].MENU_SELECTOR);
- this.menu_ = menuFactory(this.menuEl_);
- this.ripple = new __WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRipple"](this.surface_);
- }
- }, {
- 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);
- },
- addClassToLabel: function addClassToLabel(className) {
- return _this2.label_.classList.add(className);
- },
- removeClassFromLabel: function removeClassFromLabel(className) {
- return _this2.label_.classList.remove(className);
- },
- addClassToBottomLine: function addClassToBottomLine(className) {
- return _this2.bottomLine_.classList.add(className);
- },
- removeClassFromBottomLine: function removeClassFromBottomLine(className) {
- return _this2.bottomLine_.classList.remove(className);
- },
- setBottomLineAttr: function setBottomLineAttr(attr, value) {
- return _this2.bottomLine_.setAttribute(attr, value);
- },
- 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.surface_.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.surface_).getPropertyValue(prop);
- },
- setStyle: function setStyle(propertyName, value) {
- return _this2.surface_.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_3__foundation__["a" /* default */].strings.CHANGE_EVENT, _this2);
- },
- getWindowInnerHeight: function getWindowInnerHeight() {
- return window.innerHeight;
- },
- addBodyClass: function addBodyClass(className) {
- return document.body.classList.add(className);
- },
- removeBodyClass: function removeBodyClass(className) {
- return document.body.classList.remove(className);
- }
- });
- }
- }, {
- 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"]);
- /***/ }),
- /* 69 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(14);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_menu__ = __webpack_require__(9);
- 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 */{},
- addClassToLabel: function addClassToLabel() /* className: string */{},
- removeClassFromLabel: function removeClassFromLabel() /* className: string */{},
- addClassToBottomLine: function addClassToBottomLine() /* className: string */{},
- removeClassFromBottomLine: function removeClassFromBottomLine() /* className: string */{},
- setBottomLineAttr: function setBottomLineAttr() /* attr: string, value: string */{},
- addBodyClass: function addBodyClass() /* className: string */{},
- removeBodyClass: function removeBodyClass() /* 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.isFocused_ = false;
- _this.setPointerXOffset_ = function (evt) {
- return _this.setBottomLineOrigin_(evt);
- };
- _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;
- if (index !== _this.selectedIndex_) {
- _this.setSelectedIndex(index);
- _this.adapter_.notifyChange();
- }
- _this.close_();
- };
- _this.cancelHandler_ = function () {
- _this.close_();
- if (_this.selectedIndex_ === -1) {
- _this.adapter_.removeClassFromLabel(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].LABEL_FLOAT_ABOVE);
- }
- };
- return _this;
- }
- _createClass(MDCSelectFoundation, [{
- key: 'init',
- value: function init() {
- var _this2 = this;
- 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_);
- ['mousedown', 'touchstart'].forEach(function (evtType) {
- _this2.adapter_.registerInteractionHandler(evtType, _this2.setPointerXOffset_);
- });
- this.resize();
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this3 = this;
- // 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_);
- ['mousedown', 'touchstart'].forEach(function (evtType) {
- _this3.adapter_.deregisterInteractionHandler(evtType, _this3.setPointerXOffset_);
- });
- }
- }, {
- 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 surfacePaddingRight = parseInt(this.adapter_.getComputedStyleValue('padding-right'), 10);
- var surfacePaddingLeft = parseInt(this.adapter_.getComputedStyleValue('padding-left'), 10);
- var selectBoxAddedPadding = surfacePaddingRight + surfacePaddingLeft;
- 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 + selectBoxAddedPadding));
- }
- this.adapter_.setStyle('width', maxTextLength + 'px');
- }
- }, {
- key: 'open_',
- value: function open_() {
- this.disableScroll_();
- var OPEN = MDCSelectFoundation.cssClasses.OPEN;
- var focusIndex = this.selectedIndex_ < 0 ? 0 : this.selectedIndex_;
- this.setMenuStylesForOpenAtIndex_(focusIndex);
- this.adapter_.addClassToLabel(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].LABEL_FLOAT_ABOVE);
- this.adapter_.addClassToBottomLine(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].BOTTOM_LINE_ACTIVE);
- this.adapter_.addClass(OPEN);
- this.adapter_.openMenu(focusIndex);
- this.isFocused_ = true;
- }
- }, {
- key: 'setBottomLineOrigin_',
- value: function setBottomLineOrigin_(evt) {
- var targetClientRect = evt.target.getBoundingClientRect();
- var evtCoords = { x: evt.clientX, y: evt.clientY };
- var normalizedX = evtCoords.x - targetClientRect.left;
- var attributeString = 'transform-origin: ' + normalizedX + 'px bottom';
- this.adapter_.setBottomLineAttr('style', attributeString);
- }
- }, {
- 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_.removeClassFromBottomLine(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].BOTTOM_LINE_ACTIVE);
- this.adapter_.focus();
- this.enableScroll_();
- }
- }, {
- 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);
- }
- }
- }, {
- 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 MDCSelectFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCSelectFoundation);
- /***/ }),
- /* 70 */
- /***/ (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__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(71);
- /* 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 */]);
- /***/ }),
- /* 71 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_animation__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_base_foundation__ = __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 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'
- };
- // Events that can constitute the user releasing drag on a slider
- var UP_EVENTS = ['mouseup', 'pointerup', 'touchend'];
- 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.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');
- _this.pointerdownHandler_ = _this.createDownHandler_('pointermove');
- _this.touchstartHandler_ = _this.createDownHandler_('touchmove', 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.step_ = 1;
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this3 = this;
- this.adapter_.deregisterInteractionHandler('mousedown', this.mousedownHandler_);
- this.adapter_.deregisterInteractionHandler('pointerdown', this.pointerdownHandler_);
- this.adapter_.deregisterInteractionHandler('touchstart', this.touchstartHandler_);
- 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) {
- var _this4 = this;
- var getPageX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (_ref2) {
- var pageX = _ref2.pageX;
- return pageX;
- };
- var moveHandler = function moveHandler(evt) {
- evt.preventDefault();
- _this4.setValueFromEvt_(evt, getPageX);
- };
- // Note: upHandler is [de]registered on ALL potential pointer-related release event types, since some browsers
- // do not always fire these consistently in pairs.
- // (See https://github.com/material-components/material-components-web/issues/1192)
- var upHandler = function upHandler() {
- _this4.setActive_(false);
- _this4.adapter_.deregisterBodyInteractionHandler(moveEvt, moveHandler);
- UP_EVENTS.forEach(function (type) {
- return _this4.adapter_.deregisterBodyInteractionHandler(type, 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);
- UP_EVENTS.forEach(function (type) {
- return _this4.adapter_.registerBodyInteractionHandler(type, 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) {
- if (kbdEvt.key === KEY_IDS.ARROW_LEFT || kbdEvt.keyCode === 37) {
- return KEY_IDS.ARROW_LEFT;
- }
- if (kbdEvt.key === KEY_IDS.ARROW_RIGHT || kbdEvt.keyCode === 39) {
- return KEY_IDS.ARROW_RIGHT;
- }
- if (kbdEvt.key === KEY_IDS.ARROW_UP || kbdEvt.keyCode === 38) {
- return KEY_IDS.ARROW_UP;
- }
- if (kbdEvt.key === KEY_IDS.ARROW_DOWN || kbdEvt.keyCode === 40) {
- return KEY_IDS.ARROW_DOWN;
- }
- if (kbdEvt.key === KEY_IDS.HOME || kbdEvt.keyCode === 36) {
- return KEY_IDS.HOME;
- }
- if (kbdEvt.key === KEY_IDS.END || kbdEvt.keyCode === 35) {
- return KEY_IDS.END;
- }
- if (kbdEvt.key === KEY_IDS.PAGE_UP || kbdEvt.keyCode === 33) {
- return KEY_IDS.PAGE_UP;
- }
- if (kbdEvt.key === KEY_IDS.PAGE_DOWN || kbdEvt.keyCode === 34) {
- return KEY_IDS.PAGE_DOWN;
- }
- 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 () {
- // 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: '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);
- /***/ }),
- /* 72 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(73);
- /* 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"]);
- /***/ }),
- /* 73 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(74);
- 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;
- if (!data) {
- throw new Error('Please provide a data object with at least a message to display.');
- }
- if (!data.message) {
- throw new Error('Please provide a message to be displayed.');
- }
- if (data.actionHandler && !data.actionText) {
- throw new Error('Please provide action text with the handler.');
- }
- if (this.active) {
- this.queue_.push(data);
- return;
- }
- 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_);
- });
- 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);
- /***/ }),
- /* 74 */
- /***/ (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
- };
- /***/ }),
- /* 75 */
- /***/ (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__(16);
- /* 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__(18);
- /* 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__(79);
- /* 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.
- */
- /***/ }),
- /* 76 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(17);
- 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);
- /***/ }),
- /* 77 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __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__(78);
- 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);
- /***/ }),
- /* 78 */
- /***/ (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'
- };
- /***/ }),
- /* 79 */
- /***/ (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__(18);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(80);
- /* 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 */]);
- /***/ }),
- /* 80 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(81);
- 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);
- /***/ }),
- /* 81 */
- /***/ (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'
- };
- /***/ }),
- /* 82 */
- /***/ (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_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_util__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(19);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__adapter__ = __webpack_require__(20);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__foundation__ = __webpack_require__(85);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__bottom_line__ = __webpack_require__(86);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__helper_text__ = __webpack_require__(87);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldFoundation", function() { return __WEBPACK_IMPORTED_MODULE_5__foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldBottomLine", function() { return __WEBPACK_IMPORTED_MODULE_6__bottom_line__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldBottomLineFoundation", function() { return __WEBPACK_IMPORTED_MODULE_6__bottom_line__["b"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldHelperText", function() { return __WEBPACK_IMPORTED_MODULE_7__helper_text__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldHelperTextFoundation", function() { return __WEBPACK_IMPORTED_MODULE_7__helper_text__["b"]; });
- 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; }
- /**
- * @license
- * 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<!MDCTextFieldFoundation>}
- * @final
- */
- var MDCTextField = function (_MDCComponent) {
- _inherits(MDCTextField, _MDCComponent);
- /**
- * @param {...?} args
- */
- function MDCTextField() {
- var _ref;
- _classCallCheck(this, MDCTextField);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {?Element} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCTextField.__proto__ || Object.getPrototypeOf(MDCTextField)).call.apply(_ref, [this].concat(args)));
- _this.input_;
- /** @private {?Element} */
- _this.label_;
- /** @type {?MDCRipple} */
- _this.ripple;
- /** @private {?MDCTextFieldBottomLine} */
- _this.bottomLine_;
- /** @private {?MDCTextFieldHelperText} */
- _this.helperText_;
- /** @private {?Element} */
- _this.icon_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @return {!MDCTextField}
- */
- _createClass(MDCTextField, [{
- key: 'initialize',
- /**
- * @param {(function(!Element): !MDCRipple)=} rippleFactory A function which
- * creates a new MDCRipple.
- * @param {(function(!Element): !MDCTextFieldBottomLine)=} bottomLineFactory A function which
- * creates a new MDCTextFieldBottomLine.
- */
- value: function initialize() {
- var _this2 = this;
- var rippleFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el, foundation) {
- return new __WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRipple"](el, foundation);
- };
- var bottomLineFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_6__bottom_line__["a" /* MDCTextFieldBottomLine */](el);
- };
- this.input_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].INPUT_SELECTOR);
- this.label_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].LABEL_SELECTOR);
- this.ripple = null;
- if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].BOX)) {
- var MATCHES = Object(__WEBPACK_IMPORTED_MODULE_2__material_ripple_util__["getMatchesProperty"])(HTMLElement.prototype);
- var adapter = _extends(__WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRipple"].createAdapter(this), {
- isSurfaceActive: function isSurfaceActive() {
- return _this2.input_[MATCHES](':active');
- },
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this2.input_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this2.input_.removeEventListener(type, handler);
- }
- });
- var foundation = new __WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRippleFoundation"](adapter);
- this.ripple = rippleFactory(this.root_, foundation);
- };
- if (!this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].TEXTAREA)) {
- var bottomLineElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].BOTTOM_LINE_SELECTOR);
- if (bottomLineElement) {
- this.bottomLine_ = bottomLineFactory(bottomLineElement);
- }
- };
- if (this.input_.hasAttribute(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].ARIA_CONTROLS)) {
- var helperTextElement = document.getElementById(this.input_.getAttribute(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].ARIA_CONTROLS));
- if (helperTextElement) {
- this.helperText_ = new __WEBPACK_IMPORTED_MODULE_7__helper_text__["a" /* MDCTextFieldHelperText */](helperTextElement);
- }
- }
- if (!this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].TEXT_FIELD_ICON)) {
- this.icon_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].ICON_SELECTOR);
- };
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- if (this.ripple) {
- this.ripple.destroy();
- }
- if (this.bottomLine_) {
- this.bottomLine_.destroy();
- }
- if (this.helperText_) {
- this.helperText_.destroy();
- }
- _get(MDCTextField.prototype.__proto__ || Object.getPrototypeOf(MDCTextField.prototype), 'destroy', this).call(this);
- }
- /**
- * Initiliazes the Text Field's internal state based on the environment's
- * state.
- */
- }, {
- key: 'initialSyncWithDom',
- value: function initialSyncWithDom() {
- this.disabled = this.input_.disabled;
- }
- /**
- * @return {boolean} True if the Text Field is disabled.
- */
- }, {
- key: 'getDefaultFoundation',
- /**
- * @return {!MDCTextFieldFoundation}
- */
- value: function getDefaultFoundation() {
- var _this3 = this;
- return new __WEBPACK_IMPORTED_MODULE_5__foundation__["a" /* default */](
- /** @type {!MDCTextFieldAdapter} */_extends({
- addClass: function addClass(className) {
- return _this3.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this3.root_.classList.remove(className);
- },
- addClassToLabel: function addClassToLabel(className) {
- var label = _this3.label_;
- if (label) {
- label.classList.add(className);
- }
- },
- removeClassFromLabel: function removeClassFromLabel(className) {
- var label = _this3.label_;
- if (label) {
- label.classList.remove(className);
- }
- },
- eventTargetHasClass: function eventTargetHasClass(target, className) {
- return target.classList.contains(className);
- },
- registerTextFieldInteractionHandler: function registerTextFieldInteractionHandler(evtType, handler) {
- return _this3.root_.addEventListener(evtType, handler);
- },
- deregisterTextFieldInteractionHandler: function deregisterTextFieldInteractionHandler(evtType, handler) {
- return _this3.root_.removeEventListener(evtType, handler);
- },
- notifyIconAction: function notifyIconAction() {
- return _this3.emit(__WEBPACK_IMPORTED_MODULE_5__foundation__["a" /* default */].strings.ICON_EVENT, {});
- },
- registerBottomLineEventHandler: function registerBottomLineEventHandler(evtType, handler) {
- if (_this3.bottomLine_) {
- _this3.bottomLine_.listen(evtType, handler);
- }
- },
- deregisterBottomLineEventHandler: function deregisterBottomLineEventHandler(evtType, handler) {
- if (_this3.bottomLine_) {
- _this3.bottomLine_.unlisten(evtType, handler);
- }
- }
- }, this.getInputAdapterMethods_(), this.getIconAdapterMethods_()), this.getFoundationMap_());
- }
- /**
- * @return {!{
- * setIconAttr: function(string, string): undefined,
- * }}
- */
- }, {
- key: 'getIconAdapterMethods_',
- value: function getIconAdapterMethods_() {
- var _this4 = this;
- return {
- setIconAttr: function setIconAttr(name, value) {
- if (_this4.icon_) {
- _this4.icon_.setAttribute(name, value);
- }
- }
- };
- }
- /**
- * @return {!{
- * registerInputInteractionHandler: function(string, function()): undefined,
- * deregisterInputInteractionHandler: function(string, function()): undefined,
- * getNativeInput: function(): ?Element,
- * }}
- */
- }, {
- key: 'getInputAdapterMethods_',
- value: function getInputAdapterMethods_() {
- var _this5 = this;
- return {
- registerInputInteractionHandler: function registerInputInteractionHandler(evtType, handler) {
- return _this5.input_.addEventListener(evtType, handler);
- },
- deregisterInputInteractionHandler: function deregisterInputInteractionHandler(evtType, handler) {
- return _this5.input_.removeEventListener(evtType, handler);
- },
- getNativeInput: function getNativeInput() {
- return _this5.input_;
- }
- };
- }
- /**
- * Returns a map of all subcomponents to subfoundations.
- * @return {!FoundationMapType}
- */
- }, {
- key: 'getFoundationMap_',
- value: function getFoundationMap_() {
- return {
- bottomLine: this.bottomLine_ ? this.bottomLine_.foundation : undefined,
- helperText: this.helperText_ ? this.helperText_.foundation : undefined
- };
- }
- }, {
- key: 'disabled',
- get: function get() {
- return this.foundation_.isDisabled();
- }
- /**
- * @param {boolean} disabled Sets the Text Field disabled or enabled.
- */
- ,
- set: function set(disabled) {
- this.foundation_.setDisabled(disabled);
- }
- /**
- * @param {boolean} valid Sets the Text Field valid or invalid.
- */
- }, {
- key: 'valid',
- set: function set(valid) {
- this.foundation_.setValid(valid);
- }
- /**
- * Sets the helper text element content.
- * @param {string} content
- */
- }, {
- key: 'helperTextContent',
- set: function set(content) {
- this.foundation_.setHelperTextContent(content);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCTextField(root);
- }
- }]);
- return MDCTextField;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 83 */
- /***/ (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; });
- /**
- * @license
- * 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.
- */
- /** @enum {string} */
- var strings = {
- ANIMATION_END_EVENT: 'MDCTextFieldBottomLine:animation-end'
- };
- /** @enum {string} */
- var cssClasses = {
- BOTTOM_LINE_ACTIVE: 'mdc-text-field__bottom-line--active'
- };
- /***/ }),
- /* 84 */
- /***/ (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; });
- /**
- * @license
- * 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 = {
- ARIA_HIDDEN: 'aria-hidden',
- ROLE: 'role'
- };
- /** @enum {string} */
- var cssClasses = {
- HELPER_TEXT_PERSISTENT: 'mdc-text-field-helper-text--persistent',
- HELPER_TEXT_VALIDATION_MSG: 'mdc-text-field-helper-text--validation-msg'
- };
- /***/ }),
- /* 85 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(20);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__bottom_line_foundation__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__helper_text_foundation__ = __webpack_require__(12);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(19);
- 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; }
- /**
- * @license
- * 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-next-line no-unused-vars
- /**
- * @extends {MDCFoundation<!MDCTextFieldAdapter>}
- * @final
- */
- var MDCTextFieldFoundation = function (_MDCFoundation) {
- _inherits(MDCTextFieldFoundation, _MDCFoundation);
- _createClass(MDCTextFieldFoundation, null, [{
- key: 'cssClasses',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */];
- }
- /** @return enum {string} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */];
- }
- /**
- * {@see MDCTextFieldAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCTextFieldAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCTextFieldAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- addClassToLabel: function addClassToLabel() {},
- removeClassFromLabel: function removeClassFromLabel() {},
- setIconAttr: function setIconAttr() {},
- eventTargetHasClass: function eventTargetHasClass() {},
- registerTextFieldInteractionHandler: function registerTextFieldInteractionHandler() {},
- deregisterTextFieldInteractionHandler: function deregisterTextFieldInteractionHandler() {},
- notifyIconAction: function notifyIconAction() {},
- registerInputInteractionHandler: function registerInputInteractionHandler() {},
- deregisterInputInteractionHandler: function deregisterInputInteractionHandler() {},
- registerBottomLineEventHandler: function registerBottomLineEventHandler() {},
- deregisterBottomLineEventHandler: function deregisterBottomLineEventHandler() {},
- getNativeInput: function getNativeInput() {}
- }
- );
- }
- /**
- * @param {!MDCTextFieldAdapter=} adapter
- * @param {!FoundationMapType=} foundationMap Map from subcomponent names to their subfoundations.
- */
- }]);
- function MDCTextFieldFoundation() {
- var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : /** @type {!MDCTextFieldAdapter} */{};
- var foundationMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : /** @type {!FoundationMapType} */{};
- _classCallCheck(this, MDCTextFieldFoundation);
- /** @type {!MDCTextFieldBottomLineFoundation|undefined} */
- var _this = _possibleConstructorReturn(this, (MDCTextFieldFoundation.__proto__ || Object.getPrototypeOf(MDCTextFieldFoundation)).call(this, _extends(MDCTextFieldFoundation.defaultAdapter, adapter)));
- _this.bottomLine_ = foundationMap.bottomLine;
- /** @type {!MDCTextFieldHelperTextFoundation|undefined} */
- _this.helperText_ = foundationMap.helperText;
- /** @private {boolean} */
- _this.isFocused_ = false;
- /** @private {boolean} */
- _this.receivedUserInput_ = false;
- /** @private {boolean} */
- _this.useCustomValidityChecking_ = false;
- /** @private {function(): undefined} */
- _this.inputFocusHandler_ = function () {
- return _this.activateFocus();
- };
- /** @private {function(): undefined} */
- _this.inputBlurHandler_ = function () {
- return _this.deactivateFocus();
- };
- /** @private {function(): undefined} */
- _this.inputInputHandler_ = function () {
- return _this.autoCompleteFocus();
- };
- /** @private {function(!Event): undefined} */
- _this.setPointerXOffset_ = function (evt) {
- return _this.setBottomLineTransformOrigin(evt);
- };
- /** @private {function(!Event): undefined} */
- _this.textFieldInteractionHandler_ = function (evt) {
- return _this.handleTextFieldInteraction(evt);
- };
- /** @private {function(!Event): undefined} */
- _this.bottomLineAnimationEndHandler_ = function () {
- return _this.handleBottomLineAnimationEnd();
- };
- return _this;
- }
- _createClass(MDCTextFieldFoundation, [{
- key: 'init',
- value: function init() {
- var _this2 = this;
- this.adapter_.addClass(MDCTextFieldFoundation.cssClasses.UPGRADED);
- // Ensure label does not collide with any pre-filled value.
- if (this.getNativeInput_().value) {
- this.adapter_.addClassToLabel(MDCTextFieldFoundation.cssClasses.LABEL_FLOAT_ABOVE);
- }
- this.adapter_.registerInputInteractionHandler('focus', this.inputFocusHandler_);
- this.adapter_.registerInputInteractionHandler('blur', this.inputBlurHandler_);
- this.adapter_.registerInputInteractionHandler('input', this.inputInputHandler_);
- ['mousedown', 'touchstart'].forEach(function (evtType) {
- _this2.adapter_.registerInputInteractionHandler(evtType, _this2.setPointerXOffset_);
- });
- ['click', 'keydown'].forEach(function (evtType) {
- _this2.adapter_.registerTextFieldInteractionHandler(evtType, _this2.textFieldInteractionHandler_);
- });
- this.adapter_.registerBottomLineEventHandler(__WEBPACK_IMPORTED_MODULE_2__bottom_line_foundation__["a" /* default */].strings.ANIMATION_END_EVENT, this.bottomLineAnimationEndHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this3 = this;
- this.adapter_.removeClass(MDCTextFieldFoundation.cssClasses.UPGRADED);
- this.adapter_.deregisterInputInteractionHandler('focus', this.inputFocusHandler_);
- this.adapter_.deregisterInputInteractionHandler('blur', this.inputBlurHandler_);
- this.adapter_.deregisterInputInteractionHandler('input', this.inputInputHandler_);
- ['mousedown', 'touchstart'].forEach(function (evtType) {
- _this3.adapter_.deregisterInputInteractionHandler(evtType, _this3.setPointerXOffset_);
- });
- ['click', 'keydown'].forEach(function (evtType) {
- _this3.adapter_.deregisterTextFieldInteractionHandler(evtType, _this3.textFieldInteractionHandler_);
- });
- this.adapter_.deregisterBottomLineEventHandler(__WEBPACK_IMPORTED_MODULE_2__bottom_line_foundation__["a" /* default */].strings.ANIMATION_END_EVENT, this.bottomLineAnimationEndHandler_);
- }
- /**
- * Handles all user interactions with the Text Field.
- * @param {!Event} evt
- */
- }, {
- key: 'handleTextFieldInteraction',
- value: function handleTextFieldInteraction(evt) {
- if (this.adapter_.getNativeInput().disabled) {
- return;
- }
- this.receivedUserInput_ = true;
- var target = evt.target,
- type = evt.type;
- var TEXT_FIELD_ICON = MDCTextFieldFoundation.cssClasses.TEXT_FIELD_ICON;
- var targetIsIcon = this.adapter_.eventTargetHasClass(target, TEXT_FIELD_ICON);
- var eventTriggersNotification = type === 'click' || evt.key === 'Enter' || evt.keyCode === 13;
- if (targetIsIcon && eventTriggersNotification) {
- this.adapter_.notifyIconAction();
- }
- }
- /**
- * Activates the text field focus state.
- */
- }, {
- key: 'activateFocus',
- value: function activateFocus() {
- var _MDCTextFieldFoundati = MDCTextFieldFoundation.cssClasses,
- FOCUSED = _MDCTextFieldFoundati.FOCUSED,
- LABEL_FLOAT_ABOVE = _MDCTextFieldFoundati.LABEL_FLOAT_ABOVE,
- LABEL_SHAKE = _MDCTextFieldFoundati.LABEL_SHAKE;
- this.adapter_.addClass(FOCUSED);
- if (this.bottomLine_) {
- this.bottomLine_.activate();
- }
- this.adapter_.addClassToLabel(LABEL_FLOAT_ABOVE);
- this.adapter_.removeClassFromLabel(LABEL_SHAKE);
- if (this.helperText_) {
- this.helperText_.showToScreenReader();
- }
- this.isFocused_ = true;
- }
- /**
- * Sets the bottom line's transform origin, so that the bottom line activate
- * animation will animate out from the user's click location.
- * @param {!Event} evt
- */
- }, {
- key: 'setBottomLineTransformOrigin',
- value: function setBottomLineTransformOrigin(evt) {
- if (this.bottomLine_) {
- this.bottomLine_.setTransformOrigin(evt);
- }
- }
- /**
- * Activates the Text Field's focus state in cases when the input value
- * changes without user input (e.g. programatically).
- */
- }, {
- key: 'autoCompleteFocus',
- value: function autoCompleteFocus() {
- if (!this.receivedUserInput_) {
- this.activateFocus();
- }
- }
- /**
- * Handles when bottom line animation ends, performing actions that must wait
- * for animations to finish.
- */
- }, {
- key: 'handleBottomLineAnimationEnd',
- value: function handleBottomLineAnimationEnd() {
- // We need to wait for the bottom line to be entirely transparent
- // before removing the class. If we do not, we see the line start to
- // scale down before disappearing
- if (!this.isFocused_ && this.bottomLine_) {
- this.bottomLine_.deactivate();
- }
- }
- /**
- * Deactives the Text Field's focus state.
- */
- }, {
- key: 'deactivateFocus',
- value: function deactivateFocus() {
- var _MDCTextFieldFoundati2 = MDCTextFieldFoundation.cssClasses,
- FOCUSED = _MDCTextFieldFoundati2.FOCUSED,
- LABEL_FLOAT_ABOVE = _MDCTextFieldFoundati2.LABEL_FLOAT_ABOVE,
- LABEL_SHAKE = _MDCTextFieldFoundati2.LABEL_SHAKE;
- var input = this.getNativeInput_();
- this.isFocused_ = false;
- this.adapter_.removeClass(FOCUSED);
- this.adapter_.removeClassFromLabel(LABEL_SHAKE);
- if (!input.value && !this.isBadInput_()) {
- this.adapter_.removeClassFromLabel(LABEL_FLOAT_ABOVE);
- this.receivedUserInput_ = false;
- }
- if (!this.useCustomValidityChecking_) {
- this.changeValidity_(input.checkValidity());
- }
- }
- /**
- * Updates the Text Field's valid state based on the supplied validity.
- * @param {boolean} isValid
- * @private
- */
- }, {
- key: 'changeValidity_',
- value: function changeValidity_(isValid) {
- var _MDCTextFieldFoundati3 = MDCTextFieldFoundation.cssClasses,
- INVALID = _MDCTextFieldFoundati3.INVALID,
- LABEL_SHAKE = _MDCTextFieldFoundati3.LABEL_SHAKE;
- if (isValid) {
- this.adapter_.removeClass(INVALID);
- } else {
- this.adapter_.addClassToLabel(LABEL_SHAKE);
- this.adapter_.addClass(INVALID);
- }
- if (this.helperText_) {
- this.helperText_.setValidity(isValid);
- }
- }
- /**
- * @return {boolean} True if the Text Field input fails validity checks.
- * @private
- */
- }, {
- key: 'isBadInput_',
- value: function isBadInput_() {
- var input = this.getNativeInput_();
- return input.validity ? input.validity.badInput : input.badInput;
- }
- /**
- * @return {boolean} True if the Text Field is disabled.
- */
- }, {
- key: 'isDisabled',
- value: function isDisabled() {
- return this.getNativeInput_().disabled;
- }
- /**
- * @param {boolean} disabled Sets the text-field disabled or enabled.
- */
- }, {
- key: 'setDisabled',
- value: function setDisabled(disabled) {
- var _MDCTextFieldFoundati4 = MDCTextFieldFoundation.cssClasses,
- DISABLED = _MDCTextFieldFoundati4.DISABLED,
- INVALID = _MDCTextFieldFoundati4.INVALID;
- this.getNativeInput_().disabled = disabled;
- if (disabled) {
- this.adapter_.addClass(DISABLED);
- this.adapter_.removeClass(INVALID);
- this.adapter_.setIconAttr('tabindex', '-1');
- } else {
- this.adapter_.removeClass(DISABLED);
- this.adapter_.setIconAttr('tabindex', '0');
- }
- }
- /**
- * @param {string} content Sets the content of the helper text.
- */
- }, {
- key: 'setHelperTextContent',
- value: function setHelperTextContent(content) {
- if (this.helperText_) {
- this.helperText_.setContent(content);
- }
- }
- /**
- * @return {!Element|!NativeInputType} The native text input from the
- * host environment, or a dummy if none exists.
- * @private
- */
- }, {
- key: 'getNativeInput_',
- value: function getNativeInput_() {
- return this.adapter_.getNativeInput() ||
- /** @type {!NativeInputType} */{
- checkValidity: function checkValidity() {
- return true;
- },
- value: '',
- disabled: false,
- badInput: false
- };
- }
- /**
- * @param {boolean} isValid Sets the validity state of the Text Field.
- */
- }, {
- key: 'setValid',
- value: function setValid(isValid) {
- this.useCustomValidityChecking_ = true;
- this.changeValidity_(isValid);
- }
- }]);
- return MDCTextFieldFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTextFieldFoundation);
- /***/ }),
- /* 86 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTextFieldBottomLine; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(21);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(11);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", 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 _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; }
- /**
- * @license
- * 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.
- */
- /**
- * @extends {MDCComponent<!MDCTextFieldBottomLineFoundation>}
- * @final
- */
- var MDCTextFieldBottomLine = function (_MDCComponent) {
- _inherits(MDCTextFieldBottomLine, _MDCComponent);
- function MDCTextFieldBottomLine() {
- _classCallCheck(this, MDCTextFieldBottomLine);
- return _possibleConstructorReturn(this, (MDCTextFieldBottomLine.__proto__ || Object.getPrototypeOf(MDCTextFieldBottomLine)).apply(this, arguments));
- }
- _createClass(MDCTextFieldBottomLine, [{
- key: 'getDefaultFoundation',
- /**
- * @return {!MDCTextFieldBottomLineFoundation}
- */
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCTextFieldBottomLineAdapter} */_extends({
- 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);
- },
- registerEventHandler: function registerEventHandler(evtType, handler) {
- return _this2.root_.addEventListener(evtType, handler);
- },
- deregisterEventHandler: function deregisterEventHandler(evtType, handler) {
- return _this2.root_.removeEventListener(evtType, handler);
- },
- notifyAnimationEnd: function notifyAnimationEnd() {
- _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ANIMATION_END_EVENT, {});
- }
- }));
- }
- }, {
- key: 'foundation',
- /**
- * @return {!MDCTextFieldBottomLineFoundation}
- */
- get: function get() {
- return this.foundation_;
- }
- }], [{
- key: 'attachTo',
- /**
- * @param {!Element} root
- * @return {!MDCTextFieldBottomLine}
- */
- value: function attachTo(root) {
- return new MDCTextFieldBottomLine(root);
- }
- }]);
- return MDCTextFieldBottomLine;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 87 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTextFieldHelperText; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(22);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(12);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", 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 _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; }
- /**
- * @license
- * 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.
- */
- /**
- * @extends {MDCComponent<!MDCTextFieldHelperTextFoundation>}
- * @final
- */
- var MDCTextFieldHelperText = function (_MDCComponent) {
- _inherits(MDCTextFieldHelperText, _MDCComponent);
- function MDCTextFieldHelperText() {
- _classCallCheck(this, MDCTextFieldHelperText);
- return _possibleConstructorReturn(this, (MDCTextFieldHelperText.__proto__ || Object.getPrototypeOf(MDCTextFieldHelperText)).apply(this, arguments));
- }
- _createClass(MDCTextFieldHelperText, [{
- key: 'getDefaultFoundation',
- /**
- * @return {!MDCTextFieldHelperTextFoundation}
- */
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCTextFieldHelperTextAdapter} */_extends({
- 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);
- },
- setAttr: function setAttr(attr, value) {
- return _this2.root_.setAttribute(attr, value);
- },
- removeAttr: function removeAttr(attr) {
- return _this2.root_.removeAttribute(attr);
- },
- setContent: function setContent(content) {
- _this2.root_.textContent = content;
- }
- }));
- }
- }, {
- key: 'foundation',
- /**
- * @return {!MDCTextFieldHelperTextFoundation}
- */
- get: function get() {
- return this.foundation_;
- }
- }], [{
- key: 'attachTo',
- /**
- * @param {!Element} root
- * @return {!MDCTextFieldHelperText}
- */
- value: function attachTo(root) {
- return new MDCTextFieldHelperText(root);
- }
- }]);
- return MDCTextFieldHelperText;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 88 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(89);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(91);
- /* 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"]);
- /***/ }),
- /* 89 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(90);
- 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);
- /***/ }),
- /* 90 */
- /***/ (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
- };
- /***/ }),
- /* 91 */
- /***/ (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;
- }
- /***/ })
- /******/ ]);
- });
|