1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431154321543315434154351543615437154381543915440154411544215443154441544515446154471544815449154501545115452154531545415455154561545715458154591546015461154621546315464154651546615467154681546915470154711547215473154741547515476154771547815479154801548115482154831548415485154861548715488154891549015491154921549315494154951549615497154981549915500155011550215503155041550515506155071550815509155101551115512155131551415515155161551715518155191552015521155221552315524155251552615527155281552915530155311553215533155341553515536155371553815539155401554115542155431554415545155461554715548155491555015551155521555315554155551555615557155581555915560155611556215563155641556515566155671556815569155701557115572155731557415575155761557715578155791558015581155821558315584155851558615587155881558915590155911559215593155941559515596155971559815599156001560115602156031560415605156061560715608156091561015611156121561315614156151561615617156181561915620156211562215623156241562515626156271562815629156301563115632156331563415635156361563715638156391564015641156421564315644156451564615647156481564915650156511565215653156541565515656156571565815659156601566115662156631566415665156661566715668156691567015671156721567315674156751567615677156781567915680156811568215683156841568515686156871568815689156901569115692156931569415695156961569715698156991570015701157021570315704157051570615707157081570915710157111571215713157141571515716157171571815719157201572115722157231572415725157261572715728157291573015731157321573315734157351573615737157381573915740157411574215743157441574515746157471574815749157501575115752157531575415755157561575715758157591576015761157621576315764157651576615767157681576915770157711577215773157741577515776157771577815779157801578115782157831578415785157861578715788157891579015791157921579315794157951579615797157981579915800158011580215803158041580515806158071580815809158101581115812158131581415815158161581715818158191582015821158221582315824158251582615827158281582915830158311583215833158341583515836158371583815839158401584115842158431584415845158461584715848158491585015851158521585315854158551585615857158581585915860158611586215863158641586515866158671586815869158701587115872158731587415875158761587715878158791588015881158821588315884158851588615887158881588915890158911589215893158941589515896158971589815899159001590115902159031590415905159061590715908159091591015911159121591315914159151591615917159181591915920159211592215923159241592515926159271592815929159301593115932159331593415935159361593715938159391594015941159421594315944159451594615947159481594915950159511595215953159541595515956159571595815959159601596115962159631596415965159661596715968159691597015971159721597315974159751597615977159781597915980159811598215983159841598515986159871598815989159901599115992159931599415995159961599715998159991600016001160021600316004160051600616007160081600916010160111601216013160141601516016160171601816019160201602116022160231602416025160261602716028160291603016031160321603316034160351603616037160381603916040160411604216043160441604516046160471604816049160501605116052160531605416055160561605716058160591606016061160621606316064160651606616067160681606916070160711607216073160741607516076160771607816079160801608116082160831608416085160861608716088160891609016091160921609316094160951609616097160981609916100161011610216103161041610516106161071610816109161101611116112161131611416115161161611716118161191612016121161221612316124161251612616127161281612916130161311613216133161341613516136161371613816139161401614116142161431614416145161461614716148161491615016151161521615316154161551615616157161581615916160161611616216163161641616516166161671616816169161701617116172161731617416175161761617716178161791618016181161821618316184161851618616187161881618916190161911619216193161941619516196161971619816199162001620116202162031620416205162061620716208162091621016211162121621316214162151621616217162181621916220162211622216223162241622516226162271622816229162301623116232162331623416235162361623716238162391624016241162421624316244162451624616247162481624916250162511625216253162541625516256162571625816259162601626116262162631626416265162661626716268162691627016271162721627316274162751627616277162781627916280162811628216283162841628516286162871628816289162901629116292162931629416295162961629716298162991630016301163021630316304163051630616307163081630916310163111631216313163141631516316163171631816319163201632116322163231632416325163261632716328163291633016331163321633316334163351633616337163381633916340163411634216343163441634516346163471634816349163501635116352163531635416355163561635716358163591636016361163621636316364163651636616367163681636916370163711637216373163741637516376163771637816379163801638116382163831638416385163861638716388163891639016391163921639316394163951639616397163981639916400164011640216403164041640516406164071640816409164101641116412164131641416415164161641716418164191642016421164221642316424164251642616427164281642916430164311643216433164341643516436164371643816439164401644116442164431644416445164461644716448164491645016451164521645316454164551645616457164581645916460164611646216463164641646516466164671646816469164701647116472164731647416475164761647716478164791648016481164821648316484164851648616487164881648916490164911649216493164941649516496164971649816499165001650116502165031650416505165061650716508165091651016511165121651316514165151651616517165181651916520165211652216523165241652516526165271652816529165301653116532165331653416535165361653716538165391654016541165421654316544165451654616547165481654916550165511655216553165541655516556165571655816559165601656116562165631656416565165661656716568165691657016571165721657316574165751657616577165781657916580165811658216583165841658516586165871658816589165901659116592165931659416595165961659716598165991660016601166021660316604166051660616607166081660916610166111661216613166141661516616166171661816619166201662116622166231662416625166261662716628166291663016631166321663316634166351663616637166381663916640166411664216643166441664516646166471664816649166501665116652166531665416655166561665716658166591666016661166621666316664166651666616667166681666916670166711667216673166741667516676166771667816679166801668116682166831668416685166861668716688166891669016691166921669316694166951669616697166981669916700167011670216703167041670516706167071670816709167101671116712167131671416715167161671716718167191672016721167221672316724167251672616727167281672916730167311673216733167341673516736167371673816739167401674116742167431674416745167461674716748167491675016751167521675316754167551675616757167581675916760167611676216763167641676516766167671676816769167701677116772167731677416775167761677716778167791678016781167821678316784167851678616787167881678916790167911679216793167941679516796167971679816799168001680116802168031680416805168061680716808168091681016811168121681316814168151681616817168181681916820168211682216823168241682516826168271682816829168301683116832168331683416835168361683716838168391684016841168421684316844168451684616847168481684916850168511685216853168541685516856168571685816859168601686116862168631686416865168661686716868168691687016871168721687316874168751687616877168781687916880168811688216883168841688516886168871688816889168901689116892168931689416895168961689716898168991690016901169021690316904169051690616907169081690916910169111691216913169141691516916169171691816919169201692116922169231692416925169261692716928169291693016931169321693316934169351693616937169381693916940169411694216943169441694516946169471694816949169501695116952169531695416955169561695716958169591696016961169621696316964169651696616967169681696916970169711697216973169741697516976169771697816979169801698116982169831698416985169861698716988169891699016991169921699316994169951699616997169981699917000170011700217003170041700517006170071700817009170101701117012170131701417015170161701717018170191702017021170221702317024170251702617027170281702917030170311703217033170341703517036170371703817039170401704117042170431704417045170461704717048170491705017051170521705317054170551705617057170581705917060170611706217063170641706517066170671706817069170701707117072170731707417075170761707717078170791708017081170821708317084170851708617087170881708917090170911709217093170941709517096170971709817099171001710117102171031710417105171061710717108171091711017111171121711317114171151711617117171181711917120171211712217123171241712517126171271712817129171301713117132171331713417135171361713717138171391714017141171421714317144171451714617147171481714917150171511715217153171541715517156171571715817159171601716117162171631716417165171661716717168171691717017171171721717317174171751717617177171781717917180171811718217183171841718517186171871718817189171901719117192171931719417195171961719717198171991720017201172021720317204172051720617207172081720917210172111721217213172141721517216172171721817219172201722117222172231722417225172261722717228172291723017231172321723317234172351723617237172381723917240172411724217243172441724517246172471724817249172501725117252172531725417255172561725717258172591726017261172621726317264172651726617267172681726917270172711727217273172741727517276172771727817279172801728117282172831728417285172861728717288172891729017291172921729317294172951729617297172981729917300173011730217303173041730517306173071730817309173101731117312173131731417315173161731717318173191732017321173221732317324173251732617327173281732917330173311733217333173341733517336173371733817339173401734117342173431734417345173461734717348173491735017351173521735317354173551735617357173581735917360173611736217363173641736517366173671736817369173701737117372173731737417375173761737717378173791738017381173821738317384173851738617387173881738917390173911739217393173941739517396173971739817399174001740117402174031740417405174061740717408174091741017411174121741317414174151741617417174181741917420174211742217423174241742517426174271742817429174301743117432174331743417435174361743717438174391744017441174421744317444174451744617447174481744917450174511745217453174541745517456174571745817459174601746117462174631746417465174661746717468174691747017471174721747317474174751747617477174781747917480174811748217483174841748517486174871748817489174901749117492174931749417495174961749717498174991750017501175021750317504175051750617507175081750917510175111751217513175141751517516175171751817519175201752117522175231752417525175261752717528175291753017531175321753317534175351753617537175381753917540175411754217543175441754517546175471754817549175501755117552175531755417555175561755717558175591756017561175621756317564175651756617567175681756917570175711757217573175741757517576175771757817579175801758117582175831758417585175861758717588175891759017591175921759317594175951759617597175981759917600176011760217603176041760517606176071760817609176101761117612176131761417615176161761717618176191762017621176221762317624176251762617627176281762917630176311763217633176341763517636176371763817639176401764117642176431764417645176461764717648176491765017651176521765317654176551765617657176581765917660176611766217663176641766517666176671766817669176701767117672176731767417675176761767717678176791768017681176821768317684176851768617687176881768917690176911769217693176941769517696176971769817699177001770117702177031770417705177061770717708177091771017711177121771317714177151771617717177181771917720177211772217723177241772517726177271772817729177301773117732177331773417735177361773717738177391774017741177421774317744177451774617747177481774917750177511775217753177541775517756177571775817759177601776117762177631776417765177661776717768177691777017771177721777317774177751777617777177781777917780177811778217783177841778517786177871778817789177901779117792177931779417795177961779717798177991780017801178021780317804178051780617807178081780917810178111781217813178141781517816178171781817819178201782117822178231782417825178261782717828178291783017831178321783317834178351783617837178381783917840178411784217843178441784517846178471784817849178501785117852178531785417855178561785717858178591786017861178621786317864178651786617867178681786917870178711787217873178741787517876178771787817879178801788117882178831788417885178861788717888178891789017891178921789317894178951789617897178981789917900179011790217903179041790517906179071790817909179101791117912179131791417915179161791717918179191792017921179221792317924179251792617927179281792917930179311793217933179341793517936179371793817939179401794117942179431794417945179461794717948179491795017951179521795317954179551795617957179581795917960179611796217963179641796517966179671796817969179701797117972179731797417975179761797717978179791798017981179821798317984179851798617987179881798917990179911799217993179941799517996179971799817999180001800118002180031800418005180061800718008180091801018011180121801318014180151801618017180181801918020180211802218023180241802518026180271802818029180301803118032180331803418035180361803718038180391804018041180421804318044180451804618047180481804918050180511805218053180541805518056180571805818059180601806118062180631806418065180661806718068180691807018071180721807318074180751807618077180781807918080180811808218083180841808518086180871808818089180901809118092180931809418095180961809718098180991810018101181021810318104181051810618107181081810918110181111811218113181141811518116181171811818119181201812118122181231812418125181261812718128181291813018131181321813318134181351813618137181381813918140181411814218143181441814518146181471814818149181501815118152181531815418155181561815718158181591816018161181621816318164181651816618167181681816918170181711817218173181741817518176181771817818179181801818118182181831818418185181861818718188181891819018191181921819318194181951819618197181981819918200182011820218203182041820518206182071820818209182101821118212182131821418215182161821718218182191822018221182221822318224182251822618227182281822918230182311823218233182341823518236182371823818239182401824118242182431824418245182461824718248182491825018251182521825318254182551825618257182581825918260182611826218263182641826518266182671826818269182701827118272182731827418275182761827718278182791828018281182821828318284182851828618287182881828918290182911829218293182941829518296182971829818299183001830118302183031830418305183061830718308183091831018311183121831318314183151831618317183181831918320183211832218323183241832518326183271832818329183301833118332183331833418335183361833718338183391834018341183421834318344183451834618347183481834918350183511835218353183541835518356183571835818359183601836118362183631836418365183661836718368183691837018371183721837318374183751837618377183781837918380183811838218383183841838518386183871838818389183901839118392183931839418395183961839718398183991840018401184021840318404184051840618407184081840918410184111841218413184141841518416184171841818419184201842118422184231842418425184261842718428184291843018431184321843318434184351843618437184381843918440184411844218443184441844518446184471844818449184501845118452184531845418455184561845718458184591846018461184621846318464184651846618467184681846918470184711847218473184741847518476184771847818479184801848118482184831848418485184861848718488184891849018491184921849318494184951849618497184981849918500185011850218503185041850518506185071850818509185101851118512185131851418515185161851718518185191852018521185221852318524185251852618527185281852918530185311853218533185341853518536185371853818539185401854118542185431854418545185461854718548185491855018551185521855318554185551855618557185581855918560185611856218563185641856518566185671856818569185701857118572185731857418575185761857718578185791858018581185821858318584185851858618587185881858918590185911859218593185941859518596185971859818599186001860118602186031860418605186061860718608186091861018611186121861318614186151861618617186181861918620186211862218623186241862518626186271862818629186301863118632186331863418635186361863718638186391864018641186421864318644186451864618647186481864918650186511865218653186541865518656186571865818659186601866118662186631866418665186661866718668186691867018671186721867318674186751867618677186781867918680186811868218683186841868518686186871868818689186901869118692186931869418695186961869718698186991870018701187021870318704187051870618707187081870918710187111871218713187141871518716187171871818719187201872118722187231872418725187261872718728187291873018731187321873318734187351873618737187381873918740187411874218743187441874518746187471874818749187501875118752187531875418755187561875718758187591876018761187621876318764187651876618767187681876918770187711877218773187741877518776187771877818779187801878118782187831878418785187861878718788187891879018791187921879318794187951879618797187981879918800188011880218803188041880518806188071880818809188101881118812188131881418815188161881718818188191882018821188221882318824188251882618827188281882918830188311883218833188341883518836188371883818839188401884118842188431884418845188461884718848188491885018851188521885318854188551885618857188581885918860188611886218863188641886518866188671886818869188701887118872188731887418875188761887718878188791888018881188821888318884188851888618887188881888918890188911889218893188941889518896188971889818899189001890118902189031890418905189061890718908189091891018911189121891318914189151891618917189181891918920189211892218923189241892518926189271892818929189301893118932189331893418935189361893718938189391894018941189421894318944189451894618947189481894918950189511895218953189541895518956189571895818959189601896118962189631896418965189661896718968189691897018971189721897318974189751897618977189781897918980189811898218983189841898518986189871898818989189901899118992189931899418995189961899718998189991900019001190021900319004190051900619007190081900919010190111901219013190141901519016190171901819019190201902119022190231902419025190261902719028190291903019031190321903319034190351903619037190381903919040190411904219043190441904519046190471904819049190501905119052190531905419055190561905719058190591906019061190621906319064190651906619067190681906919070190711907219073190741907519076190771907819079190801908119082190831908419085190861908719088190891909019091190921909319094190951909619097190981909919100191011910219103191041910519106191071910819109191101911119112191131911419115191161911719118191191912019121191221912319124191251912619127191281912919130191311913219133191341913519136191371913819139191401914119142191431914419145191461914719148191491915019151191521915319154191551915619157191581915919160191611916219163191641916519166191671916819169191701917119172191731917419175191761917719178191791918019181191821918319184191851918619187191881918919190191911919219193191941919519196191971919819199192001920119202192031920419205192061920719208192091921019211192121921319214192151921619217192181921919220192211922219223192241922519226192271922819229192301923119232192331923419235192361923719238192391924019241192421924319244192451924619247192481924919250192511925219253192541925519256192571925819259192601926119262192631926419265192661926719268192691927019271192721927319274192751927619277192781927919280192811928219283192841928519286192871928819289192901929119292192931929419295192961929719298192991930019301193021930319304193051930619307193081930919310193111931219313193141931519316193171931819319193201932119322193231932419325193261932719328193291933019331193321933319334193351933619337193381933919340193411934219343193441934519346193471934819349193501935119352193531935419355193561935719358193591936019361193621936319364193651936619367193681936919370193711937219373193741937519376193771937819379193801938119382193831938419385193861938719388193891939019391193921939319394193951939619397193981939919400194011940219403194041940519406194071940819409194101941119412194131941419415194161941719418194191942019421194221942319424194251942619427194281942919430194311943219433194341943519436194371943819439194401944119442194431944419445194461944719448194491945019451194521945319454194551945619457194581945919460194611946219463194641946519466194671946819469194701947119472194731947419475194761947719478194791948019481194821948319484194851948619487194881948919490194911949219493194941949519496194971949819499195001950119502195031950419505195061950719508195091951019511195121951319514195151951619517195181951919520195211952219523195241952519526195271952819529195301953119532195331953419535195361953719538195391954019541195421954319544195451954619547195481954919550195511955219553195541955519556195571955819559195601956119562195631956419565195661956719568195691957019571195721957319574195751957619577195781957919580195811958219583195841958519586195871958819589195901959119592195931959419595195961959719598195991960019601196021960319604196051960619607196081960919610196111961219613196141961519616196171961819619196201962119622196231962419625196261962719628196291963019631196321963319634196351963619637196381963919640196411964219643196441964519646196471964819649196501965119652196531965419655196561965719658196591966019661196621966319664196651966619667196681966919670196711967219673196741967519676196771967819679196801968119682196831968419685196861968719688196891969019691196921969319694196951969619697196981969919700197011970219703197041970519706197071970819709197101971119712197131971419715197161971719718197191972019721197221972319724197251972619727197281972919730197311973219733197341973519736197371973819739197401974119742197431974419745197461974719748197491975019751197521975319754197551975619757197581975919760197611976219763197641976519766197671976819769197701977119772197731977419775197761977719778197791978019781197821978319784197851978619787197881978919790197911979219793197941979519796197971979819799198001980119802198031980419805198061980719808198091981019811198121981319814198151981619817198181981919820198211982219823198241982519826198271982819829198301983119832198331983419835198361983719838198391984019841198421984319844198451984619847198481984919850198511985219853198541985519856198571985819859198601986119862198631986419865198661986719868198691987019871198721987319874198751987619877198781987919880198811988219883198841988519886198871988819889198901989119892198931989419895198961989719898198991990019901199021990319904199051990619907199081990919910199111991219913199141991519916199171991819919199201992119922199231992419925199261992719928199291993019931199321993319934199351993619937199381993919940199411994219943199441994519946199471994819949199501995119952199531995419955199561995719958199591996019961199621996319964199651996619967199681996919970199711997219973199741997519976199771997819979199801998119982199831998419985199861998719988199891999019991199921999319994199951999619997199981999920000200012000220003200042000520006200072000820009200102001120012200132001420015200162001720018200192002020021200222002320024200252002620027200282002920030200312003220033200342003520036200372003820039200402004120042200432004420045200462004720048200492005020051200522005320054200552005620057200582005920060200612006220063200642006520066200672006820069200702007120072200732007420075200762007720078200792008020081200822008320084200852008620087200882008920090200912009220093200942009520096200972009820099201002010120102201032010420105201062010720108201092011020111201122011320114201152011620117201182011920120201212012220123201242012520126201272012820129201302013120132201332013420135201362013720138201392014020141201422014320144201452014620147201482014920150201512015220153201542015520156201572015820159201602016120162201632016420165201662016720168201692017020171201722017320174201752017620177201782017920180201812018220183201842018520186201872018820189201902019120192201932019420195201962019720198201992020020201202022020320204202052020620207202082020920210202112021220213202142021520216202172021820219202202022120222202232022420225202262022720228202292023020231202322023320234202352023620237202382023920240202412024220243202442024520246202472024820249202502025120252202532025420255202562025720258202592026020261202622026320264202652026620267202682026920270202712027220273202742027520276202772027820279202802028120282202832028420285202862028720288202892029020291202922029320294202952029620297202982029920300203012030220303203042030520306203072030820309203102031120312203132031420315203162031720318203192032020321203222032320324203252032620327203282032920330203312033220333203342033520336203372033820339203402034120342203432034420345203462034720348203492035020351203522035320354203552035620357203582035920360203612036220363203642036520366203672036820369203702037120372203732037420375203762037720378203792038020381203822038320384203852038620387203882038920390203912039220393203942039520396203972039820399204002040120402204032040420405204062040720408204092041020411204122041320414204152041620417204182041920420204212042220423204242042520426204272042820429204302043120432204332043420435204362043720438204392044020441204422044320444204452044620447204482044920450204512045220453204542045520456204572045820459204602046120462204632046420465204662046720468204692047020471204722047320474204752047620477204782047920480204812048220483204842048520486204872048820489204902049120492204932049420495204962049720498204992050020501205022050320504205052050620507205082050920510205112051220513205142051520516205172051820519205202052120522205232052420525205262052720528205292053020531205322053320534205352053620537205382053920540205412054220543205442054520546205472054820549205502055120552205532055420555205562055720558205592056020561205622056320564205652056620567205682056920570205712057220573205742057520576205772057820579205802058120582205832058420585205862058720588205892059020591205922059320594205952059620597205982059920600206012060220603206042060520606206072060820609206102061120612206132061420615206162061720618206192062020621206222062320624206252062620627206282062920630206312063220633206342063520636206372063820639206402064120642206432064420645206462064720648206492065020651206522065320654206552065620657206582065920660206612066220663206642066520666206672066820669206702067120672206732067420675206762067720678206792068020681206822068320684206852068620687206882068920690206912069220693206942069520696206972069820699207002070120702207032070420705207062070720708207092071020711207122071320714207152071620717207182071920720207212072220723207242072520726207272072820729207302073120732207332073420735207362073720738207392074020741207422074320744207452074620747207482074920750207512075220753207542075520756207572075820759207602076120762207632076420765207662076720768207692077020771207722077320774207752077620777207782077920780207812078220783207842078520786207872078820789207902079120792207932079420795207962079720798207992080020801208022080320804208052080620807208082080920810208112081220813208142081520816208172081820819208202082120822208232082420825208262082720828208292083020831208322083320834208352083620837208382083920840208412084220843208442084520846208472084820849208502085120852208532085420855208562085720858208592086020861208622086320864208652086620867208682086920870208712087220873208742087520876208772087820879208802088120882208832088420885208862088720888208892089020891208922089320894208952089620897208982089920900209012090220903209042090520906209072090820909209102091120912209132091420915209162091720918209192092020921209222092320924209252092620927209282092920930209312093220933209342093520936209372093820939209402094120942209432094420945209462094720948209492095020951209522095320954209552095620957209582095920960209612096220963209642096520966209672096820969209702097120972209732097420975209762097720978209792098020981209822098320984209852098620987209882098920990209912099220993209942099520996209972099820999210002100121002210032100421005210062100721008210092101021011210122101321014210152101621017210182101921020210212102221023210242102521026210272102821029210302103121032210332103421035210362103721038210392104021041210422104321044210452104621047210482104921050210512105221053210542105521056210572105821059210602106121062210632106421065210662106721068210692107021071210722107321074210752107621077210782107921080210812108221083210842108521086210872108821089210902109121092210932109421095210962109721098210992110021101211022110321104211052110621107211082110921110211112111221113211142111521116211172111821119211202112121122211232112421125211262112721128211292113021131211322113321134211352113621137211382113921140211412114221143211442114521146211472114821149211502115121152211532115421155211562115721158211592116021161211622116321164211652116621167211682116921170211712117221173211742117521176211772117821179211802118121182211832118421185211862118721188211892119021191211922119321194211952119621197211982119921200212012120221203212042120521206212072120821209212102121121212212132121421215212162121721218212192122021221212222122321224212252122621227212282122921230212312123221233212342123521236212372123821239212402124121242212432124421245212462124721248212492125021251212522125321254212552125621257212582125921260212612126221263212642126521266212672126821269212702127121272212732127421275212762127721278212792128021281212822128321284212852128621287212882128921290212912129221293212942129521296212972129821299213002130121302213032130421305213062130721308213092131021311213122131321314213152131621317213182131921320213212132221323213242132521326213272132821329213302133121332213332133421335213362133721338213392134021341213422134321344213452134621347213482134921350213512135221353213542135521356213572135821359213602136121362213632136421365213662136721368213692137021371213722137321374213752137621377213782137921380213812138221383213842138521386213872138821389213902139121392213932139421395213962139721398213992140021401214022140321404214052140621407214082140921410214112141221413214142141521416214172141821419214202142121422214232142421425214262142721428214292143021431214322143321434214352143621437214382143921440214412144221443214442144521446214472144821449214502145121452214532145421455214562145721458214592146021461214622146321464214652146621467214682146921470214712147221473214742147521476214772147821479214802148121482214832148421485214862148721488214892149021491214922149321494214952149621497214982149921500215012150221503215042150521506215072150821509215102151121512215132151421515215162151721518215192152021521215222152321524215252152621527215282152921530215312153221533215342153521536215372153821539215402154121542215432154421545215462154721548215492155021551215522155321554215552155621557215582155921560215612156221563215642156521566215672156821569215702157121572215732157421575215762157721578215792158021581215822158321584215852158621587215882158921590215912159221593215942159521596215972159821599216002160121602216032160421605216062160721608216092161021611216122161321614216152161621617216182161921620216212162221623216242162521626216272162821629216302163121632216332163421635216362163721638216392164021641216422164321644216452164621647216482164921650216512165221653216542165521656216572165821659216602166121662216632166421665216662166721668216692167021671216722167321674216752167621677216782167921680216812168221683216842168521686216872168821689216902169121692216932169421695216962169721698216992170021701217022170321704217052170621707217082170921710217112171221713217142171521716217172171821719217202172121722217232172421725217262172721728217292173021731217322173321734217352173621737217382173921740217412174221743217442174521746217472174821749217502175121752217532175421755217562175721758217592176021761217622176321764217652176621767217682176921770217712177221773217742177521776217772177821779217802178121782217832178421785217862178721788217892179021791217922179321794217952179621797217982179921800218012180221803218042180521806218072180821809218102181121812218132181421815218162181721818218192182021821218222182321824218252182621827218282182921830218312183221833218342183521836218372183821839218402184121842218432184421845218462184721848218492185021851218522185321854218552185621857218582185921860218612186221863218642186521866218672186821869218702187121872218732187421875218762187721878218792188021881218822188321884218852188621887218882188921890218912189221893218942189521896218972189821899219002190121902219032190421905219062190721908219092191021911219122191321914219152191621917219182191921920219212192221923219242192521926219272192821929219302193121932219332193421935219362193721938219392194021941219422194321944219452194621947219482194921950219512195221953219542195521956219572195821959219602196121962219632196421965219662196721968219692197021971219722197321974219752197621977219782197921980219812198221983219842198521986219872198821989219902199121992219932199421995219962199721998219992200022001220022200322004220052200622007220082200922010220112201222013220142201522016220172201822019220202202122022220232202422025220262202722028220292203022031220322203322034220352203622037220382203922040220412204222043220442204522046220472204822049220502205122052220532205422055220562205722058220592206022061220622206322064220652206622067220682206922070220712207222073220742207522076220772207822079220802208122082220832208422085220862208722088220892209022091220922209322094220952209622097220982209922100221012210222103221042210522106221072210822109221102211122112221132211422115221162211722118221192212022121221222212322124221252212622127221282212922130221312213222133221342213522136221372213822139221402214122142221432214422145221462214722148221492215022151221522215322154221552215622157221582215922160221612216222163221642216522166221672216822169221702217122172221732217422175221762217722178221792218022181221822218322184221852218622187221882218922190221912219222193221942219522196221972219822199222002220122202222032220422205222062220722208222092221022211222122221322214222152221622217222182221922220222212222222223222242222522226222272222822229222302223122232222332223422235222362223722238222392224022241222422224322244222452224622247222482224922250222512225222253222542225522256222572225822259222602226122262222632226422265222662226722268222692227022271222722227322274222752227622277222782227922280222812228222283222842228522286222872228822289222902229122292222932229422295222962229722298222992230022301223022230322304223052230622307223082230922310223112231222313223142231522316223172231822319223202232122322223232232422325223262232722328223292233022331223322233322334223352233622337223382233922340223412234222343223442234522346223472234822349223502235122352223532235422355223562235722358223592236022361223622236322364223652236622367223682236922370223712237222373223742237522376223772237822379223802238122382223832238422385223862238722388223892239022391223922239322394223952239622397223982239922400224012240222403224042240522406224072240822409224102241122412224132241422415224162241722418224192242022421224222242322424224252242622427224282242922430224312243222433224342243522436224372243822439224402244122442224432244422445224462244722448224492245022451224522245322454224552245622457224582245922460224612246222463224642246522466224672246822469224702247122472224732247422475224762247722478224792248022481224822248322484224852248622487224882248922490224912249222493224942249522496224972249822499225002250122502225032250422505225062250722508225092251022511225122251322514225152251622517225182251922520225212252222523225242252522526225272252822529225302253122532225332253422535225362253722538225392254022541225422254322544225452254622547225482254922550225512255222553225542255522556225572255822559225602256122562225632256422565225662256722568225692257022571225722257322574225752257622577225782257922580225812258222583225842258522586225872258822589225902259122592225932259422595225962259722598225992260022601226022260322604226052260622607226082260922610226112261222613226142261522616226172261822619226202262122622226232262422625226262262722628226292263022631226322263322634226352263622637226382263922640226412264222643226442264522646226472264822649226502265122652226532265422655226562265722658226592266022661226622266322664226652266622667226682266922670226712267222673226742267522676226772267822679226802268122682226832268422685226862268722688226892269022691226922269322694226952269622697226982269922700227012270222703227042270522706227072270822709227102271122712227132271422715227162271722718227192272022721227222272322724227252272622727227282272922730227312273222733227342273522736227372273822739227402274122742227432274422745227462274722748227492275022751227522275322754227552275622757227582275922760227612276222763227642276522766227672276822769227702277122772227732277422775227762277722778227792278022781227822278322784227852278622787227882278922790227912279222793227942279522796227972279822799228002280122802228032280422805228062280722808228092281022811228122281322814228152281622817228182281922820228212282222823228242282522826228272282822829228302283122832228332283422835228362283722838228392284022841228422284322844228452284622847228482284922850228512285222853228542285522856228572285822859228602286122862228632286422865228662286722868228692287022871228722287322874228752287622877228782287922880228812288222883228842288522886228872288822889228902289122892228932289422895228962289722898228992290022901229022290322904229052290622907229082290922910229112291222913229142291522916229172291822919229202292122922229232292422925229262292722928229292293022931229322293322934229352293622937229382293922940229412294222943229442294522946229472294822949229502295122952229532295422955229562295722958229592296022961229622296322964229652296622967229682296922970229712297222973229742297522976229772297822979229802298122982229832298422985229862298722988229892299022991229922299322994229952299622997229982299923000230012300223003230042300523006230072300823009230102301123012230132301423015230162301723018230192302023021230222302323024230252302623027230282302923030230312303223033230342303523036230372303823039230402304123042230432304423045230462304723048230492305023051230522305323054230552305623057230582305923060230612306223063230642306523066230672306823069230702307123072230732307423075230762307723078230792308023081230822308323084230852308623087230882308923090230912309223093230942309523096230972309823099231002310123102231032310423105231062310723108231092311023111231122311323114231152311623117231182311923120231212312223123231242312523126231272312823129231302313123132231332313423135231362313723138231392314023141231422314323144231452314623147231482314923150231512315223153231542315523156231572315823159231602316123162231632316423165231662316723168231692317023171231722317323174231752317623177231782317923180231812318223183231842318523186231872318823189231902319123192231932319423195231962319723198231992320023201232022320323204232052320623207232082320923210232112321223213232142321523216232172321823219232202322123222232232322423225232262322723228232292323023231232322323323234232352323623237232382323923240232412324223243232442324523246232472324823249232502325123252232532325423255232562325723258232592326023261232622326323264232652326623267232682326923270232712327223273232742327523276232772327823279232802328123282232832328423285232862328723288232892329023291232922329323294232952329623297232982329923300233012330223303233042330523306233072330823309233102331123312233132331423315233162331723318233192332023321233222332323324233252332623327233282332923330233312333223333233342333523336233372333823339233402334123342233432334423345233462334723348233492335023351233522335323354233552335623357233582335923360233612336223363233642336523366233672336823369233702337123372233732337423375233762337723378233792338023381233822338323384233852338623387233882338923390233912339223393233942339523396233972339823399234002340123402234032340423405234062340723408234092341023411234122341323414234152341623417234182341923420234212342223423234242342523426234272342823429234302343123432234332343423435234362343723438234392344023441234422344323444234452344623447234482344923450234512345223453234542345523456234572345823459234602346123462234632346423465234662346723468234692347023471234722347323474234752347623477234782347923480234812348223483234842348523486234872348823489234902349123492234932349423495234962349723498234992350023501235022350323504235052350623507235082350923510235112351223513235142351523516235172351823519235202352123522235232352423525235262352723528235292353023531235322353323534235352353623537235382353923540235412354223543235442354523546235472354823549235502355123552235532355423555235562355723558235592356023561235622356323564235652356623567235682356923570235712357223573235742357523576235772357823579235802358123582235832358423585235862358723588235892359023591235922359323594235952359623597235982359923600236012360223603236042360523606236072360823609236102361123612236132361423615236162361723618236192362023621236222362323624236252362623627236282362923630236312363223633236342363523636236372363823639236402364123642236432364423645236462364723648236492365023651236522365323654236552365623657236582365923660236612366223663236642366523666236672366823669236702367123672236732367423675236762367723678236792368023681236822368323684236852368623687236882368923690236912369223693236942369523696236972369823699237002370123702237032370423705237062370723708237092371023711237122371323714237152371623717237182371923720237212372223723237242372523726237272372823729237302373123732237332373423735237362373723738237392374023741237422374323744237452374623747237482374923750237512375223753237542375523756237572375823759237602376123762237632376423765237662376723768237692377023771237722377323774237752377623777237782377923780237812378223783237842378523786237872378823789237902379123792237932379423795237962379723798237992380023801238022380323804238052380623807238082380923810238112381223813238142381523816238172381823819238202382123822238232382423825238262382723828238292383023831238322383323834238352383623837238382383923840238412384223843238442384523846238472384823849238502385123852238532385423855238562385723858238592386023861238622386323864238652386623867238682386923870238712387223873238742387523876238772387823879238802388123882238832388423885238862388723888238892389023891238922389323894238952389623897238982389923900239012390223903239042390523906239072390823909239102391123912239132391423915239162391723918239192392023921239222392323924239252392623927239282392923930239312393223933239342393523936239372393823939239402394123942239432394423945239462394723948239492395023951239522395323954239552395623957239582395923960239612396223963239642396523966239672396823969239702397123972239732397423975239762397723978239792398023981239822398323984239852398623987239882398923990239912399223993239942399523996239972399823999240002400124002240032400424005240062400724008240092401024011240122401324014240152401624017240182401924020240212402224023240242402524026240272402824029240302403124032240332403424035240362403724038240392404024041240422404324044240452404624047240482404924050240512405224053240542405524056240572405824059240602406124062240632406424065240662406724068240692407024071240722407324074240752407624077240782407924080240812408224083240842408524086240872408824089240902409124092240932409424095240962409724098240992410024101241022410324104241052410624107241082410924110241112411224113241142411524116241172411824119241202412124122241232412424125241262412724128241292413024131241322413324134241352413624137241382413924140241412414224143241442414524146241472414824149241502415124152241532415424155241562415724158241592416024161241622416324164241652416624167241682416924170241712417224173241742417524176241772417824179241802418124182241832418424185241862418724188241892419024191241922419324194241952419624197241982419924200242012420224203242042420524206242072420824209242102421124212242132421424215242162421724218242192422024221242222422324224242252422624227242282422924230242312423224233242342423524236242372423824239242402424124242242432424424245242462424724248242492425024251242522425324254242552425624257242582425924260242612426224263242642426524266242672426824269242702427124272242732427424275242762427724278242792428024281242822428324284242852428624287242882428924290242912429224293242942429524296242972429824299243002430124302243032430424305243062430724308243092431024311243122431324314243152431624317243182431924320243212432224323243242432524326243272432824329243302433124332243332433424335243362433724338243392434024341243422434324344243452434624347243482434924350243512435224353243542435524356243572435824359243602436124362243632436424365243662436724368243692437024371243722437324374243752437624377243782437924380243812438224383243842438524386243872438824389243902439124392243932439424395243962439724398243992440024401244022440324404244052440624407244082440924410244112441224413244142441524416244172441824419244202442124422244232442424425244262442724428244292443024431244322443324434244352443624437244382443924440244412444224443244442444524446244472444824449244502445124452244532445424455244562445724458244592446024461244622446324464244652446624467244682446924470244712447224473244742447524476244772447824479244802448124482244832448424485244862448724488244892449024491244922449324494244952449624497244982449924500245012450224503245042450524506245072450824509245102451124512245132451424515245162451724518245192452024521245222452324524245252452624527245282452924530245312453224533245342453524536245372453824539245402454124542245432454424545245462454724548245492455024551245522455324554245552455624557245582455924560245612456224563245642456524566245672456824569245702457124572245732457424575245762457724578245792458024581245822458324584245852458624587245882458924590245912459224593245942459524596245972459824599246002460124602246032460424605246062460724608246092461024611246122461324614246152461624617246182461924620246212462224623246242462524626246272462824629246302463124632246332463424635246362463724638246392464024641246422464324644246452464624647246482464924650246512465224653246542465524656246572465824659246602466124662246632466424665246662466724668246692467024671246722467324674246752467624677246782467924680246812468224683246842468524686246872468824689246902469124692246932469424695246962469724698246992470024701247022470324704247052470624707247082470924710247112471224713247142471524716247172471824719247202472124722247232472424725247262472724728247292473024731247322473324734247352473624737247382473924740247412474224743247442474524746247472474824749247502475124752247532475424755247562475724758247592476024761247622476324764247652476624767247682476924770247712477224773247742477524776247772477824779247802478124782247832478424785247862478724788247892479024791247922479324794247952479624797247982479924800248012480224803248042480524806248072480824809248102481124812248132481424815248162481724818248192482024821248222482324824248252482624827248282482924830248312483224833248342483524836248372483824839248402484124842248432484424845248462484724848248492485024851248522485324854248552485624857248582485924860248612486224863248642486524866248672486824869248702487124872248732487424875248762487724878248792488024881248822488324884248852488624887248882488924890248912489224893248942489524896248972489824899249002490124902249032490424905249062490724908249092491024911249122491324914249152491624917249182491924920249212492224923249242492524926249272492824929249302493124932249332493424935249362493724938249392494024941249422494324944249452494624947249482494924950249512495224953249542495524956249572495824959249602496124962249632496424965249662496724968249692497024971249722497324974249752497624977249782497924980249812498224983249842498524986249872498824989249902499124992249932499424995249962499724998249992500025001250022500325004250052500625007250082500925010250112501225013250142501525016250172501825019250202502125022250232502425025250262502725028250292503025031250322503325034250352503625037250382503925040250412504225043250442504525046250472504825049250502505125052250532505425055250562505725058250592506025061250622506325064250652506625067250682506925070250712507225073250742507525076250772507825079250802508125082250832508425085250862508725088250892509025091250922509325094250952509625097250982509925100251012510225103251042510525106251072510825109251102511125112251132511425115251162511725118251192512025121251222512325124251252512625127251282512925130251312513225133251342513525136251372513825139251402514125142251432514425145251462514725148251492515025151251522515325154251552515625157251582515925160251612516225163251642516525166251672516825169251702517125172251732517425175251762517725178251792518025181251822518325184251852518625187251882518925190251912519225193251942519525196251972519825199252002520125202252032520425205252062520725208252092521025211252122521325214252152521625217252182521925220252212522225223252242522525226252272522825229252302523125232252332523425235252362523725238252392524025241252422524325244252452524625247252482524925250252512525225253252542525525256252572525825259252602526125262252632526425265252662526725268252692527025271252722527325274252752527625277252782527925280252812528225283252842528525286252872528825289252902529125292252932529425295252962529725298252992530025301253022530325304253052530625307253082530925310253112531225313253142531525316253172531825319253202532125322253232532425325253262532725328253292533025331253322533325334253352533625337253382533925340253412534225343253442534525346253472534825349253502535125352253532535425355253562535725358253592536025361253622536325364253652536625367253682536925370253712537225373253742537525376253772537825379253802538125382253832538425385253862538725388253892539025391253922539325394253952539625397253982539925400254012540225403254042540525406254072540825409254102541125412254132541425415254162541725418254192542025421254222542325424254252542625427254282542925430254312543225433254342543525436254372543825439254402544125442254432544425445254462544725448254492545025451254522545325454254552545625457254582545925460254612546225463254642546525466254672546825469254702547125472254732547425475254762547725478254792548025481254822548325484254852548625487254882548925490254912549225493254942549525496254972549825499255002550125502255032550425505255062550725508255092551025511255122551325514255152551625517255182551925520255212552225523255242552525526255272552825529255302553125532255332553425535255362553725538255392554025541255422554325544255452554625547255482554925550255512555225553255542555525556255572555825559255602556125562255632556425565255662556725568255692557025571255722557325574255752557625577255782557925580255812558225583255842558525586255872558825589255902559125592255932559425595255962559725598255992560025601256022560325604256052560625607256082560925610256112561225613256142561525616256172561825619256202562125622256232562425625256262562725628256292563025631256322563325634256352563625637256382563925640256412564225643256442564525646256472564825649256502565125652256532565425655256562565725658256592566025661 |
- /*!
- Material Components for the Web
- Copyright (c) 2018 Google Inc.
- License: MIT
- */
- (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 = "";
- /******/
- /******/ // Load entry module and return exports
- /******/ return __webpack_require__(__webpack_require__.s = 56);
- /******/ })
- /************************************************************************/
- /******/ ([
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @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";
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @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);
- /***/ }),
- /* 2 */
- /***/ (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 export (binding) */ __webpack_require__.d(__webpack_exports__, "RippleCapableSurface", function() { return RippleCapableSurface; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(24);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(59);
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @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: 'setUnbounded_',
- /**
- * Closure Compiler throws an access control error when directly accessing a
- * protected or private property inside a getter/setter, like unbounded above.
- * By accessing the protected property inside a method, we solve that problem.
- * That's why this function exists.
- * @private
- */
- value: function setUnbounded_() {
- this.foundation_.setUnbounded(this.unbounded_);
- }
- }, {
- 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}
- * @override
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */](MDCRipple.createAdapter(this));
- }
- /** @override */
- }, {
- 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) {
- this.unbounded_ = Boolean(unbounded);
- this.setUnbounded_();
- }
- }], [{
- 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);
- },
- containsEventTarget: function containsEventTarget(target) {
- return instance.root_.contains(target);
- },
- 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"]());
- },
- registerDocumentInteractionHandler: function registerDocumentInteractionHandler(evtType, handler) {
- return document.documentElement.addEventListener(evtType, handler, __WEBPACK_IMPORTED_MODULE_3__util__["applyPassive"]());
- },
- deregisterDocumentInteractionHandler: function deregisterDocumentInteractionHandler(evtType, handler) {
- return document.documentElement.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;
- /***/ }),
- /* 3 */
- /***/ (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__(1);
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /***/ }),
- /* 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_index__ = __webpack_require__(2);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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";
- /* unused harmony export MDCTabScrollerAnimation */
- /* unused harmony export MDCTabScrollerHorizontalEdges */
- /* unused harmony export MDCTabScrollerAdapter */
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * MDCTabScrollerAnimation contains the values required for animating from the
- * current scroll position to the new scroll position. The "finalScrollPosition"
- * value represents the new scroll position while the "scrollDelta" value is the
- * corresponding transformation that is applied to the scroll content. Together,
- * they create the animation by first updating the scroll value then applying
- * the transformation and animating the transition. Both pieces are necessary
- * for the scroll animation to work. The values are used as-is by the tab
- * scroller animation method, ensuring that all logic for determining scroll
- * position or transformation is abstracted away from the animation method.
- * @typedef {{finalScrollPosition: number, scrollDelta: number}}
- */
- var MDCTabScrollerAnimation = void 0;
- /**
- * MDCTabScrollerHorizontalEdges represents the left and right edges of the
- * scroll content. These values vary depending on how scrolling in RTL is
- * implemented by the browser. One value is always 0 and one value is always
- * the max scrollable value as either a positive or negative integer.
- * @typedef {{left: number, right: number}}
- */
- var MDCTabScrollerHorizontalEdges = void 0;
- /**
- * Adapter for MDC Tab Scroller.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Tab into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCTabScrollerAdapter = function () {
- function MDCTabScrollerAdapter() {
- _classCallCheck(this, MDCTabScrollerAdapter);
- }
- _createClass(MDCTabScrollerAdapter, [{
- key: "addClass",
- /**
- * Adds the given className to the root element.
- * @param {string} className The className to add
- */
- value: function addClass(className) {}
- /**
- * Removes the given className from the root element.
- * @param {string} className The className to remove
- */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * Adds the given className to the scroll area element.
- * @param {string} className The className to add
- */
- }, {
- key: "addScrollAreaClass",
- value: function addScrollAreaClass(className) {}
- /**
- * Returns whether the event target matches given className.
- * @param {EventTarget} evtTarget The event target
- * @param {string} selector The selector to check
- * @return {boolean}
- */
- }, {
- key: "eventTargetMatchesSelector",
- value: function eventTargetMatchesSelector(evtTarget, selector) {}
- /**
- * Sets a style property of the area element to the passed value.
- * @param {string} propName The style property name to set
- * @param {string} value The style property value
- */
- }, {
- key: "setScrollAreaStyleProperty",
- value: function setScrollAreaStyleProperty(propName, value) {}
- /**
- * Sets a style property of the content element to the passed value.
- * @param {string} propName The style property name to set
- * @param {string} value The style property value
- */
- }, {
- key: "setScrollContentStyleProperty",
- value: function setScrollContentStyleProperty(propName, value) {}
- /**
- * Returns the scroll content element's computed style value of the given css property `propertyName`.
- * We achieve this via `getComputedStyle(...).getPropertyValue(propertyName)`.
- * @param {string} propertyName
- * @return {string}
- */
- }, {
- key: "getScrollContentStyleValue",
- value: function getScrollContentStyleValue(propertyName) {}
- /**
- * Sets the scrollLeft value of the scroll area element to the passed value.
- * @param {number} scrollLeft The new scrollLeft value
- */
- }, {
- key: "setScrollAreaScrollLeft",
- value: function setScrollAreaScrollLeft(scrollLeft) {}
- /**
- * Returns the scrollLeft value of the scroll area element.
- * @return {number}
- */
- }, {
- key: "getScrollAreaScrollLeft",
- value: function getScrollAreaScrollLeft() {}
- /**
- * Returns the offsetWidth of the scroll content element.
- * @return {number}
- */
- }, {
- key: "getScrollContentOffsetWidth",
- value: function getScrollContentOffsetWidth() {}
- /**
- * Returns the offsetWitdth of the scroll area element.
- * @return {number}
- */
- }, {
- key: "getScrollAreaOffsetWidth",
- value: function getScrollAreaOffsetWidth() {}
- /**
- * Returns the bounding client rect of the scroll area element.
- * @return {!ClientRect}
- */
- }, {
- key: "computeScrollAreaClientRect",
- value: function computeScrollAreaClientRect() {}
- /**
- * Returns the bounding client rect of the scroll content element.
- * @return {!ClientRect}
- */
- }, {
- key: "computeScrollContentClientRect",
- value: function computeScrollContentClientRect() {}
- /**
- * Returns the height of the browser's horizontal scrollbars (in px).
- * @return {number}
- */
- }, {
- key: "computeHorizontalScrollbarHeight",
- value: function computeHorizontalScrollbarHeight() {}
- }]);
- return MDCTabScrollerAdapter;
- }();
- /***/ }),
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * 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;
- var supportsCssVariables = supportsCssVariables_;
- 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;
- }
- if (!forceRefresh) {
- supportsCssVariables_ = supportsCssVariables;
- }
- 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";
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Top App Bar
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Top App Bar into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCTopAppBarAdapter = function () {
- function MDCTopAppBarAdapter() {
- _classCallCheck(this, MDCTopAppBarAdapter);
- }
- _createClass(MDCTopAppBarAdapter, [{
- 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) {}
- /**
- * Returns true if the root Element contains the given class.
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: "hasClass",
- value: function hasClass(className) {}
- /**
- * Sets the specified inline style property on the root Element to the given value.
- * @param {string} property
- * @param {string} value
- */
- }, {
- key: "setStyle",
- value: function setStyle(property, value) {}
- /**
- * Gets the height of the top app bar.
- * @return {number}
- */
- }, {
- key: "getTopAppBarHeight",
- value: function getTopAppBarHeight() {}
- /**
- * Registers an event handler on the navigation icon element for a given event.
- * @param {string} type
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "registerNavigationIconInteractionHandler",
- value: function registerNavigationIconInteractionHandler(type, handler) {}
- /**
- * Deregisters an event handler on the navigation icon element for a given event.
- * @param {string} type
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "deregisterNavigationIconInteractionHandler",
- value: function deregisterNavigationIconInteractionHandler(type, handler) {}
- /**
- * Emits an event when the navigation icon is clicked.
- */
- }, {
- key: "notifyNavigationIconClicked",
- value: function notifyNavigationIconClicked() {}
- /** @param {function(!Event)} handler */
- }, {
- key: "registerScrollHandler",
- value: function registerScrollHandler(handler) {}
- /** @param {function(!Event)} handler */
- }, {
- key: "deregisterScrollHandler",
- value: function deregisterScrollHandler(handler) {}
- /** @param {function(!Event)} handler */
- }, {
- key: "registerResizeHandler",
- value: function registerResizeHandler(handler) {}
- /** @param {function(!Event)} handler */
- }, {
- key: "deregisterResizeHandler",
- value: function deregisterResizeHandler(handler) {}
- /** @return {number} */
- }, {
- key: "getViewportScrollY",
- value: function getViewportScrollY() {}
- /** @return {number} */
- }, {
- key: "getTotalActionItems",
- value: function getTotalActionItems() {}
- }]);
- return MDCTopAppBarAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCTopAppBarAdapter);
- /***/ }),
- /* 8 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- FIXED_CLASS: 'mdc-top-app-bar--fixed',
- FIXED_SCROLLED_CLASS: 'mdc-top-app-bar--fixed-scrolled',
- SHORT_CLASS: 'mdc-top-app-bar--short',
- SHORT_HAS_ACTION_ITEM_CLASS: 'mdc-top-app-bar--short-has-action-item',
- SHORT_COLLAPSED_CLASS: 'mdc-top-app-bar--short-collapsed'
- };
- /** @enum {number} */
- var numbers = {
- DEBOUNCE_THROTTLE_RESIZE_TIME_MS: 100,
- MAX_TOP_APP_BAR_HEIGHT: 128
- };
- /** @enum {string} */
- var strings = {
- ACTION_ITEM_SELECTOR: '.mdc-top-app-bar__action-item',
- NAVIGATION_EVENT: 'MDCTopAppBar:nav',
- NAVIGATION_ICON_SELECTOR: '.mdc-top-app-bar__navigation-icon',
- ROOT_SELECTOR: '.mdc-top-app-bar',
- TITLE_SELECTOR: '.mdc-top-app-bar__title'
- };
- /***/ }),
- /* 9 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @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);
- }
- /***/ }),
- /* 10 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* unused harmony export MDCTabDimensions */
- /* unused harmony export MDCTabAdapter */
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * MDCTabDimensions provides details about the left and right edges of the Tab
- * root element and the Tab content element. These values are used to determine
- * the visual position of the Tab with respect it's parent container.
- * @typedef {{rootLeft: number, rootRight: number, contentLeft: number, contentRight: number}}
- */
- var MDCTabDimensions = void 0;
- /**
- * Adapter for MDC Tab.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Tab into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCTabAdapter = function () {
- function MDCTabAdapter() {
- _classCallCheck(this, MDCTabAdapter);
- }
- _createClass(MDCTabAdapter, [{
- key: "addClass",
- /**
- * Adds the given className to the root element.
- * @param {string} className The className to add
- */
- value: function addClass(className) {}
- /**
- * Removes the given className from the root element.
- * @param {string} className The className to remove
- */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * Returns whether the root element has the given className.
- * @param {string} className The className to remove
- * @return {boolean}
- */
- }, {
- key: "hasClass",
- value: function hasClass(className) {}
- /**
- * Sets the given attrName of the root element to the given value.
- * @param {string} attr The attribute name to set
- * @param {string} value The value so give the attribute
- */
- }, {
- key: "setAttr",
- value: function setAttr(attr, value) {}
- /**
- * Activates the indicator element.
- * @param {!ClientRect=} previousIndicatorClientRect The client rect of the previously activated indicator
- */
- }, {
- key: "activateIndicator",
- value: function activateIndicator(previousIndicatorClientRect) {}
- /** Deactivates the indicator. */
- }, {
- key: "deactivateIndicator",
- value: function deactivateIndicator() {}
- /**
- * Emits the MDCTab:interacted event for use by parent components
- */
- }, {
- key: "notifyInteracted",
- value: function notifyInteracted() {}
- /**
- * Returns the offsetLeft value of the root element.
- * @return {number}
- */
- }, {
- key: "getOffsetLeft",
- value: function getOffsetLeft() {}
- /**
- * Returns the offsetWidth value of the root element.
- * @return {number}
- */
- }, {
- key: "getOffsetWidth",
- value: function getOffsetWidth() {}
- /**
- * Returns the offsetLeft of the content element.
- * @return {number}
- */
- }, {
- key: "getContentOffsetLeft",
- value: function getContentOffsetLeft() {}
- /**
- * Returns the offsetWidth of the content element.
- * @return {number}
- */
- }, {
- key: "getContentOffsetWidth",
- value: function getContentOffsetWidth() {}
- /**
- * Applies focus to the root element
- */
- }, {
- key: "focus",
- value: function focus() {}
- }]);
- return MDCTabAdapter;
- }();
- /***/ }),
- /* 11 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(5);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @abstract
- */
- var MDCTabScrollerRTL = function () {
- /** @param {!MDCTabScrollerAdapter} adapter */
- function MDCTabScrollerRTL(adapter) {
- _classCallCheck(this, MDCTabScrollerRTL);
- /** @private */
- this.adapter_ = adapter;
- }
- /**
- * @param {number} translateX The current translateX position
- * @return {number}
- * @abstract
- */
- _createClass(MDCTabScrollerRTL, [{
- key: 'getScrollPositionRTL',
- value: function getScrollPositionRTL(translateX) {}
- /**
- * @param {number} scrollX
- * @return {!MDCTabScrollerAnimation}
- * @abstract
- */
- }, {
- key: 'scrollToRTL',
- value: function scrollToRTL(scrollX) {}
- /**
- * @param {number} scrollX
- * @return {!MDCTabScrollerAnimation}
- * @abstract
- */
- }, {
- key: 'incrementScrollRTL',
- value: function incrementScrollRTL(scrollX) {}
- /**
- * @param {number} scrollX The current scrollX position
- * @param {number} translateX The current translateX position
- * @return {number}
- * @abstract
- */
- }, {
- key: 'getAnimatingScrollPosition',
- value: function getAnimatingScrollPosition(scrollX, translateX) {}
- }]);
- return MDCTabScrollerRTL;
- }();
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabScrollerRTL);
- /***/ }),
- /* 12 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(7);
- /* 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; }
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCFoundation<!MDCTopAppBarAdapter>}
- */
- var MDCTopAppBarBaseFoundation = function (_MDCFoundation) {
- _inherits(MDCTopAppBarBaseFoundation, _MDCFoundation);
- _createClass(MDCTopAppBarBaseFoundation, null, [{
- key: 'strings',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */];
- }
- /** @return enum {string} */
- }, {
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */];
- }
- /** @return enum {number} */
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_0__constants__["b" /* numbers */];
- }
- /**
- * {@see MDCTopAppBarAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCTopAppBarAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCTopAppBarAdapter} */{
- hasClass: function hasClass() /* className: string */{},
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- setStyle: function setStyle() /* property: string, value: string */{},
- getTopAppBarHeight: function getTopAppBarHeight() {},
- registerNavigationIconInteractionHandler: function registerNavigationIconInteractionHandler() /* type: string, handler: EventListener */{},
- deregisterNavigationIconInteractionHandler: function deregisterNavigationIconInteractionHandler() /* type: string, handler: EventListener */{},
- notifyNavigationIconClicked: function notifyNavigationIconClicked() {},
- registerScrollHandler: function registerScrollHandler() /* handler: EventListener */{},
- deregisterScrollHandler: function deregisterScrollHandler() /* handler: EventListener */{},
- registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
- deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{},
- getViewportScrollY: function getViewportScrollY() {
- return (/* number */0
- );
- },
- getTotalActionItems: function getTotalActionItems() {
- return (/* number */0
- );
- }
- }
- );
- }
- /**
- * @param {!MDCTopAppBarAdapter} adapter
- */
- }]);
- function MDCTopAppBarBaseFoundation( /** @type {!MDCTopAppBarAdapter} */adapter) {
- _classCallCheck(this, MDCTopAppBarBaseFoundation);
- var _this = _possibleConstructorReturn(this, (MDCTopAppBarBaseFoundation.__proto__ || Object.getPrototypeOf(MDCTopAppBarBaseFoundation)).call(this, _extends(MDCTopAppBarBaseFoundation.defaultAdapter, adapter)));
- _this.navClickHandler_ = function () {
- return _this.adapter_.notifyNavigationIconClicked();
- };
- _this.scrollHandler_ = function () {};
- return _this;
- }
- _createClass(MDCTopAppBarBaseFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.registerNavigationIconInteractionHandler('click', this.navClickHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterNavigationIconInteractionHandler('click', this.navClickHandler_);
- }
- }, {
- key: 'initScrollHandler',
- value: function initScrollHandler() {
- this.adapter_.registerScrollHandler(this.scrollHandler_);
- }
- }, {
- key: 'destroyScrollHandler',
- value: function destroyScrollHandler() {
- this.adapter_.deregisterScrollHandler(this.scrollHandler_);
- }
- }]);
- return MDCTopAppBarBaseFoundation;
- }(__WEBPACK_IMPORTED_MODULE_2__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTopAppBarBaseFoundation);
- /***/ }),
- /* 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Drawer
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Drawer into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCDrawerAdapter = function () {
- function MDCDrawerAdapter() {
- _classCallCheck(this, MDCDrawerAdapter);
- }
- _createClass(MDCDrawerAdapter, [{
- 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) {}
- /**
- * Returns true if the root Element contains the given class.
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: "hasClass",
- value: function hasClass(className) {}
- /**
- * @param {!Element} element target element to verify class name
- * @param {string} className class name
- */
- }, {
- key: "elementHasClass",
- value: function elementHasClass(element, className) {}
- /** @return {!ClientRect} */
- }, {
- key: "computeBoundingRect",
- value: function computeBoundingRect() {}
- /**
- * Saves the focus of currently active element.
- */
- }, {
- key: "saveFocus",
- value: function saveFocus() {}
- /**
- * Restores focus to element previously saved with 'saveFocus'.
- */
- }, {
- key: "restoreFocus",
- value: function restoreFocus() {}
- /**
- * Focuses the active / selected navigation item.
- */
- }, {
- key: "focusActiveNavigationItem",
- value: function focusActiveNavigationItem() {}
- /**
- * Emits a custom event "MDCDrawer:closed" denoting the drawer has closed.
- */
- }, {
- key: "notifyClose",
- value: function notifyClose() {}
- /**
- * Emits a custom event "MDCDrawer:opened" denoting the drawer has opened.
- */
- }, {
- key: "notifyOpen",
- value: function notifyOpen() {}
- /**
- * Traps focus on root element and focuses the active navigation element.
- */
- }, {
- key: "trapFocus",
- value: function trapFocus() {}
- /**
- * Releases focus trap from root element which was set by `trapFocus`
- * and restores focus to where it was prior to calling `trapFocus`.
- */
- }, {
- key: "releaseFocus",
- value: function releaseFocus() {}
- }]);
- return MDCDrawerAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCDrawerAdapter);
- /***/ }),
- /* 14 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCList", function() { return MDCList; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(32);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(33);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCListFoundation", 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 _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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends MDCComponent<!MDCListFoundation>
- */
- var MDCList = function (_MDCComponent) {
- _inherits(MDCList, _MDCComponent);
- /** @param {...?} args */
- function MDCList() {
- var _ref;
- _classCallCheck(this, MDCList);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!Function} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCList.__proto__ || Object.getPrototypeOf(MDCList)).call.apply(_ref, [this].concat(args)));
- _this.handleKeydown_;
- /** @private {!Function} */
- _this.handleClick_;
- /** @private {!Function} */
- _this.focusInEventListener_;
- /** @private {!Function} */
- _this.focusOutEventListener_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @return {!MDCList}
- */
- _createClass(MDCList, [{
- key: 'destroy',
- value: function destroy() {
- this.root_.removeEventListener('keydown', this.handleKeydown_);
- this.root_.removeEventListener('click', this.handleClick_);
- this.root_.removeEventListener('focusin', this.focusInEventListener_);
- this.root_.removeEventListener('focusout', this.focusOutEventListener_);
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- this.handleClick_ = this.foundation_.handleClick.bind(this.foundation_);
- this.handleKeydown_ = this.handleKeydownEvent_.bind(this);
- this.focusInEventListener_ = this.handleFocusInEvent_.bind(this);
- this.focusOutEventListener_ = this.handleFocusOutEvent_.bind(this);
- this.root_.addEventListener('keydown', this.handleKeydown_);
- this.root_.addEventListener('focusin', this.focusInEventListener_);
- this.root_.addEventListener('focusout', this.focusOutEventListener_);
- this.layout();
- this.initializeListType();
- }
- }, {
- key: 'layout',
- value: function layout() {
- var direction = this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].ARIA_ORIENTATION);
- this.vertical = direction !== __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].ARIA_ORIENTATION_HORIZONTAL;
- // List items need to have at least tabindex=-1 to be focusable.
- [].slice.call(this.root_.querySelectorAll('.mdc-list-item:not([tabindex])')).forEach(function (ele) {
- ele.setAttribute('tabindex', -1);
- });
- // Child button/a elements are not tabbable until the list item is focused.
- [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].FOCUSABLE_CHILD_ELEMENTS)).forEach(function (ele) {
- return ele.setAttribute('tabindex', -1);
- });
- }
- /**
- * Used to figure out which list item this event is targetting. Or returns -1 if
- * there is no list item
- * @param {Event} evt
- * @private
- */
- }, {
- key: 'getListItemIndex_',
- value: function getListItemIndex_(evt) {
- var eventTarget = /** @type {HTMLElement} */evt.target;
- var index = -1;
- // Find the first ancestor that is a list item or the list.
- while (!eventTarget.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].LIST_ITEM_CLASS) && !eventTarget.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].ROOT)) {
- eventTarget = eventTarget.parentElement;
- }
- // Get the index of the element if it is a list item.
- if (eventTarget.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].LIST_ITEM_CLASS)) {
- index = this.listElements.indexOf(eventTarget);
- }
- return index;
- }
- /**
- * Used to figure out which element was clicked before sending the event to the foundation.
- * @param {Event} evt
- * @private
- */
- }, {
- key: 'handleFocusInEvent_',
- value: function handleFocusInEvent_(evt) {
- var index = this.getListItemIndex_(evt);
- this.foundation_.handleFocusIn(evt, index);
- }
- /**
- * Used to figure out which element was clicked before sending the event to the foundation.
- * @param {Event} evt
- * @private
- */
- }, {
- key: 'handleFocusOutEvent_',
- value: function handleFocusOutEvent_(evt) {
- var index = this.getListItemIndex_(evt);
- this.foundation_.handleFocusOut(evt, index);
- }
- /**
- * Used to figure out which element was clicked before sending the event to the foundation.
- * @param {Event} evt
- * @private
- */
- }, {
- key: 'handleKeydownEvent_',
- value: function handleKeydownEvent_(evt) {
- var index = this.getListItemIndex_(evt);
- if (index >= 0) {
- this.foundation_.handleKeydown(evt, evt.target.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].LIST_ITEM_CLASS), index);
- }
- }
- }, {
- key: 'initializeListType',
- value: function initializeListType() {
- // Automatically set single selection if selected/activated classes are present.
- var preselectedElement = this.root_.querySelector('.' + __WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].LIST_ITEM_ACTIVATED_CLASS + ', .' + __WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].LIST_ITEM_SELECTED_CLASS);
- if (preselectedElement) {
- if (preselectedElement.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].LIST_ITEM_ACTIVATED_CLASS)) {
- this.foundation_.setUseActivatedClass(true);
- }
- this.singleSelection = true;
- this.selectedIndex = this.listElements.indexOf(preselectedElement);
- }
- }
- /** @param {boolean} value */
- }, {
- key: 'getDefaultFoundation',
- /** @return {!MDCListFoundation} */
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]( /** @type {!MDCListAdapter} */_extends({
- getListItemCount: function getListItemCount() {
- return _this2.listElements.length;
- },
- getFocusedElementIndex: function getFocusedElementIndex() {
- return _this2.listElements.indexOf(document.activeElement);
- },
- setAttributeForElementIndex: function setAttributeForElementIndex(index, attr, value) {
- var element = _this2.listElements[index];
- if (element) {
- element.setAttribute(attr, value);
- }
- },
- removeAttributeForElementIndex: function removeAttributeForElementIndex(index, attr) {
- var element = _this2.listElements[index];
- if (element) {
- element.removeAttribute(attr);
- }
- },
- addClassForElementIndex: function addClassForElementIndex(index, className) {
- var element = _this2.listElements[index];
- if (element) {
- element.classList.add(className);
- }
- },
- removeClassForElementIndex: function removeClassForElementIndex(index, className) {
- var element = _this2.listElements[index];
- if (element) {
- element.classList.remove(className);
- }
- },
- focusItemAtIndex: function focusItemAtIndex(index) {
- var element = _this2.listElements[index];
- if (element) {
- element.focus();
- }
- },
- setTabIndexForListItemChildren: function setTabIndexForListItemChildren(listItemIndex, tabIndexValue) {
- var element = _this2.listElements[listItemIndex];
- var listItemChildren = [].slice.call(element.querySelectorAll(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].FOCUSABLE_CHILD_ELEMENTS));
- listItemChildren.forEach(function (ele) {
- return ele.setAttribute('tabindex', tabIndexValue);
- });
- },
- followHref: function followHref(index) {
- var listItem = _this2.listElements[index];
- if (listItem && listItem.href) {
- listItem.click();
- }
- }
- }));
- }
- }, {
- key: 'vertical',
- set: function set(value) {
- this.foundation_.setVerticalOrientation(value);
- }
- /** @return Array<!Element>*/
- }, {
- key: 'listElements',
- get: function get() {
- return [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].ENABLED_ITEMS_SELECTOR));
- }
- /** @param {boolean} value */
- }, {
- key: 'wrapFocus',
- set: function set(value) {
- this.foundation_.setWrapFocus(value);
- }
- /** @param {boolean} isSingleSelectionList */
- }, {
- key: 'singleSelection',
- set: function set(isSingleSelectionList) {
- if (isSingleSelectionList) {
- this.root_.addEventListener('click', this.handleClick_);
- } else {
- this.root_.removeEventListener('click', this.handleClick_);
- }
- this.foundation_.setSingleSelection(isSingleSelectionList);
- }
- /** @param {number} index */
- }, {
- key: 'selectedIndex',
- set: function set(index) {
- this.foundation_.setSelectedIndex(index);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCList(root);
- }
- }]);
- return MDCList;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 15 */
- /***/ (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__(32);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__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; }
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- var ELEMENTS_KEY_ALLOWED_IN = ['input', 'button', 'textarea', 'select'];
- var MDCListFoundation = function (_MDCFoundation) {
- _inherits(MDCListFoundation, _MDCFoundation);
- _createClass(MDCListFoundation, null, [{
- key: 'strings',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
- }
- /** @return enum {string} */
- }, {
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- /**
- * {@see MDCListAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCListAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCListAdapter} */{
- getListItemCount: function getListItemCount() {},
- getFocusedElementIndex: function getFocusedElementIndex() {},
- setAttributeForElementIndex: function setAttributeForElementIndex() {},
- removeAttributeForElementIndex: function removeAttributeForElementIndex() {},
- addClassForElementIndex: function addClassForElementIndex() {},
- removeClassForElementIndex: function removeClassForElementIndex() {},
- focusItemAtIndex: function focusItemAtIndex() {},
- setTabIndexForListItemChildren: function setTabIndexForListItemChildren() {},
- followHref: function followHref() {}
- }
- );
- }
- /**
- * @param {!MDCListAdapter=} adapter
- */
- }]);
- function MDCListFoundation(adapter) {
- _classCallCheck(this, MDCListFoundation);
- /** {boolean} */
- var _this = _possibleConstructorReturn(this, (MDCListFoundation.__proto__ || Object.getPrototypeOf(MDCListFoundation)).call(this, _extends(MDCListFoundation.defaultAdapter, adapter)));
- _this.wrapFocus_ = false;
- /** {boolean} */
- _this.isVertical_ = true;
- /** {boolean} */
- _this.isSingleSelectionList_ = false;
- /** {number} */
- _this.selectedIndex_ = -1;
- /** {boolean} */
- _this.useActivatedClass_ = false;
- return _this;
- }
- /**
- * Sets the private wrapFocus_ variable.
- * @param {boolean} value
- */
- _createClass(MDCListFoundation, [{
- key: 'setWrapFocus',
- value: function setWrapFocus(value) {
- this.wrapFocus_ = value;
- }
- /**
- * Sets the isVertical_ private variable.
- * @param {boolean} value
- */
- }, {
- key: 'setVerticalOrientation',
- value: function setVerticalOrientation(value) {
- this.isVertical_ = value;
- }
- /**
- * Sets the isSingleSelectionList_ private variable.
- * @param {boolean} value
- */
- }, {
- key: 'setSingleSelection',
- value: function setSingleSelection(value) {
- this.isSingleSelectionList_ = value;
- }
- /**
- * Sets the useActivatedClass_ private variable.
- * @param {boolean} useActivated
- */
- }, {
- key: 'setUseActivatedClass',
- value: function setUseActivatedClass(useActivated) {
- this.useActivatedClass_ = useActivated;
- }
- /** @param {number} index */
- }, {
- key: 'setSelectedIndex',
- value: function setSelectedIndex(index) {
- if (index === this.selectedIndex_) {
- return;
- }
- var className = this.useActivatedClass_ ? __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LIST_ITEM_ACTIVATED_CLASS : __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LIST_ITEM_SELECTED_CLASS;
- if (this.selectedIndex_ >= 0) {
- this.adapter_.removeAttributeForElementIndex(this.selectedIndex_, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED);
- this.adapter_.removeClassForElementIndex(this.selectedIndex_, className);
- this.adapter_.setAttributeForElementIndex(this.selectedIndex_, 'tabindex', -1);
- }
- if (index >= 0 && this.adapter_.getListItemCount() > index) {
- this.selectedIndex_ = index;
- this.adapter_.setAttributeForElementIndex(this.selectedIndex_, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED, true);
- this.adapter_.addClassForElementIndex(this.selectedIndex_, className);
- this.adapter_.setAttributeForElementIndex(this.selectedIndex_, 'tabindex', 0);
- if (this.selectedIndex_ !== 0) {
- this.adapter_.setAttributeForElementIndex(0, 'tabindex', -1);
- }
- }
- }
- /**
- * Focus in handler for the list items.
- * @param evt
- * @param {number} listItemIndex
- */
- }, {
- key: 'handleFocusIn',
- value: function handleFocusIn(evt, listItemIndex) {
- if (listItemIndex >= 0) {
- this.adapter_.setTabIndexForListItemChildren(listItemIndex, 0);
- }
- }
- /**
- * Focus out handler for the list items.
- * @param {Event} evt
- * @param {number} listItemIndex
- */
- }, {
- key: 'handleFocusOut',
- value: function handleFocusOut(evt, listItemIndex) {
- if (listItemIndex >= 0) {
- this.adapter_.setTabIndexForListItemChildren(listItemIndex, -1);
- }
- }
- /**
- * Key handler for the list.
- * @param {Event} evt
- * @param {boolean} isRootListItem
- * @param {number} listItemIndex
- */
- }, {
- key: 'handleKeydown',
- value: function handleKeydown(evt, isRootListItem, listItemIndex) {
- var arrowLeft = evt.key === 'ArrowLeft' || evt.keyCode === 37;
- var arrowUp = evt.key === 'ArrowUp' || evt.keyCode === 38;
- var arrowRight = evt.key === 'ArrowRight' || evt.keyCode === 39;
- var arrowDown = evt.key === 'ArrowDown' || evt.keyCode === 40;
- var isHome = evt.key === 'Home' || evt.keyCode === 36;
- var isEnd = evt.key === 'End' || evt.keyCode === 35;
- var isEnter = evt.key === 'Enter' || evt.keyCode === 13;
- var isSpace = evt.key === 'Space' || evt.keyCode === 32;
- var currentIndex = this.adapter_.getFocusedElementIndex();
- if (currentIndex === -1) {
- currentIndex = listItemIndex;
- if (currentIndex < 0) {
- // If this event doesn't have a mdc-list-item ancestor from the
- // current list (not from a sublist), return early.
- return;
- }
- }
- if (this.isVertical_ && arrowDown || !this.isVertical_ && arrowRight) {
- this.preventDefaultEvent_(evt);
- this.focusNextElement(currentIndex);
- } else if (this.isVertical_ && arrowUp || !this.isVertical_ && arrowLeft) {
- this.preventDefaultEvent_(evt);
- this.focusPrevElement(currentIndex);
- } else if (isHome) {
- this.preventDefaultEvent_(evt);
- this.focusFirstElement();
- } else if (isEnd) {
- this.preventDefaultEvent_(evt);
- this.focusLastElement();
- } else if (this.isSingleSelectionList_ && (isEnter || isSpace)) {
- this.preventDefaultEvent_(evt);
- // Check if the space key was pressed on the list item or a child element.
- if (isRootListItem) {
- this.setSelectedIndex(currentIndex);
- // Explicitly activate links, since we're preventing default on Enter, and Space doesn't activate them.
- this.adapter_.followHref(currentIndex);
- }
- }
- }
- /**
- * Click handler for the list.
- */
- }, {
- key: 'handleClick',
- value: function handleClick() {
- var currentIndex = this.adapter_.getFocusedElementIndex();
- if (currentIndex === -1) return;
- this.setSelectedIndex(currentIndex);
- }
- /**
- * Ensures that preventDefault is only called if the containing element doesn't
- * consume the event, and it will cause an unintended scroll.
- * @param {Event} evt
- * @private
- */
- }, {
- key: 'preventDefaultEvent_',
- value: function preventDefaultEvent_(evt) {
- var tagName = ('' + evt.target.tagName).toLowerCase();
- if (ELEMENTS_KEY_ALLOWED_IN.indexOf(tagName) === -1) {
- evt.preventDefault();
- }
- }
- /**
- * Focuses the next element on the list.
- * @param {number} index
- */
- }, {
- key: 'focusNextElement',
- value: function focusNextElement(index) {
- var count = this.adapter_.getListItemCount();
- var nextIndex = index + 1;
- if (nextIndex >= count) {
- if (this.wrapFocus_) {
- nextIndex = 0;
- } else {
- // Return early because last item is already focused.
- return;
- }
- }
- this.adapter_.focusItemAtIndex(nextIndex);
- }
- /**
- * Focuses the previous element on the list.
- * @param {number} index
- */
- }, {
- key: 'focusPrevElement',
- value: function focusPrevElement(index) {
- var prevIndex = index - 1;
- if (prevIndex < 0) {
- if (this.wrapFocus_) {
- prevIndex = this.adapter_.getListItemCount() - 1;
- } else {
- // Return early because first item is already focused.
- return;
- }
- }
- this.adapter_.focusItemAtIndex(prevIndex);
- }
- }, {
- key: 'focusFirstElement',
- value: function focusFirstElement() {
- if (this.adapter_.getListItemCount() > 0) {
- this.adapter_.focusItemAtIndex(0);
- }
- }
- }, {
- key: 'focusLastElement',
- value: function focusLastElement() {
- var lastIndex = this.adapter_.getListItemCount() - 1;
- if (lastIndex >= 0) {
- this.adapter_.focusItemAtIndex(lastIndex);
- }
- }
- }]);
- return MDCListFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCListFoundation);
- /***/ }),
- /* 16 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFloatingLabel", function() { return MDCFloatingLabel; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(35);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(79);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFloatingLabelFoundation", 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; }
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCComponent<!MDCFloatingLabelFoundation>}
- * @final
- */
- var MDCFloatingLabel = function (_MDCComponent) {
- _inherits(MDCFloatingLabel, _MDCComponent);
- function MDCFloatingLabel() {
- _classCallCheck(this, MDCFloatingLabel);
- return _possibleConstructorReturn(this, (MDCFloatingLabel.__proto__ || Object.getPrototypeOf(MDCFloatingLabel)).apply(this, arguments));
- }
- _createClass(MDCFloatingLabel, [{
- key: 'shake',
- /**
- * Styles the label to produce the label shake for errors.
- * @param {boolean} shouldShake styles the label to shake by adding shake class
- * if true, otherwise will stop shaking by removing shake class.
- */
- value: function shake(shouldShake) {
- this.foundation_.shake(shouldShake);
- }
- /**
- * Styles label to float/dock.
- * @param {boolean} shouldFloat styles the label to float by adding float class
- * if true, otherwise docks the label by removing the float class.
- */
- }, {
- key: 'float',
- value: function float(shouldFloat) {
- this.foundation_.float(shouldFloat);
- }
- /**
- * @return {number}
- */
- }, {
- key: 'getWidth',
- value: function getWidth() {
- return this.foundation_.getWidth();
- }
- /**
- * @return {!MDCFloatingLabelFoundation}
- */
- }, {
- 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);
- },
- getWidth: function getWidth() {
- return _this2.root_.offsetWidth;
- },
- registerInteractionHandler: function registerInteractionHandler(evtType, handler) {
- return _this2.root_.addEventListener(evtType, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(evtType, handler) {
- return _this2.root_.removeEventListener(evtType, handler);
- }
- });
- }
- }], [{
- key: 'attachTo',
- /**
- * @param {!Element} root
- * @return {!MDCFloatingLabel}
- */
- value: function attachTo(root) {
- return new MDCFloatingLabel(root);
- }
- }]);
- return MDCFloatingLabel;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 17 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCLineRipple", function() { return MDCLineRipple; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(36);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(99);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCLineRippleFoundation", 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCComponent<!MDCLineRippleFoundation>}
- * @final
- */
- var MDCLineRipple = function (_MDCComponent) {
- _inherits(MDCLineRipple, _MDCComponent);
- function MDCLineRipple() {
- _classCallCheck(this, MDCLineRipple);
- return _possibleConstructorReturn(this, (MDCLineRipple.__proto__ || Object.getPrototypeOf(MDCLineRipple)).apply(this, arguments));
- }
- _createClass(MDCLineRipple, [{
- key: 'activate',
- /**
- * Activates the line ripple
- */
- value: function activate() {
- this.foundation_.activate();
- }
- /**
- * Deactivates the line ripple
- */
- }, {
- key: 'deactivate',
- value: function deactivate() {
- this.foundation_.deactivate();
- }
- /**
- * Sets the transform origin given a user's click location. The `rippleCenter` is the
- * x-coordinate of the middle of the ripple.
- * @param {number} xCoordinate
- */
- }, {
- key: 'setRippleCenter',
- value: function setRippleCenter(xCoordinate) {
- this.foundation_.setRippleCenter(xCoordinate);
- }
- /**
- * @return {!MDCLineRippleFoundation}
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCLineRippleAdapter} */_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);
- },
- setStyle: function setStyle(propertyName, value) {
- return _this2.root_.style[propertyName] = value;
- },
- registerEventHandler: function registerEventHandler(evtType, handler) {
- return _this2.root_.addEventListener(evtType, handler);
- },
- deregisterEventHandler: function deregisterEventHandler(evtType, handler) {
- return _this2.root_.removeEventListener(evtType, handler);
- }
- }));
- }
- }], [{
- key: 'attachTo',
- /**
- * @param {!Element} root
- * @return {!MDCLineRipple}
- */
- value: function attachTo(root) {
- return new MDCLineRipple(root);
- }
- }]);
- return MDCLineRipple;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 18 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return MDCMenuSurfaceFoundation; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AnchorMargin; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(38);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(39);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- function _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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @typedef {{
- * top: number,
- * right: number,
- * bottom: number,
- * left: number
- * }}
- */
- var AnchorMargin = void 0;
- /* eslint-disable no-unused-vars */
- /**
- * @typedef {{
- * viewport: { width: number, height: number },
- * viewportDistance: {top: number, right: number, bottom: number, left: number},
- * anchorHeight: number,
- * anchorWidth: number,
- * surfaceHeight: number,
- * surfaceWidth: number,
- * bodyDimensions,
- * windowScroll,
- * }}
- */
- var AutoLayoutMeasurements = void 0;
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCFoundation<!MDCMenuSurfaceAdapter>}
- */
- var MDCMenuSurfaceFoundation = function (_MDCFoundation) {
- _inherits(MDCMenuSurfaceFoundation, _MDCFoundation);
- _createClass(MDCMenuSurfaceFoundation, null, [{
- key: 'cssClasses',
- /** @return enum{cssClasses} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* cssClasses */];
- }
- /** @return enum{string} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["e" /* strings */];
- }
- /** @return enum {number} */
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["d" /* numbers */];
- }
- /** @return enum{number} */
- }, {
- key: 'Corner',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* Corner */];
- }
- /**
- * {@see MDCMenuSurfaceAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCMenuSurfaceAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCMenuSurfaceAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- hasClass: function hasClass() {
- return false;
- },
- hasAnchor: function hasAnchor() {
- return false;
- },
- notifyClose: function notifyClose() {},
- notifyOpen: function notifyOpen() {},
- isElementInContainer: function isElementInContainer() {
- return false;
- },
- isRtl: function isRtl() {
- return false;
- },
- setTransformOrigin: function setTransformOrigin() {},
- isFocused: function isFocused() {
- return false;
- },
- saveFocus: function saveFocus() {},
- restoreFocus: function restoreFocus() {},
- isFirstElementFocused: function isFirstElementFocused() {},
- isLastElementFocused: function isLastElementFocused() {},
- focusFirstElement: function focusFirstElement() {},
- focusLastElement: function focusLastElement() {},
- getInnerDimensions: function getInnerDimensions() {
- return {};
- },
- getAnchorDimensions: function getAnchorDimensions() {
- return {};
- },
- getWindowDimensions: function getWindowDimensions() {
- return {};
- },
- getBodyDimensions: function getBodyDimensions() {
- return {};
- },
- getWindowScroll: function getWindowScroll() {
- return {};
- },
- setPosition: function setPosition() {},
- setMaxHeight: function setMaxHeight() {}
- }
- );
- }
- /** @param {!MDCMenuSurfaceAdapter} adapter */
- }]);
- function MDCMenuSurfaceFoundation(adapter) {
- _classCallCheck(this, MDCMenuSurfaceFoundation);
- /** @private {boolean} */
- var _this = _possibleConstructorReturn(this, (MDCMenuSurfaceFoundation.__proto__ || Object.getPrototypeOf(MDCMenuSurfaceFoundation)).call(this, _extends(MDCMenuSurfaceFoundation.defaultAdapter, adapter)));
- _this.isOpen_ = false;
- /** @private {number} */
- _this.openAnimationEndTimerId_ = 0;
- /** @private {number} */
- _this.closeAnimationEndTimerId_ = 0;
- /** @private {number} */
- _this.animationRequestId_ = 0;
- /** @private {!{ width: number, height: number }} */
- _this.dimensions_;
- /** @private {!Corner} */
- _this.anchorCorner_ = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* Corner */].TOP_START;
- /** @private {!AnchorMargin} */
- _this.anchorMargin_ = { top: 0, right: 0, bottom: 0, left: 0 };
- /** @private {?AutoLayoutMeasurements} */
- _this.measures_ = null;
- /** @private {boolean} */
- _this.quickOpen_ = false;
- /** @private {boolean} */
- _this.hoistedElement_ = false;
- /** @private {boolean} */
- _this.isFixedPosition_ = false;
- /** @private {!{x: number, y: number}} */
- _this.position_ = { x: 0, y: 0 };
- return _this;
- }
- _createClass(MDCMenuSurfaceFoundation, [{
- key: 'init',
- value: function init() {
- var _MDCMenuSurfaceFounda = MDCMenuSurfaceFoundation.cssClasses,
- ROOT = _MDCMenuSurfaceFounda.ROOT,
- OPEN = _MDCMenuSurfaceFounda.OPEN;
- if (!this.adapter_.hasClass(ROOT)) {
- throw new Error(ROOT + ' class required in root element.');
- }
- if (this.adapter_.hasClass(OPEN)) {
- this.isOpen_ = true;
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- clearTimeout(this.openAnimationEndTimerId_);
- clearTimeout(this.closeAnimationEndTimerId_);
- // Cancel any currently running animations.
- cancelAnimationFrame(this.animationRequestId_);
- }
- /**
- * @param {!Corner} corner Default anchor corner alignment of top-left menu surface corner.
- */
- }, {
- key: 'setAnchorCorner',
- value: function setAnchorCorner(corner) {
- this.anchorCorner_ = corner;
- }
- /**
- * @param {!AnchorMargin} margin set of margin values from anchor.
- */
- }, {
- key: 'setAnchorMargin',
- value: function setAnchorMargin(margin) {
- this.anchorMargin_.top = typeof margin.top === 'number' ? margin.top : 0;
- this.anchorMargin_.right = typeof margin.right === 'number' ? margin.right : 0;
- this.anchorMargin_.bottom = typeof margin.bottom === 'number' ? margin.bottom : 0;
- this.anchorMargin_.left = typeof margin.left === 'number' ? margin.left : 0;
- }
- /**
- * Used to indicate if the menu-surface is hoisted to the body.
- * @param {boolean} isHoisted
- */
- }, {
- key: 'setIsHoisted',
- value: function setIsHoisted(isHoisted) {
- this.hoistedElement_ = isHoisted;
- }
- /**
- * Used to set the menu-surface calculations based on a fixed position menu.
- * @param {boolean} isFixedPosition
- */
- }, {
- key: 'setFixedPosition',
- value: function setFixedPosition(isFixedPosition) {
- this.isFixedPosition_ = isFixedPosition;
- }
- /**
- * Sets the menu-surface position on the page.
- * @param {number} x
- * @param {number} y
- */
- }, {
- key: 'setAbsolutePosition',
- value: function setAbsolutePosition(x, y) {
- this.position_.x = this.typeCheckisFinite_(x) ? x : 0;
- this.position_.y = this.typeCheckisFinite_(y) ? y : 0;
- }
- /** @param {boolean} quickOpen */
- }, {
- key: 'setQuickOpen',
- value: function setQuickOpen(quickOpen) {
- this.quickOpen_ = quickOpen;
- }
- /**
- * Handle clicks and close if not within menu-surface element.
- * @param {!Event} evt
- */
- }, {
- key: 'handleBodyClick',
- value: function handleBodyClick(evt) {
- var el = evt.target;
- if (this.adapter_.isElementInContainer(el)) {
- return;
- }
- this.close();
- }
- }, {
- key: 'handleKeydown',
- /**
- * Handle keys that close the surface.
- * @param {!Event} evt
- */
- value: function handleKeydown(evt) {
- var keyCode = evt.keyCode,
- key = evt.key,
- shiftKey = evt.shiftKey;
- var isEscape = key === 'Escape' || keyCode === 27;
- var isTab = key === 'Tab' || keyCode === 9;
- if (isEscape) {
- this.close();
- } else if (isTab) {
- if (this.adapter_.isLastElementFocused() && !shiftKey) {
- this.adapter_.focusFirstElement();
- evt.preventDefault();
- } else if (this.adapter_.isFirstElementFocused() && shiftKey) {
- this.adapter_.focusLastElement();
- evt.preventDefault();
- }
- }
- }
- /**
- * @return {!AutoLayoutMeasurements} Measurements used to position menu surface popup.
- */
- }, {
- key: 'getAutoLayoutMeasurements_',
- value: function getAutoLayoutMeasurements_() {
- var anchorRect = this.adapter_.getAnchorDimensions();
- var viewport = this.adapter_.getWindowDimensions();
- var bodyDimensions = this.adapter_.getBodyDimensions();
- var windowScroll = this.adapter_.getWindowScroll();
- if (!anchorRect) {
- anchorRect = /** @type {ClientRect} */{
- x: this.position_.x,
- y: this.position_.y,
- top: this.position_.y,
- bottom: this.position_.y,
- left: this.position_.x,
- right: this.position_.x,
- height: 0,
- width: 0
- };
- }
- return {
- viewport: viewport,
- bodyDimensions: bodyDimensions,
- windowScroll: windowScroll,
- viewportDistance: {
- top: anchorRect.top,
- right: viewport.width - anchorRect.right,
- left: anchorRect.left,
- bottom: viewport.height - anchorRect.bottom
- },
- anchorHeight: anchorRect.height,
- anchorWidth: anchorRect.width,
- surfaceHeight: this.dimensions_.height,
- surfaceWidth: this.dimensions_.width
- };
- }
- /**
- * Computes the corner of the anchor from which to animate and position the menu surface.
- * @return {!Corner}
- * @private
- */
- }, {
- key: 'getOriginCorner_',
- value: function getOriginCorner_() {
- // Defaults: open from the top left.
- var corner = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* Corner */].TOP_LEFT;
- var _measures_ = this.measures_,
- viewportDistance = _measures_.viewportDistance,
- anchorHeight = _measures_.anchorHeight,
- anchorWidth = _measures_.anchorWidth,
- surfaceHeight = _measures_.surfaceHeight,
- surfaceWidth = _measures_.surfaceWidth;
- var isBottomAligned = Boolean(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM);
- var availableTop = isBottomAligned ? viewportDistance.top + anchorHeight + this.anchorMargin_.bottom : viewportDistance.top + this.anchorMargin_.top;
- var availableBottom = isBottomAligned ? viewportDistance.bottom - this.anchorMargin_.bottom : viewportDistance.bottom + anchorHeight - this.anchorMargin_.top;
- var topOverflow = surfaceHeight - availableTop;
- var bottomOverflow = surfaceHeight - availableBottom;
- if (bottomOverflow > 0 && topOverflow < bottomOverflow) {
- corner |= __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM;
- }
- var isRtl = this.adapter_.isRtl();
- var isFlipRtl = Boolean(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].FLIP_RTL);
- var avoidHorizontalOverlap = Boolean(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].RIGHT);
- var isAlignedRight = avoidHorizontalOverlap && !isRtl || !avoidHorizontalOverlap && isFlipRtl && isRtl;
- var availableLeft = isAlignedRight ? viewportDistance.left + anchorWidth + this.anchorMargin_.right : viewportDistance.left + this.anchorMargin_.left;
- var availableRight = isAlignedRight ? viewportDistance.right - this.anchorMargin_.right : viewportDistance.right + anchorWidth - this.anchorMargin_.left;
- var leftOverflow = surfaceWidth - availableLeft;
- var rightOverflow = surfaceWidth - availableRight;
- if (leftOverflow < 0 && isAlignedRight && isRtl || avoidHorizontalOverlap && !isAlignedRight && leftOverflow < 0 || rightOverflow > 0 && leftOverflow < rightOverflow) {
- corner |= __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].RIGHT;
- }
- return (/** @type {Corner} */corner
- );
- }
- /**
- * @param {!Corner} corner Origin corner of the menu surface.
- * @return {number} Horizontal offset of menu surface origin corner from corresponding anchor corner.
- * @private
- */
- }, {
- key: 'getHorizontalOriginOffset_',
- value: function getHorizontalOriginOffset_(corner) {
- var anchorWidth = this.measures_.anchorWidth;
- // isRightAligned corresponds to using the 'right' property on the surface.
- var isRightAligned = Boolean(corner & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].RIGHT);
- var avoidHorizontalOverlap = Boolean(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].RIGHT);
- if (isRightAligned) {
- var rightOffset = avoidHorizontalOverlap ? anchorWidth - this.anchorMargin_.left : this.anchorMargin_.right;
- // For hoisted or fixed elements, adjust the offset by the difference between viewport width and body width so
- // when we calculate the right value (`adjustPositionForHoistedElement_`) based on the element position,
- // the right property is correct.
- if (this.hoistedElement_ || this.isFixedPosition_) {
- return rightOffset - (this.measures_.viewport.width - this.measures_.bodyDimensions.width);
- }
- return rightOffset;
- }
- return avoidHorizontalOverlap ? anchorWidth - this.anchorMargin_.right : this.anchorMargin_.left;
- }
- /**
- * @param {!Corner} corner Origin corner of the menu surface.
- * @return {number} Vertical offset of menu surface origin corner from corresponding anchor corner.
- * @private
- */
- }, {
- key: 'getVerticalOriginOffset_',
- value: function getVerticalOriginOffset_(corner) {
- var anchorHeight = this.measures_.anchorHeight;
- var isBottomAligned = Boolean(corner & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM);
- var avoidVerticalOverlap = Boolean(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM);
- var y = 0;
- if (isBottomAligned) {
- y = avoidVerticalOverlap ? anchorHeight - this.anchorMargin_.top : -this.anchorMargin_.bottom;
- } else {
- y = avoidVerticalOverlap ? anchorHeight + this.anchorMargin_.bottom : this.anchorMargin_.top;
- }
- return y;
- }
- /**
- * @param {!Corner} corner Origin corner of the menu surface.
- * @return {number} Maximum height of the menu surface, based on available space. 0 indicates should not be set.
- * @private
- */
- }, {
- key: 'getMenuSurfaceMaxHeight_',
- value: function getMenuSurfaceMaxHeight_(corner) {
- var maxHeight = 0;
- var viewportDistance = this.measures_.viewportDistance;
- var isBottomAligned = Boolean(corner & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM);
- var MARGIN_TO_EDGE = MDCMenuSurfaceFoundation.numbers.MARGIN_TO_EDGE;
- // When maximum height is not specified, it is handled from css.
- if (isBottomAligned) {
- maxHeight = viewportDistance.top + this.anchorMargin_.top - MARGIN_TO_EDGE;
- if (!(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM)) {
- maxHeight += this.measures_.anchorHeight;
- }
- } else {
- maxHeight = viewportDistance.bottom - this.anchorMargin_.bottom + this.measures_.anchorHeight - MARGIN_TO_EDGE;
- if (this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM) {
- maxHeight -= this.measures_.anchorHeight;
- }
- }
- return maxHeight;
- }
- /** @private */
- }, {
- key: 'autoPosition_',
- value: function autoPosition_() {
- var _position;
- // Compute measurements for autoposition methods reuse.
- this.measures_ = this.getAutoLayoutMeasurements_();
- var corner = this.getOriginCorner_();
- var maxMenuSurfaceHeight = this.getMenuSurfaceMaxHeight_(corner);
- var verticalAlignment = corner & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM ? 'bottom' : 'top';
- var horizontalAlignment = corner & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].RIGHT ? 'right' : 'left';
- var horizontalOffset = this.getHorizontalOriginOffset_(corner);
- var verticalOffset = this.getVerticalOriginOffset_(corner);
- var position = (_position = {}, _defineProperty(_position, horizontalAlignment, horizontalOffset ? horizontalOffset : '0'), _defineProperty(_position, verticalAlignment, verticalOffset ? verticalOffset : '0'), _position);
- var _measures_2 = this.measures_,
- anchorWidth = _measures_2.anchorWidth,
- surfaceWidth = _measures_2.surfaceWidth;
- // Center align when anchor width is comparable or greater than menu surface, otherwise keep corner.
- if (anchorWidth / surfaceWidth > __WEBPACK_IMPORTED_MODULE_2__constants__["d" /* numbers */].ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO) {
- horizontalAlignment = 'center';
- }
- // If the menu-surface has been hoisted to the body, it's no longer relative to the anchor element
- if (this.hoistedElement_ || this.isFixedPosition_) {
- position = this.adjustPositionForHoistedElement_(position);
- }
- for (var prop in position) {
- if (position.hasOwnProperty(prop) && position[prop] !== '0') {
- position[prop] = parseInt(position[prop], 10) + 'px';
- }
- }
- this.adapter_.setTransformOrigin(horizontalAlignment + ' ' + verticalAlignment);
- this.adapter_.setPosition(position);
- this.adapter_.setMaxHeight(maxMenuSurfaceHeight ? maxMenuSurfaceHeight + 'px' : '');
- // Clear measures after positioning is complete.
- this.measures_ = null;
- }
- /**
- * Calculates the offsets for positioning the menu-surface when the menu-surface has been
- * hoisted to the body.
- * @param {!{
- * top: (string|undefined),
- * right: (string|undefined),
- * bottom: (string|undefined),
- * left: (string|undefined)
- * }} position
- * @return {!{
- * top: (string|undefined),
- * right: (string|undefined),
- * bottom: (string|undefined),
- * left: (string|undefined)
- * }} position
- * @private
- */
- }, {
- key: 'adjustPositionForHoistedElement_',
- value: function adjustPositionForHoistedElement_(position) {
- var _measures_3 = this.measures_,
- bodyDimensions = _measures_3.bodyDimensions,
- windowScroll = _measures_3.windowScroll,
- viewport = _measures_3.viewport,
- viewportDistance = _measures_3.viewportDistance;
- for (var prop in position) {
- if (position.hasOwnProperty(prop)) {
- // Hoisted surfaces need to have the anchor elements location on the page added to the
- // position properties for proper alignment on the body.
- if (viewportDistance.hasOwnProperty(prop)) {
- position[prop] = parseInt(position[prop], 10) + viewportDistance[prop];
- }
- // Surfaces that are absolutely positioned need to have additional calculations for scroll
- // and bottom positioning.
- if (!this.isFixedPosition_ && prop === 'top') {
- position[prop] = parseInt(position[prop], 10) + windowScroll.y;
- } else if (!this.isFixedPosition_ && prop === 'bottom') {
- position[prop] = bodyDimensions.height - (viewport.height + windowScroll.y) + parseInt(position[prop], 10);
- }
- }
- }
- return position;
- }
- /**
- * Open the menu surface.
- */
- }, {
- key: 'open',
- value: function open() {
- var _this2 = this;
- this.adapter_.saveFocus();
- if (!this.quickOpen_) {
- this.adapter_.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);
- }
- this.animationRequestId_ = requestAnimationFrame(function () {
- _this2.adapter_.addClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
- _this2.dimensions_ = _this2.adapter_.getInnerDimensions();
- _this2.autoPosition_();
- if (_this2.quickOpen_) {
- _this2.adapter_.notifyOpen();
- } else {
- _this2.openAnimationEndTimerId_ = setTimeout(function () {
- _this2.openAnimationEndTimerId_ = 0;
- _this2.adapter_.removeClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);
- _this2.adapter_.notifyOpen();
- }, __WEBPACK_IMPORTED_MODULE_2__constants__["d" /* numbers */].TRANSITION_OPEN_DURATION);
- }
- });
- this.isOpen_ = true;
- }
- /**
- * Closes the menu surface.
- */
- }, {
- key: 'close',
- value: function close() {
- var _this3 = this;
- if (!this.quickOpen_) {
- this.adapter_.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);
- }
- requestAnimationFrame(function () {
- _this3.adapter_.removeClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
- if (_this3.quickOpen_) {
- _this3.adapter_.notifyClose();
- } else {
- _this3.closeAnimationEndTimerId_ = setTimeout(function () {
- _this3.closeAnimationEndTimerId_ = 0;
- _this3.adapter_.removeClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);
- _this3.adapter_.notifyClose();
- }, __WEBPACK_IMPORTED_MODULE_2__constants__["d" /* numbers */].TRANSITION_CLOSE_DURATION);
- }
- });
- this.isOpen_ = false;
- this.maybeRestoreFocus_();
- }
- /**
- * The last focused element when the menu surface was opened should regain focus, if the user is
- * focused on or within the menu surface when it is closed.
- * @private
- */
- }, {
- key: 'maybeRestoreFocus_',
- value: function maybeRestoreFocus_() {
- if (this.adapter_.isFocused() || this.adapter_.isElementInContainer(document.activeElement)) {
- this.adapter_.restoreFocus();
- }
- }
- /** @return {boolean} */
- }, {
- key: 'isOpen',
- value: function isOpen() {
- return this.isOpen_;
- }
- /**
- * isFinite that doesn't force conversion to number type.
- * Equivalent to Number.isFinite in ES2015, but is not included in IE11.
- * @param {number} num
- * @return {boolean}
- * @private
- */
- }, {
- key: 'typeCheckisFinite_',
- value: function typeCheckisFinite_(num) {
- return typeof num === 'number' && isFinite(num);
- }
- }]);
- return MDCMenuSurfaceFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /***/ }),
- /* 19 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCNotchedOutline", function() { return MDCNotchedOutline; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(41);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(105);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(42);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCNotchedOutlineFoundation", 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; }
- /**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCComponent<!MDCNotchedOutlineFoundation>}
- * @final
- */
- var MDCNotchedOutline = function (_MDCComponent) {
- _inherits(MDCNotchedOutline, _MDCComponent);
- function MDCNotchedOutline() {
- _classCallCheck(this, MDCNotchedOutline);
- return _possibleConstructorReturn(this, (MDCNotchedOutline.__proto__ || Object.getPrototypeOf(MDCNotchedOutline)).apply(this, arguments));
- }
- _createClass(MDCNotchedOutline, [{
- key: 'notch',
- /**
- * Updates outline selectors and SVG path to open notch.
- * @param {number} notchWidth The notch width in the outline.
- * @param {boolean=} isRtl Determines if outline is rtl. If rtl is true, notch
- * will be right justified in outline path, otherwise left justified.
- */
- value: function notch(notchWidth, isRtl) {
- this.foundation_.notch(notchWidth, isRtl);
- }
- /**
- * Updates the outline selectors to close notch and return it to idle state.
- */
- }, {
- key: 'closeNotch',
- value: function closeNotch() {
- this.foundation_.closeNotch();
- }
- /**
- * @return {!MDCNotchedOutlineFoundation}
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
- getWidth: function getWidth() {
- return _this2.root_.offsetWidth;
- },
- getHeight: function getHeight() {
- return _this2.root_.offsetHeight;
- },
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- setOutlinePathAttr: function setOutlinePathAttr(value) {
- var path = _this2.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].PATH_SELECTOR);
- path.setAttribute('d', value);
- },
- getIdleOutlineStyleValue: function getIdleOutlineStyleValue(propertyName) {
- var idleOutlineElement = _this2.root_.parentNode.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].IDLE_OUTLINE_SELECTOR);
- return window.getComputedStyle(idleOutlineElement).getPropertyValue(propertyName);
- }
- });
- }
- }], [{
- key: 'attachTo',
- /**
- * @param {!Element} root
- * @return {!MDCNotchedOutline}
- */
- value: function attachTo(root) {
- return new MDCNotchedOutline(root);
- }
- }]);
- return MDCNotchedOutline;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 20 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTab", function() { return MDCTab; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_tab_indicator_index__ = __webpack_require__(47);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__adapter__ = __webpack_require__(10);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__foundation__ = __webpack_require__(124);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabFoundation", function() { return __WEBPACK_IMPORTED_MODULE_4__foundation__["a"]; });
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCComponent<!MDCTabFoundation>}
- * @final
- */
- var MDCTab = function (_MDCComponent) {
- _inherits(MDCTab, _MDCComponent);
- /**
- * @param {...?} args
- */
- function MDCTab() {
- var _ref;
- _classCallCheck(this, MDCTab);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {?MDCRipple} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCTab.__proto__ || Object.getPrototypeOf(MDCTab)).call.apply(_ref, [this].concat(args)));
- _this.ripple_;
- /** @private {?MDCTabIndicator} */
- _this.tabIndicator_;
- /** @private {?Element} */
- _this.content_;
- /** @private {?Function} */
- _this.handleClick_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @return {!MDCTab}
- */
- _createClass(MDCTab, [{
- key: 'initialize',
- value: function initialize() {
- var rippleFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el, foundation) {
- return new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"](el, foundation);
- };
- var tabIndicatorFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_2__material_tab_indicator_index__["MDCTabIndicator"](el);
- };
- var rippleSurface = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.RIPPLE_SELECTOR);
- var rippleAdapter = _extends(__WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"].createAdapter( /** @type {!RippleCapableSurface} */this), {
- addClass: function addClass(className) {
- return rippleSurface.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return rippleSurface.classList.remove(className);
- },
- updateCssVariable: function updateCssVariable(varName, value) {
- return rippleSurface.style.setProperty(varName, value);
- }
- });
- var rippleFoundation = new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRippleFoundation"](rippleAdapter);
- this.ripple_ = rippleFactory(this.root_, rippleFoundation);
- var tabIndicatorElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.TAB_INDICATOR_SELECTOR);
- this.tabIndicator_ = tabIndicatorFactory(tabIndicatorElement);
- this.content_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.CONTENT_SELECTOR);
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- this.handleClick_ = this.foundation_.handleClick.bind(this.foundation_);
- this.listen('click', this.handleClick_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.unlisten('click', /** @type {!Function} */this.handleClick_);
- this.ripple_.destroy();
- _get(MDCTab.prototype.__proto__ || Object.getPrototypeOf(MDCTab.prototype), 'destroy', this).call(this);
- }
- /**
- * @return {!MDCTabFoundation}
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */](
- /** @type {!MDCTabAdapter} */{
- setAttr: function setAttr(attr, value) {
- return _this2.root_.setAttribute(attr, value);
- },
- 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);
- },
- activateIndicator: function activateIndicator(previousIndicatorClientRect) {
- return _this2.tabIndicator_.activate(previousIndicatorClientRect);
- },
- deactivateIndicator: function deactivateIndicator() {
- return _this2.tabIndicator_.deactivate();
- },
- notifyInteracted: function notifyInteracted() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.INTERACTED_EVENT, { tab: _this2 }, true /* bubble */);
- },
- getOffsetLeft: function getOffsetLeft() {
- return _this2.root_.offsetLeft;
- },
- getOffsetWidth: function getOffsetWidth() {
- return _this2.root_.offsetWidth;
- },
- getContentOffsetLeft: function getContentOffsetLeft() {
- return _this2.content_.offsetLeft;
- },
- getContentOffsetWidth: function getContentOffsetWidth() {
- return _this2.content_.offsetWidth;
- },
- focus: function focus() {
- return _this2.root_.focus();
- }
- });
- }
- /**
- * Getter for the active state of the tab
- * @return {boolean}
- */
- }, {
- key: 'activate',
- /**
- * Activates the tab
- * @param {!ClientRect=} computeIndicatorClientRect
- */
- value: function activate(computeIndicatorClientRect) {
- this.foundation_.activate(computeIndicatorClientRect);
- }
- /**
- * Deactivates the tab
- */
- }, {
- key: 'deactivate',
- value: function deactivate() {
- this.foundation_.deactivate();
- }
- /**
- * Returns the indicator's client rect
- * @return {!ClientRect}
- */
- }, {
- key: 'computeIndicatorClientRect',
- value: function computeIndicatorClientRect() {
- return this.tabIndicator_.computeContentClientRect();
- }
- /**
- * @return {!MDCTabDimensions}
- */
- }, {
- key: 'computeDimensions',
- value: function computeDimensions() {
- return this.foundation_.computeDimensions();
- }
- /**
- * Focuses the tab
- */
- }, {
- key: 'focus',
- value: function focus() {
- this.root_.focus();
- }
- }, {
- key: 'active',
- get: function get() {
- return this.foundation_.isActive();
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCTab(root);
- }
- }]);
- return MDCTab;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 21 */
- /***/ (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__(121);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCFoundation<!MDCTabIndicatorAdapter>}
- * @abstract
- */
- var MDCTabIndicatorFoundation = function (_MDCFoundation) {
- _inherits(MDCTabIndicatorFoundation, _MDCFoundation);
- _createClass(MDCTabIndicatorFoundation, 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 MDCTabIndicatorAdapter for typing information
- * @return {!MDCTabIndicatorAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCTabIndicatorAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- computeContentClientRect: function computeContentClientRect() {},
- setContentStyleProperty: function setContentStyleProperty() {}
- }
- );
- }
- /** @param {!MDCTabIndicatorAdapter} adapter */
- }]);
- function MDCTabIndicatorFoundation(adapter) {
- _classCallCheck(this, MDCTabIndicatorFoundation);
- return _possibleConstructorReturn(this, (MDCTabIndicatorFoundation.__proto__ || Object.getPrototypeOf(MDCTabIndicatorFoundation)).call(this, _extends(MDCTabIndicatorFoundation.defaultAdapter, adapter)));
- }
- /** @return {!ClientRect} */
- _createClass(MDCTabIndicatorFoundation, [{
- key: 'computeContentClientRect',
- value: function computeContentClientRect() {
- return this.adapter_.computeContentClientRect();
- }
- /**
- * Activates the indicator
- * @param {!ClientRect=} previousIndicatorClientRect
- * @abstract
- */
- }, {
- key: 'activate',
- value: function activate(previousIndicatorClientRect) {} // eslint-disable-line no-unused-vars
- /** @abstract */
- }, {
- key: 'deactivate',
- value: function deactivate() {}
- }]);
- return MDCTabIndicatorFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabIndicatorFoundation);
- /***/ }),
- /* 22 */
- /***/ (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__(54);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(135);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @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(adapter) {
- _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);
- }
- /** @param {boolean} isPersistent Sets the persistency of the helper text. */
- }, {
- key: 'setPersistent',
- value: function setPersistent(isPersistent) {
- if (isPersistent) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_PERSISTENT);
- } else {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_PERSISTENT);
- }
- }
- /**
- * @param {boolean} isValidation True to make the helper text act as an
- * error validation message.
- */
- }, {
- key: 'setValidation',
- value: function setValidation(isValidation) {
- if (isValidation) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_VALIDATION_MSG);
- } else {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_VALIDATION_MSG);
- }
- }
- /** 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);
- /***/ }),
- /* 23 */
- /***/ (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__(136);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCFoundation<!MDCTextFieldIconAdapter>}
- * @final
- */
- var MDCTextFieldIconFoundation = function (_MDCFoundation) {
- _inherits(MDCTextFieldIconFoundation, _MDCFoundation);
- _createClass(MDCTextFieldIconFoundation, null, [{
- key: 'strings',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* strings */];
- }
- /**
- * {@see MDCTextFieldIconAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCTextFieldIconAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCTextFieldIconAdapter} */{
- getAttr: function getAttr() {},
- setAttr: function setAttr() {},
- removeAttr: function removeAttr() {},
- setContent: function setContent() {},
- registerInteractionHandler: function registerInteractionHandler() {},
- deregisterInteractionHandler: function deregisterInteractionHandler() {},
- notifyIconAction: function notifyIconAction() {}
- }
- );
- }
- /**
- * @param {!MDCTextFieldIconAdapter} adapter
- */
- }]);
- function MDCTextFieldIconFoundation(adapter) {
- _classCallCheck(this, MDCTextFieldIconFoundation);
- /** @private {string?} */
- var _this = _possibleConstructorReturn(this, (MDCTextFieldIconFoundation.__proto__ || Object.getPrototypeOf(MDCTextFieldIconFoundation)).call(this, _extends(MDCTextFieldIconFoundation.defaultAdapter, adapter)));
- _this.savedTabIndex_ = null;
- /** @private {function(!Event): undefined} */
- _this.interactionHandler_ = function (evt) {
- return _this.handleInteraction(evt);
- };
- return _this;
- }
- _createClass(MDCTextFieldIconFoundation, [{
- key: 'init',
- value: function init() {
- var _this2 = this;
- this.savedTabIndex_ = this.adapter_.getAttr('tabindex');
- ['click', 'keydown'].forEach(function (evtType) {
- _this2.adapter_.registerInteractionHandler(evtType, _this2.interactionHandler_);
- });
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this3 = this;
- ['click', 'keydown'].forEach(function (evtType) {
- _this3.adapter_.deregisterInteractionHandler(evtType, _this3.interactionHandler_);
- });
- }
- /** @param {boolean} disabled */
- }, {
- key: 'setDisabled',
- value: function setDisabled(disabled) {
- if (!this.savedTabIndex_) {
- return;
- }
- if (disabled) {
- this.adapter_.setAttr('tabindex', '-1');
- this.adapter_.removeAttr('role');
- } else {
- this.adapter_.setAttr('tabindex', this.savedTabIndex_);
- this.adapter_.setAttr('role', __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* strings */].ICON_ROLE);
- }
- }
- /** @param {string} label */
- }, {
- key: 'setAriaLabel',
- value: function setAriaLabel(label) {
- this.adapter_.setAttr('aria-label', label);
- }
- /** @param {string} content */
- }, {
- key: 'setContent',
- value: function setContent(content) {
- this.adapter_.setContent(content);
- }
- /**
- * Handles an interaction event
- * @param {!Event} evt
- */
- }, {
- key: 'handleInteraction',
- value: function handleInteraction(evt) {
- if (evt.type === 'click' || evt.key === 'Enter' || evt.keyCode === 13) {
- this.adapter_.notifyIconAction();
- }
- }
- }]);
- return MDCTextFieldIconFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTextFieldIconFoundation);
- /***/ }),
- /* 24 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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/code/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 {!EventTarget} target */
- }, {
- key: "containsEventTarget",
- value: function containsEventTarget(target) {}
- /**
- * @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 {string} evtType
- * @param {!Function} handler
- */
- }, {
- key: "registerDocumentInteractionHandler",
- value: function registerDocumentInteractionHandler(evtType, handler) {}
- /**
- * @param {string} evtType
- * @param {!Function} handler
- */
- }, {
- key: "deregisterDocumentInteractionHandler",
- value: function deregisterDocumentInteractionHandler(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);
- /***/ }),
- /* 25 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCChip; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(26);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(27);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(28);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_3__foundation__["a"]; });
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- var INTERACTION_EVENTS = ['click', 'keydown'];
- /**
- * @extends {MDCComponent<!MDCChipFoundation>}
- * @final
- */
- var MDCChip = function (_MDCComponent) {
- _inherits(MDCChip, _MDCComponent);
- /**
- * @param {...?} args
- */
- function MDCChip() {
- var _ref;
- _classCallCheck(this, MDCChip);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @type {string} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCChip.__proto__ || Object.getPrototypeOf(MDCChip)).call.apply(_ref, [this].concat(args)));
- _this.id;
- /** @private {?Element} */
- _this.leadingIcon_;
- /** @private {?Element} */
- _this.trailingIcon_;
- /** @private {!MDCRipple} */
- _this.ripple_;
- /** @private {?function(?Event): undefined} */
- _this.handleInteraction_;
- /** @private {?function(!Event): undefined} */
- _this.handleTransitionEnd_;
- /** @private {function(!Event): undefined} */
- _this.handleTrailingIconInteraction_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @return {!MDCChip}
- */
- _createClass(MDCChip, [{
- key: 'initialize',
- 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_index__["MDCRipple"](el, foundation);
- };
- this.id = this.root_.id;
- this.leadingIcon_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].LEADING_ICON_SELECTOR);
- this.trailingIcon_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].TRAILING_ICON_SELECTOR);
- // Adjust ripple size for chips with animated growing width. This applies when filter chips without
- // a leading icon are selected, and a leading checkmark will cause the chip width to expand.
- var checkmarkEl = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].CHECKMARK_SELECTOR);
- if (checkmarkEl && !this.leadingIcon_) {
- var adapter = _extends(__WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"].createAdapter(this), {
- computeBoundingRect: function computeBoundingRect() {
- var height = _this2.root_.getBoundingClientRect().height;
- // The checkmark's width is initially set to 0, so use the checkmark's height as a proxy since the
- // checkmark should always be square.
- var width = _this2.root_.getBoundingClientRect().width + checkmarkEl.getBoundingClientRect().height;
- return { height: height, width: width };
- }
- });
- this.ripple_ = rippleFactory(this.root_, new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRippleFoundation"](adapter));
- } else {
- this.ripple_ = rippleFactory(this.root_);
- }
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var _this3 = this;
- this.handleInteraction_ = function (evt) {
- return _this3.foundation_.handleInteraction(evt);
- };
- this.handleTransitionEnd_ = function (evt) {
- return _this3.foundation_.handleTransitionEnd(evt);
- };
- this.handleTrailingIconInteraction_ = function (evt) {
- return _this3.foundation_.handleTrailingIconInteraction(evt);
- };
- INTERACTION_EVENTS.forEach(function (evtType) {
- _this3.root_.addEventListener(evtType, _this3.handleInteraction_);
- });
- this.root_.addEventListener('transitionend', this.handleTransitionEnd_);
- if (this.trailingIcon_) {
- INTERACTION_EVENTS.forEach(function (evtType) {
- _this3.trailingIcon_.addEventListener(evtType, _this3.handleTrailingIconInteraction_);
- });
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this4 = this;
- this.ripple_.destroy();
- INTERACTION_EVENTS.forEach(function (evtType) {
- _this4.root_.removeEventListener(evtType, _this4.handleInteraction_);
- });
- this.root_.removeEventListener('transitionend', this.handleTransitionEnd_);
- if (this.trailingIcon_) {
- INTERACTION_EVENTS.forEach(function (evtType) {
- _this4.trailingIcon_.removeEventListener(evtType, _this4.handleTrailingIconInteraction_);
- });
- }
- _get(MDCChip.prototype.__proto__ || Object.getPrototypeOf(MDCChip.prototype), 'destroy', this).call(this);
- }
- /**
- * Returns whether the chip is selected.
- * @return {boolean}
- */
- }, {
- key: 'beginExit',
- /**
- * Begins the exit animation which leads to removal of the chip.
- */
- value: function beginExit() {
- this.foundation_.beginExit();
- }
- /**
- * @return {!MDCChipFoundation}
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this5 = this;
- return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* MDCChipFoundation */]( /** @type {!MDCChipAdapter} */_extends({
- addClass: function addClass(className) {
- return _this5.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this5.root_.classList.remove(className);
- },
- hasClass: function hasClass(className) {
- return _this5.root_.classList.contains(className);
- },
- addClassToLeadingIcon: function addClassToLeadingIcon(className) {
- if (_this5.leadingIcon_) {
- _this5.leadingIcon_.classList.add(className);
- }
- },
- removeClassFromLeadingIcon: function removeClassFromLeadingIcon(className) {
- if (_this5.leadingIcon_) {
- _this5.leadingIcon_.classList.remove(className);
- }
- },
- eventTargetHasClass: function eventTargetHasClass(target, className) {
- return target.classList.contains(className);
- },
- notifyInteraction: function notifyInteraction() {
- return _this5.emit(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].INTERACTION_EVENT, { chipId: _this5.id }, true /* shouldBubble */);
- },
- notifyTrailingIconInteraction: function notifyTrailingIconInteraction() {
- return _this5.emit(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].TRAILING_ICON_INTERACTION_EVENT, { chipId: _this5.id }, true /* shouldBubble */);
- },
- notifyRemoval: function notifyRemoval() {
- return _this5.emit(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].REMOVAL_EVENT, { chipId: _this5.id, root: _this5.root_ }, true /* shouldBubble */);
- },
- getComputedStyleValue: function getComputedStyleValue(propertyName) {
- return window.getComputedStyle(_this5.root_).getPropertyValue(propertyName);
- },
- setStyleProperty: function setStyleProperty(propertyName, value) {
- return _this5.root_.style.setProperty(propertyName, value);
- }
- }));
- }
- /** @return {!MDCRipple} */
- }, {
- key: 'selected',
- get: function get() {
- return this.foundation_.isSelected();
- }
- /**
- * Sets selected state on the chip.
- * @param {boolean} selected
- */
- ,
- set: function set(selected) {
- this.foundation_.setSelected(selected);
- }
- /**
- * Returns whether a trailing icon click should trigger exit/removal of the chip.
- * @return {boolean}
- */
- }, {
- key: 'shouldRemoveOnTrailingIconClick',
- get: function get() {
- return this.foundation_.getShouldRemoveOnTrailingIconClick();
- }
- /**
- * Sets whether a trailing icon click should trigger exit/removal of the chip.
- * @param {boolean} shouldRemove
- */
- ,
- set: function set(shouldRemove) {
- this.foundation_.setShouldRemoveOnTrailingIconClick(shouldRemove);
- }
- }, {
- key: 'ripple',
- get: function get() {
- return this.ripple_;
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCChip(root);
- }
- }]);
- return MDCChip;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 26 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Chip.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Chip into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCChipAdapter = function () {
- function MDCChipAdapter() {
- _classCallCheck(this, MDCChipAdapter);
- }
- _createClass(MDCChipAdapter, [{
- 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) {}
- /**
- * Returns true if the root element contains the given class.
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: "hasClass",
- value: function hasClass(className) {}
- /**
- * Adds a class to the leading icon element.
- * @param {string} className
- */
- }, {
- key: "addClassToLeadingIcon",
- value: function addClassToLeadingIcon(className) {}
- /**
- * Removes a class from the leading icon element.
- * @param {string} className
- */
- }, {
- key: "removeClassFromLeadingIcon",
- value: function removeClassFromLeadingIcon(className) {}
- /**
- * Returns true if target has className, false otherwise.
- * @param {!EventTarget} target
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: "eventTargetHasClass",
- value: function eventTargetHasClass(target, className) {}
- /**
- * Emits a custom "MDCChip:interaction" event denoting the chip has been
- * interacted with (typically on click or keydown).
- */
- }, {
- key: "notifyInteraction",
- value: function notifyInteraction() {}
- /**
- * Emits a custom "MDCChip:trailingIconInteraction" event denoting the trailing icon has been
- * interacted with (typically on click or keydown).
- */
- }, {
- key: "notifyTrailingIconInteraction",
- value: function notifyTrailingIconInteraction() {}
- /**
- * Emits a custom event "MDCChip:removal" denoting the chip will be removed.
- */
- }, {
- key: "notifyRemoval",
- value: function notifyRemoval() {}
- /**
- * Returns the computed property value of the given style property on the root element.
- * @param {string} propertyName
- * @return {string}
- */
- }, {
- key: "getComputedStyleValue",
- value: function getComputedStyleValue(propertyName) {}
- /**
- * Sets the property value of the given style property on the root element.
- * @param {string} propertyName
- * @param {string} value
- */
- }, {
- key: "setStyleProperty",
- value: function setStyleProperty(propertyName, value) {}
- }]);
- return MDCChipAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCChipAdapter);
- /***/ }),
- /* 27 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCChipFoundation; });
- /* unused harmony export MDCChipInteractionEventType */
- /* unused harmony export MDCChipRemovalEventType */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(26);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(28);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCFoundation<!MDCChipAdapter>}
- * @final
- */
- var MDCChipFoundation = function (_MDCFoundation) {
- _inherits(MDCChipFoundation, _MDCFoundation);
- _createClass(MDCChipFoundation, null, [{
- key: 'strings',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
- }
- /** @return enum {string} */
- }, {
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- /**
- * {@see MDCChipAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCChipAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCChipAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- hasClass: function hasClass() {},
- addClassToLeadingIcon: function addClassToLeadingIcon() {},
- removeClassFromLeadingIcon: function removeClassFromLeadingIcon() {},
- eventTargetHasClass: function eventTargetHasClass() {},
- notifyInteraction: function notifyInteraction() {},
- notifyTrailingIconInteraction: function notifyTrailingIconInteraction() {},
- notifyRemoval: function notifyRemoval() {},
- getComputedStyleValue: function getComputedStyleValue() {},
- setStyleProperty: function setStyleProperty() {}
- }
- );
- }
- /**
- * @param {!MDCChipAdapter} adapter
- */
- }]);
- function MDCChipFoundation(adapter) {
- _classCallCheck(this, MDCChipFoundation);
- /**
- * Whether a trailing icon click should immediately trigger exit/removal of the chip.
- * @private {boolean}
- * */
- var _this = _possibleConstructorReturn(this, (MDCChipFoundation.__proto__ || Object.getPrototypeOf(MDCChipFoundation)).call(this, _extends(MDCChipFoundation.defaultAdapter, adapter)));
- _this.shouldRemoveOnTrailingIconClick_ = true;
- return _this;
- }
- /**
- * @return {boolean}
- */
- _createClass(MDCChipFoundation, [{
- key: 'isSelected',
- value: function isSelected() {
- return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SELECTED);
- }
- /**
- * @param {boolean} selected
- */
- }, {
- key: 'setSelected',
- value: function setSelected(selected) {
- if (selected) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SELECTED);
- } else {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SELECTED);
- }
- }
- /**
- * @return {boolean}
- */
- }, {
- key: 'getShouldRemoveOnTrailingIconClick',
- value: function getShouldRemoveOnTrailingIconClick() {
- return this.shouldRemoveOnTrailingIconClick_;
- }
- /**
- * @param {boolean} shouldRemove
- */
- }, {
- key: 'setShouldRemoveOnTrailingIconClick',
- value: function setShouldRemoveOnTrailingIconClick(shouldRemove) {
- this.shouldRemoveOnTrailingIconClick_ = shouldRemove;
- }
- /**
- * Begins the exit animation which leads to removal of the chip.
- */
- }, {
- key: 'beginExit',
- value: function beginExit() {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CHIP_EXIT);
- }
- /**
- * Handles an interaction event on the root element.
- * @param {!Event} evt
- */
- }, {
- key: 'handleInteraction',
- value: function handleInteraction(evt) {
- if (evt.type === 'click' || evt.key === 'Enter' || evt.keyCode === 13) {
- this.adapter_.notifyInteraction();
- }
- }
- /**
- * Handles a transition end event on the root element.
- * @param {!Event} evt
- */
- }, {
- key: 'handleTransitionEnd',
- value: function handleTransitionEnd(evt) {
- var _this2 = this;
- // Handle transition end event on the chip when it is about to be removed.
- if (this.adapter_.eventTargetHasClass( /** @type {!EventTarget} */evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CHIP_EXIT)) {
- if (evt.propertyName === 'width') {
- this.adapter_.notifyRemoval();
- } else if (evt.propertyName === 'opacity') {
- // See: https://css-tricks.com/using-css-transitions-auto-dimensions/#article-header-id-5
- var chipWidth = this.adapter_.getComputedStyleValue('width');
- // On the next frame (once we get the computed width), explicitly set the chip's width
- // to its current pixel width, so we aren't transitioning out of 'auto'.
- requestAnimationFrame(function () {
- _this2.adapter_.setStyleProperty('width', chipWidth);
- // To mitigate jitter, start transitioning padding and margin before width.
- _this2.adapter_.setStyleProperty('padding', '0');
- _this2.adapter_.setStyleProperty('margin', '0');
- // On the next frame (once width is explicitly set), transition width to 0.
- requestAnimationFrame(function () {
- _this2.adapter_.setStyleProperty('width', '0');
- });
- });
- }
- return;
- }
- // Handle a transition end event on the leading icon or checkmark, since the transition end event bubbles.
- if (evt.propertyName !== 'opacity') {
- return;
- }
- if (this.adapter_.eventTargetHasClass( /** @type {!EventTarget} */evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LEADING_ICON) && this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SELECTED)) {
- this.adapter_.addClassToLeadingIcon(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HIDDEN_LEADING_ICON);
- } else if (this.adapter_.eventTargetHasClass( /** @type {!EventTarget} */evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CHECKMARK) && !this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SELECTED)) {
- this.adapter_.removeClassFromLeadingIcon(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HIDDEN_LEADING_ICON);
- }
- }
- /**
- * Handles an interaction event on the trailing icon element. This is used to
- * prevent the ripple from activating on interaction with the trailing icon.
- * @param {!Event} evt
- */
- }, {
- key: 'handleTrailingIconInteraction',
- value: function handleTrailingIconInteraction(evt) {
- evt.stopPropagation();
- if (evt.type === 'click' || evt.key === 'Enter' || evt.keyCode === 13) {
- this.adapter_.notifyTrailingIconInteraction();
- if (this.shouldRemoveOnTrailingIconClick_) {
- this.beginExit();
- }
- }
- }
- }]);
- return MDCChipFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /**
- * @typedef {{
- * detail: {
- * chipId: string,
- * },
- * bubbles: boolean,
- * }}
- */
- var MDCChipInteractionEventType = void 0;
- /**
- * @typedef {{
- * detail: {
- * chipId: string,
- * root: Element,
- * },
- * bubbles: boolean,
- * }}
- */
- var MDCChipRemovalEventType = void 0;
- /***/ }),
- /* 28 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var strings = {
- ENTRY_ANIMATION_NAME: 'mdc-chip-entry',
- INTERACTION_EVENT: 'MDCChip:interaction',
- TRAILING_ICON_INTERACTION_EVENT: 'MDCChip:trailingIconInteraction',
- REMOVAL_EVENT: 'MDCChip:removal',
- CHECKMARK_SELECTOR: '.mdc-chip__checkmark',
- LEADING_ICON_SELECTOR: '.mdc-chip__icon--leading',
- TRAILING_ICON_SELECTOR: '.mdc-chip__icon--trailing'
- };
- /** @enum {string} */
- var cssClasses = {
- CHECKMARK: 'mdc-chip__checkmark',
- CHIP_EXIT: 'mdc-chip--exit',
- HIDDEN_LEADING_ICON: 'mdc-chip__icon--leading-hidden',
- LEADING_ICON: 'mdc-chip__icon--leading',
- TRAILING_ICON: 'mdc-chip__icon--trailing',
- SELECTED: 'mdc-chip--selected'
- };
- /***/ }),
- /* 29 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Chip Set.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Chip Set into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCChipSetAdapter = function () {
- function MDCChipSetAdapter() {
- _classCallCheck(this, MDCChipSetAdapter);
- }
- _createClass(MDCChipSetAdapter, [{
- key: "hasClass",
- /**
- * Returns true if the root element contains the given class name.
- * @param {string} className
- * @return {boolean}
- */
- value: function hasClass(className) {}
- /**
- * Removes the chip with the given id from the chip set.
- * @param {string} chipId
- */
- }, {
- key: "removeChip",
- value: function removeChip(chipId) {}
- /**
- * Sets the selected state of the chip with the given id.
- * @param {string} chipId
- * @param {boolean} selected
- */
- }, {
- key: "setSelected",
- value: function setSelected(chipId, selected) {}
- }]);
- return MDCChipSetAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCChipSetAdapter);
- /***/ }),
- /* 30 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(31);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCFoundation<!MDCDrawerAdapter>}
- */
- var MDCDismissibleDrawerFoundation = function (_MDCFoundation) {
- _inherits(MDCDismissibleDrawerFoundation, _MDCFoundation);
- function MDCDismissibleDrawerFoundation() {
- _classCallCheck(this, MDCDismissibleDrawerFoundation);
- return _possibleConstructorReturn(this, (MDCDismissibleDrawerFoundation.__proto__ || Object.getPrototypeOf(MDCDismissibleDrawerFoundation)).apply(this, arguments));
- }
- _createClass(MDCDismissibleDrawerFoundation, [{
- key: 'open',
- /**
- * Function to open the drawer.
- */
- value: function open() {
- if (this.isOpen() || this.isOpening() || this.isClosing()) {
- return;
- }
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPEN);
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ANIMATE);
- this.adapter_.computeBoundingRect(); // Force reflow.
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPENING);
- this.adapter_.saveFocus();
- }
- /**
- * Function to close the drawer.
- */
- }, {
- key: 'close',
- value: function close() {
- if (!this.isOpen() || this.isOpening() || this.isClosing()) {
- return;
- }
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSING);
- }
- /**
- * Extension point for when drawer finishes open animation.
- * @protected
- */
- }, {
- key: 'opened',
- value: function opened() {}
- /**
- * Extension point for when drawer finishes close animation.
- * @protected
- */
- }, {
- key: 'closed',
- value: function closed() {}
- /**
- * Returns true if drawer is in open state.
- * @return {boolean}
- */
- }, {
- key: 'isOpen',
- value: function isOpen() {
- return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPEN);
- }
- /**
- * Returns true if drawer is animating open.
- * @return {boolean}
- */
- }, {
- key: 'isOpening',
- value: function isOpening() {
- return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPENING);
- }
- /**
- * Returns true if drawer is animating closed.
- * @return {boolean}
- */
- }, {
- key: 'isClosing',
- value: function isClosing() {
- return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSING);
- }
- /**
- * Keydown handler to close drawer when key is escape.
- * @param evt
- */
- }, {
- key: 'handleKeydown',
- value: function handleKeydown(evt) {
- var keyCode = evt.keyCode,
- key = evt.key;
- var isEscape = key === 'Escape' || keyCode === 27;
- if (isEscape) {
- this.close();
- }
- }
- /**
- * Handles a transition end event on the root element.
- * @param {!Event} evt
- */
- }, {
- key: 'handleTransitionEnd',
- value: function handleTransitionEnd(evt) {
- var OPENING = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPENING,
- CLOSING = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSING,
- OPEN = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPEN,
- ANIMATE = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ANIMATE,
- ROOT = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ROOT;
- // In Edge, transitionend on ripple pseudo-elements yields a target without classList, so check for Element first.
- var isElement = evt.target instanceof Element;
- if (!isElement || !this.adapter_.elementHasClass( /** @type {!Element} */evt.target, ROOT)) {
- return;
- }
- if (this.isClosing()) {
- this.adapter_.removeClass(OPEN);
- this.adapter_.restoreFocus();
- this.closed();
- this.adapter_.notifyClose();
- } else {
- this.adapter_.focusActiveNavigationItem();
- this.opened();
- this.adapter_.notifyOpen();
- }
- this.adapter_.removeClass(ANIMATE);
- this.adapter_.removeClass(OPENING);
- this.adapter_.removeClass(CLOSING);
- }
- }], [{
- key: 'strings',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
- }
- /** @return enum {string} */
- }, {
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCDrawerAdapter} */{
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- hasClass: function hasClass() /* className: string */{},
- elementHasClass: function elementHasClass() /* element: !Element, className: string */{},
- computeBoundingRect: function computeBoundingRect() {},
- notifyClose: function notifyClose() {},
- notifyOpen: function notifyOpen() {},
- saveFocus: function saveFocus() {},
- restoreFocus: function restoreFocus() {},
- focusActiveNavigationItem: function focusActiveNavigationItem() {},
- trapFocus: function trapFocus() {},
- releaseFocus: function releaseFocus() {}
- }
- );
- }
- }]);
- return MDCDismissibleDrawerFoundation;
- }(__WEBPACK_IMPORTED_MODULE_1__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCDismissibleDrawerFoundation);
- /***/ }),
- /* 31 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-drawer',
- DISMISSIBLE: 'mdc-drawer--dismissible',
- MODAL: 'mdc-drawer--modal',
- OPEN: 'mdc-drawer--open',
- ANIMATE: 'mdc-drawer--animate',
- OPENING: 'mdc-drawer--opening',
- CLOSING: 'mdc-drawer--closing'
- };
- /** @enum {string} */
- var strings = {
- APP_CONTENT_SELECTOR: '.mdc-drawer-app-content',
- SCRIM_SELECTOR: '.mdc-drawer-scrim',
- CLOSE_EVENT: 'MDCDrawer:closed',
- OPEN_EVENT: 'MDCDrawer:opened'
- };
- /***/ }),
- /* 32 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC List. Provides an interface for managing focus.
- *
- * 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/code/architecture.md
- *
- * @record
- */
- var MDCListAdapter = function () {
- function MDCListAdapter() {
- _classCallCheck(this, MDCListAdapter);
- }
- _createClass(MDCListAdapter, [{
- key: "getListItemCount",
- /** @return {number} */
- value: function getListItemCount() {}
- /**
- * @return {number} */
- }, {
- key: "getFocusedElementIndex",
- value: function getFocusedElementIndex() {}
- /**
- * @param {number} index
- * @param {string} attribute
- * @param {string} value
- */
- }, {
- key: "setAttributeForElementIndex",
- value: function setAttributeForElementIndex(index, attribute, value) {}
- /**
- * @param {number} index
- * @param {string} attribute
- */
- }, {
- key: "removeAttributeForElementIndex",
- value: function removeAttributeForElementIndex(index, attribute) {}
- /**
- * @param {number} index
- * @param {string} className
- */
- }, {
- key: "addClassForElementIndex",
- value: function addClassForElementIndex(index, className) {}
- /**
- * @param {number} index
- * @param {string} className
- */
- }, {
- key: "removeClassForElementIndex",
- value: function removeClassForElementIndex(index, className) {}
- /**
- * Focuses list item at the index specified.
- * @param {number} index
- */
- }, {
- key: "focusItemAtIndex",
- value: function focusItemAtIndex(index) {}
- /**
- * Sets the tabindex to the value specified for all button/a element children of
- * the list item at the index specified.
- * @param {number} listItemIndex
- * @param {number} tabIndexValue
- */
- }, {
- key: "setTabIndexForListItemChildren",
- value: function setTabIndexForListItemChildren(listItemIndex, tabIndexValue) {}
- /**
- * If the given element has an href, follows the link.
- * @param {!Element} ele
- */
- }, {
- key: "followHref",
- value: function followHref(ele) {}
- }]);
- return MDCListAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCListAdapter);
- /***/ }),
- /* 33 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-list',
- LIST_ITEM_CLASS: 'mdc-list-item',
- LIST_ITEM_SELECTED_CLASS: 'mdc-list-item--selected',
- LIST_ITEM_ACTIVATED_CLASS: 'mdc-list-item--activated'
- };
- /** @enum {string} */
- var strings = {
- ARIA_ORIENTATION: 'aria-orientation',
- ARIA_ORIENTATION_HORIZONTAL: 'horizontal',
- ARIA_SELECTED: 'aria-selected',
- FOCUSABLE_CHILD_ELEMENTS: '.' + cssClasses.LIST_ITEM_CLASS + ' button:not(:disabled), .' + cssClasses.LIST_ITEM_CLASS + ' a',
- ENABLED_ITEMS_SELECTOR: '.mdc-list-item:not(.mdc-list-item--disabled)'
- };
- /***/ }),
- /* 34 */
- /***/ (function(module, exports, __webpack_require__) {
- var tabbable = __webpack_require__(77);
- var xtend = __webpack_require__(78);
- var listeningFocusTrap = null;
- function focusTrap(element, userOptions) {
- var doc = document;
- var container =
- typeof element === 'string' ? doc.querySelector(element) : element;
- var config = xtend(
- {
- returnFocusOnDeactivate: true,
- escapeDeactivates: true
- },
- userOptions
- );
- var state = {
- firstTabbableNode: null,
- lastTabbableNode: null,
- nodeFocusedBeforeActivation: null,
- mostRecentlyFocusedNode: null,
- active: false,
- paused: false
- };
- var trap = {
- activate: activate,
- deactivate: deactivate,
- pause: pause,
- unpause: unpause
- };
- return trap;
- function activate(activateOptions) {
- if (state.active) return;
- updateTabbableNodes();
- state.active = true;
- state.paused = false;
- state.nodeFocusedBeforeActivation = doc.activeElement;
- var onActivate =
- activateOptions && activateOptions.onActivate
- ? activateOptions.onActivate
- : config.onActivate;
- if (onActivate) {
- onActivate();
- }
- addListeners();
- return trap;
- }
- function deactivate(deactivateOptions) {
- if (!state.active) return;
- removeListeners();
- state.active = false;
- state.paused = false;
- var onDeactivate =
- deactivateOptions && deactivateOptions.onDeactivate !== undefined
- ? deactivateOptions.onDeactivate
- : config.onDeactivate;
- if (onDeactivate) {
- onDeactivate();
- }
- var returnFocus =
- deactivateOptions && deactivateOptions.returnFocus !== undefined
- ? deactivateOptions.returnFocus
- : config.returnFocusOnDeactivate;
- if (returnFocus) {
- delay(function() {
- tryFocus(state.nodeFocusedBeforeActivation);
- });
- }
- return trap;
- }
- function pause() {
- if (state.paused || !state.active) return;
- state.paused = true;
- removeListeners();
- }
- function unpause() {
- if (!state.paused || !state.active) return;
- state.paused = false;
- addListeners();
- }
- function addListeners() {
- if (!state.active) return;
- // There can be only one listening focus trap at a time
- if (listeningFocusTrap) {
- listeningFocusTrap.pause();
- }
- listeningFocusTrap = trap;
- updateTabbableNodes();
- // Delay ensures that the focused element doesn't capture the event
- // that caused the focus trap activation.
- delay(function() {
- tryFocus(getInitialFocusNode());
- });
- doc.addEventListener('focusin', checkFocusIn, true);
- doc.addEventListener('mousedown', checkPointerDown, true);
- doc.addEventListener('touchstart', checkPointerDown, true);
- doc.addEventListener('click', checkClick, true);
- doc.addEventListener('keydown', checkKey, true);
- return trap;
- }
- function removeListeners() {
- if (!state.active || listeningFocusTrap !== trap) return;
- doc.removeEventListener('focusin', checkFocusIn, true);
- doc.removeEventListener('mousedown', checkPointerDown, true);
- doc.removeEventListener('touchstart', checkPointerDown, true);
- doc.removeEventListener('click', checkClick, true);
- doc.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 = doc.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 getInitialFocusNode() {
- var node;
- if (getNodeForOption('initialFocus') !== null) {
- node = getNodeForOption('initialFocus');
- } else if (container.contains(doc.activeElement)) {
- node = doc.activeElement;
- } else {
- node = state.firstTabbableNode || 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 (container.contains(e.target)) return;
- if (config.clickOutsideDeactivates) {
- deactivate({
- returnFocus: !tabbable.isFocusable(e.target)
- });
- } else {
- e.preventDefault();
- }
- }
- // In case focus escapes the trap for some strange reason, pull it back in.
- function checkFocusIn(e) {
- // In Firefox when you Tab out of an iframe the Document is briefly focused.
- if (container.contains(e.target) || e.target instanceof Document) {
- return;
- }
- e.stopImmediatePropagation();
- tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());
- }
- function checkKey(e) {
- if (config.escapeDeactivates !== false && isEscapeEvent(e)) {
- e.preventDefault();
- deactivate();
- return;
- }
- if (isTabEvent(e)) {
- checkTab(e);
- return;
- }
- }
- // Hijack Tab events on the first and last focusable nodes of the trap,
- // in order to prevent focus from escaping. If it escapes for even a
- // moment it can end up scrolling the page and causing confusion so we
- // kind of need to capture the action at the keydown phase.
- function checkTab(e) {
- updateTabbableNodes();
- if (e.shiftKey && e.target === state.firstTabbableNode) {
- e.preventDefault();
- tryFocus(state.lastTabbableNode);
- return;
- }
- if (!e.shiftKey && e.target === state.lastTabbableNode) {
- e.preventDefault();
- tryFocus(state.firstTabbableNode);
- return;
- }
- }
- function checkClick(e) {
- if (config.clickOutsideDeactivates) return;
- if (container.contains(e.target)) return;
- e.preventDefault();
- e.stopImmediatePropagation();
- }
- function updateTabbableNodes() {
- var tabbableNodes = tabbable(container);
- state.firstTabbableNode = tabbableNodes[0] || getInitialFocusNode();
- state.lastTabbableNode =
- tabbableNodes[tabbableNodes.length - 1] || getInitialFocusNode();
- }
- function tryFocus(node) {
- if (node === doc.activeElement) return;
- if (!node || !node.focus) {
- tryFocus(getInitialFocusNode());
- return;
- }
- node.focus();
- state.mostRecentlyFocusedNode = node;
- if (isSelectableInput(node)) {
- node.select();
- }
- }
- }
- function isSelectableInput(node) {
- return (
- node.tagName &&
- node.tagName.toLowerCase() === 'input' &&
- typeof node.select === 'function'
- );
- }
- function isEscapeEvent(e) {
- return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;
- }
- function isTabEvent(e) {
- return e.key === 'Tab' || e.keyCode === 9;
- }
- function delay(fn) {
- return setTimeout(fn, 0);
- }
- module.exports = focusTrap;
- /***/ }),
- /* 35 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Floating Label.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the floating label into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCFloatingLabelAdapter = function () {
- function MDCFloatingLabelAdapter() {
- _classCallCheck(this, MDCFloatingLabelAdapter);
- }
- _createClass(MDCFloatingLabelAdapter, [{
- key: "addClass",
- /**
- * Adds a class to the label element.
- * @param {string} className
- */
- value: function addClass(className) {}
- /**
- * Removes a class from the label element.
- * @param {string} className
- */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * Returns the width of the label element.
- * @return {number}
- */
- }, {
- key: "getWidth",
- value: function getWidth() {}
- /**
- * Registers an event listener on the root element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "registerInteractionHandler",
- value: function registerInteractionHandler(evtType, handler) {}
- /**
- * Deregisters an event listener on the root element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "deregisterInteractionHandler",
- value: function deregisterInteractionHandler(evtType, handler) {}
- }]);
- return MDCFloatingLabelAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCFloatingLabelAdapter);
- /***/ }),
- /* 36 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC TextField Line Ripple.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the line ripple into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCLineRippleAdapter = function () {
- function MDCLineRippleAdapter() {
- _classCallCheck(this, MDCLineRippleAdapter);
- }
- _createClass(MDCLineRippleAdapter, [{
- key: "addClass",
- /**
- * Adds a class to the line ripple element.
- * @param {string} className
- */
- value: function addClass(className) {}
- /**
- * Removes a class from the line ripple element.
- * @param {string} className
- */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: "hasClass",
- value: function hasClass(className) {}
- /**
- * Sets the style property with propertyName to value on the root element.
- * @param {string} propertyName
- * @param {string} value
- */
- }, {
- key: "setStyle",
- value: function setStyle(propertyName, value) {}
- /**
- * Registers an event listener on the line ripple 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 line ripple element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "deregisterEventHandler",
- value: function deregisterEventHandler(evtType, handler) {}
- }]);
- return MDCLineRippleAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCLineRippleAdapter);
- /***/ }),
- /* 37 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-menu',
- MENU_SELECTED_LIST_ITEM: 'mdc-menu-item--selected',
- MENU_SELECTION_GROUP: 'mdc-menu__selection-group'
- };
- /** @enum {string} */
- var strings = {
- SELECTED_EVENT: 'MDCMenu:selected',
- ARIA_SELECTED_ATTR: 'aria-selected',
- LIST_SELECTOR: '.mdc-list',
- CHECKBOX_SELECTOR: 'input[type="checkbox"]'
- };
- /***/ }),
- /* 38 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* unused harmony export MDCMenuSurfaceAdapter */
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDCMenuSurface. 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/code/architecture.md
- *
- * @record
- */
- var MDCMenuSurfaceAdapter = function () {
- function MDCMenuSurfaceAdapter() {
- _classCallCheck(this, MDCMenuSurfaceAdapter);
- }
- _createClass(MDCMenuSurfaceAdapter, [{
- 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: "hasAnchor",
- value: function hasAnchor() {}
- /** Emits an event when the menu surface is closed. */
- }, {
- key: "notifyClose",
- value: function notifyClose() {}
- /** Emits an event when the menu surface is opened. */
- }, {
- key: "notifyOpen",
- value: function notifyOpen() {}
- /**
- * @return {boolean}
- * @param {EventTarget} el
- */
- }, {
- key: "isElementInContainer",
- value: function isElementInContainer(el) {}
- /** @return {boolean} */
- }, {
- key: "isRtl",
- value: function isRtl() {}
- /** @param {string} origin */
- }, {
- key: "setTransformOrigin",
- value: function setTransformOrigin(origin) {}
- /** @return {boolean} */
- }, {
- key: "isFocused",
- value: function isFocused() {}
- /** Saves the element that was focused before the menu surface was opened. */
- }, {
- key: "saveFocus",
- value: function saveFocus() {}
- /** Restores focus to the element that was focused before the menu surface was opened. */
- }, {
- key: "restoreFocus",
- value: function restoreFocus() {}
- /** @return {boolean} */
- }, {
- key: "isFirstElementFocused",
- value: function isFirstElementFocused() {}
- /** @return {boolean} */
- }, {
- key: "isLastElementFocused",
- value: function isLastElementFocused() {}
- /** Focuses the first focusable element in the menu-surface. */
- }, {
- key: "focusFirstElement",
- value: function focusFirstElement() {}
- /** Focuses the first focusable element in the menu-surface. */
- }, {
- key: "focusLastElement",
- value: function focusLastElement() {}
- /** @return {!{width: number, height: number}} */
- }, {
- key: "getInnerDimensions",
- value: function getInnerDimensions() {}
- /** @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() {}
- /** @return {!{ width: number, height: number }} */
- }, {
- key: "getBodyDimensions",
- value: function getBodyDimensions() {}
- /** @return {!{ width: number, height: number }} */
- }, {
- key: "getWindowScroll",
- value: function getWindowScroll() {}
- /** @param {!{
- * top: (string|undefined),
- * right: (string|undefined),
- * bottom: (string|undefined),
- * left: (string|undefined)
- * }} position */
- }, {
- key: "setPosition",
- value: function setPosition(position) {}
- /** @param {string} height */
- }, {
- key: "setMaxHeight",
- value: function setMaxHeight(height) {}
- }]);
- return MDCMenuSurfaceAdapter;
- }();
- /***/ }),
- /* 39 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return numbers; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return CornerBit; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Corner; });
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- ANCHOR: 'mdc-menu-surface--anchor',
- ANIMATING_CLOSED: 'mdc-menu-surface--animating-closed',
- ANIMATING_OPEN: 'mdc-menu-surface--animating-open',
- FIXED: 'mdc-menu-surface--fixed',
- OPEN: 'mdc-menu-surface--open',
- ROOT: 'mdc-menu-surface'
- };
- /** @enum {string} */
- var strings = {
- CLOSED_EVENT: 'MDCMenuSurface:closed',
- OPENED_EVENT: 'MDCMenuSurface:opened',
- FOCUSABLE_ELEMENTS: 'button:not(:disabled), [href]:not([aria-disabled="true"]), input:not(:disabled), ' + 'select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])'
- };
- /** @enum {number} */
- var numbers = {
- // Total duration of menu-surface open animation.
- TRANSITION_OPEN_DURATION: 120,
- // Total duration of menu-surface close animation.
- TRANSITION_CLOSE_DURATION: 75,
- // Margin left to the edge of the viewport when menu-surface is at maximum possible height.
- MARGIN_TO_EDGE: 32,
- // Ratio of anchor width to menu-surface width for switching from corner positioning to center positioning.
- ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: 0.67
- };
- /**
- * Enum for bits in the {@see Corner) bitmap.
- * @enum {number}
- */
- var CornerBit = {
- BOTTOM: 1,
- CENTER: 2,
- RIGHT: 4,
- FLIP_RTL: 8
- };
- /**
- * Enum for representing an element corner for positioning the menu-surface.
- *
- * The START constants map to LEFT if element directionality is left
- * to right and RIGHT if the directionality is right to left.
- * Likewise END maps to RIGHT or LEFT depending on the directionality.
- *
- * @enum {number}
- */
- var Corner = {
- TOP_LEFT: 0,
- TOP_RIGHT: CornerBit.RIGHT,
- BOTTOM_LEFT: CornerBit.BOTTOM,
- BOTTOM_RIGHT: CornerBit.BOTTOM | CornerBit.RIGHT,
- TOP_START: CornerBit.FLIP_RTL,
- TOP_END: CornerBit.FLIP_RTL | CornerBit.RIGHT,
- BOTTOM_START: CornerBit.BOTTOM | CornerBit.FLIP_RTL,
- BOTTOM_END: CornerBit.BOTTOM | CornerBit.RIGHT | CornerBit.FLIP_RTL
- };
- /***/ }),
- /* 40 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCMenuSurface", function() { return MDCMenuSurface; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(104);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(18);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__adapter__ = __webpack_require__(38);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(39);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCMenuSurfaceFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["b"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "AnchorMargin", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Corner", function() { return __WEBPACK_IMPORTED_MODULE_4__constants__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "CornerBit", function() { return __WEBPACK_IMPORTED_MODULE_4__constants__["b"]; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_1__util__; });
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends MDCComponent<!MDCMenuSurfaceFoundation>
- */
- var MDCMenuSurface = function (_MDCComponent) {
- _inherits(MDCMenuSurface, _MDCComponent);
- /** @param {...?} args */
- function MDCMenuSurface() {
- var _ref;
- _classCallCheck(this, MDCMenuSurface);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!Element} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCMenuSurface.__proto__ || Object.getPrototypeOf(MDCMenuSurface)).call.apply(_ref, [this].concat(args)));
- _this.previousFocus_;
- /** @private {!Element} */
- _this.anchorElement;
- /** @private {Element} */
- _this.firstFocusableElement_;
- /** @private {Element} */
- _this.lastFocusableElement_;
- /** @private {!Function} */
- _this.handleKeydown_;
- /** @private {!Function} */
- _this.handleBodyClick_;
- /** @private {!Function} */
- _this.registerBodyClickListener_;
- /** @private {!Function} */
- _this.deregisterBodyClickListener_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @return {!MDCMenuSurface}
- */
- _createClass(MDCMenuSurface, [{
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var _this2 = this;
- if (this.root_.parentElement && this.root_.parentElement.classList.contains(__WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */].ANCHOR)) {
- this.anchorElement = this.root_.parentElement;
- }
- if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */].FIXED)) {
- this.setFixedPosition(true);
- }
- this.handleKeydown_ = function (evt) {
- return _this2.foundation_.handleKeydown(evt);
- };
- this.handleBodyClick_ = function (evt) {
- return _this2.foundation_.handleBodyClick(evt);
- };
- this.registerBodyClickListener_ = function () {
- return document.body.addEventListener('click', _this2.handleBodyClick_);
- };
- this.deregisterBodyClickListener_ = function () {
- return document.body.removeEventListener('click', _this2.handleBodyClick_);
- };
- this.root_.addEventListener('keydown', this.handleKeydown_);
- this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */].OPENED_EVENT, this.registerBodyClickListener_);
- this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */].CLOSED_EVENT, this.deregisterBodyClickListener_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.root_.removeEventListener('keydown', this.handleKeydown_);
- this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */].OPENED_EVENT, this.registerBodyClickListener_);
- this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */].CLOSED_EVENT, this.deregisterBodyClickListener_);
- _get(MDCMenuSurface.prototype.__proto__ || Object.getPrototypeOf(MDCMenuSurface.prototype), 'destroy', this).call(this);
- }
- /** @return {boolean} */
- }, {
- key: 'hoistMenuToBody',
- /**
- * Removes the menu-surface from it's current location and appends it to the
- * body to overcome any overflow:hidden issues.
- */
- value: function hoistMenuToBody() {
- document.body.appendChild(this.root_.parentElement.removeChild(this.root_));
- this.setIsHoisted(true);
- }
- /**
- * Sets the foundation to use page offsets for an positioning when the menu
- * is hoisted to the body.
- * @param {boolean} isHoisted
- */
- }, {
- key: 'setIsHoisted',
- value: function setIsHoisted(isHoisted) {
- this.foundation_.setIsHoisted(isHoisted);
- }
- /**
- * Sets the element that the menu-surface is anchored to.
- * @param {!Element} element
- */
- }, {
- key: 'setMenuSurfaceAnchorElement',
- value: function setMenuSurfaceAnchorElement(element) {
- this.anchorElement = element;
- }
- /**
- * Sets the menu-surface to position: fixed.
- * @param {boolean} isFixed
- */
- }, {
- key: 'setFixedPosition',
- value: function setFixedPosition(isFixed) {
- if (isFixed) {
- this.root_.classList.add(__WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */].FIXED);
- } else {
- this.root_.classList.remove(__WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */].FIXED);
- }
- this.foundation_.setFixedPosition(isFixed);
- }
- /**
- * Sets the absolute x/y position to position based on. Requires the menu to be hoisted.
- * @param {number} x
- * @param {number} y
- */
- }, {
- key: 'setAbsolutePosition',
- value: function setAbsolutePosition(x, y) {
- this.foundation_.setAbsolutePosition(x, y);
- this.setIsHoisted(true);
- }
- /**
- * @param {!Corner} corner Default anchor corner alignment of top-left
- * surface corner.
- */
- }, {
- key: 'setAnchorCorner',
- value: function setAnchorCorner(corner) {
- this.foundation_.setAnchorCorner(corner);
- }
- /**
- * @param {!AnchorMargin} margin
- */
- }, {
- key: 'setAnchorMargin',
- value: function setAnchorMargin(margin) {
- this.foundation_.setAnchorMargin(margin);
- }
- /** @param {boolean} quickOpen */
- }, {
- key: 'getDefaultFoundation',
- /** @return {!MDCMenuSurfaceFoundation} */
- value: function getDefaultFoundation() {
- var _this3 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["b" /* MDCMenuSurfaceFoundation */](
- /** @type {!MDCMenuSurfaceAdapter} */_extends({
- addClass: function addClass(className) {
- return _this3.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this3.root_.classList.remove(className);
- },
- hasClass: function hasClass(className) {
- return _this3.root_.classList.contains(className);
- },
- hasAnchor: function hasAnchor() {
- return !!_this3.anchorElement;
- },
- notifyClose: function notifyClose() {
- return _this3.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["b" /* MDCMenuSurfaceFoundation */].strings.CLOSED_EVENT, {});
- },
- notifyOpen: function notifyOpen() {
- return _this3.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["b" /* MDCMenuSurfaceFoundation */].strings.OPENED_EVENT, {});
- },
- isElementInContainer: function isElementInContainer(el) {
- return _this3.root_ === el || _this3.root_.contains(el);
- },
- isRtl: function isRtl() {
- return getComputedStyle(_this3.root_).getPropertyValue('direction') === 'rtl';
- },
- setTransformOrigin: function setTransformOrigin(origin) {
- _this3.root_.style[__WEBPACK_IMPORTED_MODULE_1__util__["getTransformPropertyName"](window) + '-origin'] = origin;
- }
- }, this.getFocusAdapterMethods_(), this.getDimensionAdapterMethods_()));
- }
- /**
- * @return {!{
- * isFocused: function(): boolean,
- * saveFocus: function(),
- * restoreFocus: function(),
- * isFirstElementFocused: function(): boolean,
- * isLastElementFocused: function(): boolean,
- * focusFirstElement: function(),
- * focusLastElement: function(),
- * }}
- * @private
- */
- }, {
- key: 'getFocusAdapterMethods_',
- value: function getFocusAdapterMethods_() {
- var _this4 = this;
- return {
- isFocused: function isFocused() {
- return document.activeElement === _this4.root_;
- },
- saveFocus: function saveFocus() {
- _this4.previousFocus_ = document.activeElement;
- },
- restoreFocus: function restoreFocus() {
- if (_this4.root_.contains(document.activeElement)) {
- if (_this4.previousFocus_ && _this4.previousFocus_.focus) {
- _this4.previousFocus_.focus();
- }
- }
- },
- isFirstElementFocused: function isFirstElementFocused() {
- return _this4.firstFocusableElement_ && _this4.firstFocusableElement_ === document.activeElement;
- },
- isLastElementFocused: function isLastElementFocused() {
- return _this4.lastFocusableElement_ && _this4.lastFocusableElement_ === document.activeElement;
- },
- focusFirstElement: function focusFirstElement() {
- return _this4.firstFocusableElement_ && _this4.firstFocusableElement_.focus && _this4.firstFocusableElement_.focus();
- },
- focusLastElement: function focusLastElement() {
- return _this4.lastFocusableElement_ && _this4.lastFocusableElement_.focus && _this4.lastFocusableElement_.focus();
- }
- };
- }
- /**
- * @return {!{
- * getInnerDimensions: function(),
- * getAnchorDimensions: function(): (HTMLElement | null | * | ClientRect),
- * getWindowDimensions: function(),
- * setPosition: function(*),
- * setMaxHeight: function(string)}}
- * @private
- */
- }, {
- key: 'getDimensionAdapterMethods_',
- value: function getDimensionAdapterMethods_() {
- var _this5 = this;
- return {
- getInnerDimensions: function getInnerDimensions() {
- return { width: _this5.root_.offsetWidth, height: _this5.root_.offsetHeight };
- },
- getAnchorDimensions: function getAnchorDimensions() {
- return _this5.anchorElement && _this5.anchorElement.getBoundingClientRect();
- },
- getWindowDimensions: function getWindowDimensions() {
- return { width: window.innerWidth, height: window.innerHeight };
- },
- getBodyDimensions: function getBodyDimensions() {
- return { width: document.body.clientWidth, height: document.body.clientHeight };
- },
- getWindowScroll: function getWindowScroll() {
- return { x: window.pageXOffset, y: window.pageYOffset };
- },
- setPosition: function setPosition(position) {
- _this5.root_.style.left = 'left' in position ? position.left : null;
- _this5.root_.style.right = 'right' in position ? position.right : null;
- _this5.root_.style.top = 'top' in position ? position.top : null;
- _this5.root_.style.bottom = 'bottom' in position ? position.bottom : null;
- },
- setMaxHeight: function setMaxHeight(height) {
- _this5.root_.style.maxHeight = height;
- }
- };
- }
- }, {
- key: 'open',
- get: function get() {
- return this.foundation_.isOpen();
- }
- /** @param {boolean} value */
- ,
- set: function set(value) {
- if (value) {
- var focusableElements = this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */].FOCUSABLE_ELEMENTS);
- this.firstFocusableElement_ = focusableElements.length > 0 ? focusableElements[0] : null;
- this.lastFocusableElement_ = focusableElements.length > 0 ? focusableElements[focusableElements.length - 1] : null;
- this.foundation_.open();
- } else {
- this.foundation_.close();
- }
- }
- }, {
- key: 'quickOpen',
- set: function set(quickOpen) {
- this.foundation_.setQuickOpen(quickOpen);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCMenuSurface(root);
- }
- }]);
- return MDCMenuSurface;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 41 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Notched Outline.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Notched Outline into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCNotchedOutlineAdapter = function () {
- function MDCNotchedOutlineAdapter() {
- _classCallCheck(this, MDCNotchedOutlineAdapter);
- }
- _createClass(MDCNotchedOutlineAdapter, [{
- key: "getWidth",
- /**
- * Returns the width of the root element.
- * @return {number}
- */
- value: function getWidth() {}
- /**
- * Returns the height of the root element.
- * @return {number}
- */
- }, {
- key: "getHeight",
- value: function getHeight() {}
- /**
- * Adds a class to the root element.
- * @param {string} className
- */
- }, {
- key: "addClass",
- value: function addClass(className) {}
- /**
- * Removes a class from the root element.
- * @param {string} className
- */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * Sets the "d" attribute of the outline element's SVG path.
- * @param {string} value
- */
- }, {
- key: "setOutlinePathAttr",
- value: function setOutlinePathAttr(value) {}
- /**
- * Returns the idle outline element's computed style value of the given css property `propertyName`.
- * We achieve this via `getComputedStyle(...).getPropertyValue(propertyName)`.
- * @param {string} propertyName
- * @return {string}
- */
- }, {
- key: "getIdleOutlineStyleValue",
- value: function getIdleOutlineStyleValue(propertyName) {}
- }]);
- return MDCNotchedOutlineAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCNotchedOutlineAdapter);
- /***/ }),
- /* 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; });
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var strings = {
- PATH_SELECTOR: '.mdc-notched-outline__path',
- IDLE_OUTLINE_SELECTOR: '.mdc-notched-outline__idle'
- };
- /** @enum {string} */
- var cssClasses = {
- OUTLINE_NOTCHED: 'mdc-notched-outline--notched'
- };
- /***/ }),
- /* 43 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Select. 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/code/architecture.md
- *
- * @record
- */
- var MDCSelectAdapter = function () {
- function MDCSelectAdapter() {
- _classCallCheck(this, MDCSelectAdapter);
- }
- _createClass(MDCSelectAdapter, [{
- key: "addClass",
- /**
- * Adds class to 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) {}
- /**
- * Returns true if the root element contains the given class name.
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: "hasClass",
- value: function hasClass(className) {}
- /**
- * Activates the bottom line, showing a focused state.
- */
- }, {
- key: "activateBottomLine",
- value: function activateBottomLine() {}
- /**
- * Deactivates the bottom line.
- */
- }, {
- key: "deactivateBottomLine",
- value: function deactivateBottomLine() {}
- /**
- * Returns the selected value of the select element.
- * @return {string}
- */
- }, {
- key: "getValue",
- value: function getValue() {}
- /**
- * Returns true if the direction of the root element is set to RTL.
- * @return {boolean}
- */
- }, {
- key: "isRtl",
- value: function isRtl() {}
- /**
- * Returns true if label element exists, false if it doesn't.
- * @return {boolean}
- */
- }, {
- key: "hasLabel",
- value: function hasLabel() {}
- /**
- * Floats label determined based off of the shouldFloat argument.
- * @param {boolean} shouldFloat
- */
- }, {
- key: "floatLabel",
- value: function floatLabel(shouldFloat) {}
- /**
- * Returns width of label in pixels, if the label exists.
- * @return {number}
- */
- }, {
- key: "getLabelWidth",
- value: function getLabelWidth() {}
- /**
- * Returns true if outline element exists, false if it doesn't.
- * @return {boolean}
- */
- }, {
- key: "hasOutline",
- value: function hasOutline() {}
- /**
- * Updates SVG Path and outline element based on the
- * label element width and RTL context, if the outline exists.
- * @param {number} labelWidth
- * @param {boolean=} isRtl
- */
- }, {
- key: "notchOutline",
- value: function notchOutline(labelWidth, isRtl) {}
- /**
- * Closes notch in outline element, if the outline exists.
- */
- }, {
- key: "closeOutline",
- value: function closeOutline() {}
- }]);
- return MDCSelectAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCSelectAdapter);
- /***/ }),
- /* 44 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- DISABLED: 'mdc-select--disabled',
- ROOT: 'mdc-select',
- OUTLINED: 'mdc-select--outlined'
- };
- /** @enum {string} */
- var strings = {
- CHANGE_EVENT: 'MDCSelect:change',
- LINE_RIPPLE_SELECTOR: '.mdc-line-ripple',
- LABEL_SELECTOR: '.mdc-floating-label',
- NATIVE_CONTROL_SELECTOR: '.mdc-select__native-control',
- OUTLINE_SELECTOR: '.mdc-notched-outline'
- };
- /** @enum {number} */
- var numbers = {
- LABEL_SCALE: 0.75
- };
- /***/ }),
- /* 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__, "c", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
- /**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- 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'
- };
- /** @enum {string} */
- 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'
- };
- /** @enum {number} */
- var numbers = {
- PAGE_FACTOR: 4
- };
- /***/ }),
- /* 46 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /**
- * Adapter for MDC Slider.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Slider into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCSliderAdapter = function () {
- function MDCSliderAdapter() {
- _classCallCheck(this, MDCSliderAdapter);
- }
- _createClass(MDCSliderAdapter, [{
- key: "hasClass",
- /**
- * Returns true if className exists for the slider Element
- * @param {string} className
- * @return {boolean}
- */
- value: function hasClass(className) {}
- /**
- * Adds a class to the slider Element
- * @param {string} className
- */
- }, {
- key: "addClass",
- value: function addClass(className) {}
- /**
- * Removes a class from the slider Element
- * @param {string} className
- */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * Returns a string if attribute name exists on the slider Element,
- * otherwise returns null
- * @param {string} name
- * @return {?string}
- */
- }, {
- key: "getAttribute",
- value: function getAttribute(name) {}
- /**
- * Sets attribute name on slider Element to value
- * @param {string} name
- * @param {string} value
- */
- }, {
- key: "setAttribute",
- value: function setAttribute(name, value) {}
- /**
- * Removes attribute name from slider Element
- * @param {string} name
- */
- }, {
- key: "removeAttribute",
- value: function removeAttribute(name) {}
- /**
- * Returns the bounding client rect for the slider Element
- * @return {?ClientRect}
- */
- }, {
- key: "computeBoundingRect",
- value: function computeBoundingRect() {}
- /**
- * Returns the tab index of the slider Element
- * @return {number}
- */
- }, {
- key: "getTabIndex",
- value: function getTabIndex() {}
- /**
- * Registers an event handler on the root element for a given event.
- * @param {string} type
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "registerInteractionHandler",
- value: function registerInteractionHandler(type, handler) {}
- /**
- * Deregisters an event handler on the root element for a given event.
- * @param {string} type
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "deregisterInteractionHandler",
- value: function deregisterInteractionHandler(type, handler) {}
- /**
- * Registers an event handler on the thumb container element for a given event.
- * @param {string} type
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "registerThumbContainerInteractionHandler",
- value: function registerThumbContainerInteractionHandler(type, handler) {}
- /**
- * Deregisters an event handler on the thumb container element for a given event.
- * @param {string} type
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "deregisterThumbContainerInteractionHandler",
- value: function deregisterThumbContainerInteractionHandler(type, handler) {}
- /**
- * Registers an event handler on the body for a given event.
- * @param {string} type
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "registerBodyInteractionHandler",
- value: function registerBodyInteractionHandler(type, handler) {}
- /**
- * Deregisters an event handler on the body for a given event.
- * @param {string} type
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "deregisterBodyInteractionHandler",
- value: function deregisterBodyInteractionHandler(type, handler) {}
- /**
- * Registers an event handler for the window resize event
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "registerResizeHandler",
- value: function registerResizeHandler(handler) {}
- /**
- * Deregisters an event handler for the window resize event
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "deregisterResizeHandler",
- value: function deregisterResizeHandler(handler) {}
- /**
- * Emits a custom event MDCSlider:input from the root
- */
- }, {
- key: "notifyInput",
- value: function notifyInput() {}
- /**
- * Emits a custom event MDCSlider:change from the root
- */
- }, {
- key: "notifyChange",
- value: function notifyChange() {}
- /**
- * Sets a style property of the thumb container element to the passed value
- * @param {string} propertyName
- * @param {string} value
- */
- }, {
- key: "setThumbContainerStyleProperty",
- value: function setThumbContainerStyleProperty(propertyName, value) {}
- /**
- * Sets a style property of the track element to the passed value
- * @param {string} propertyName
- * @param {string} value
- */
- }, {
- key: "setTrackStyleProperty",
- value: function setTrackStyleProperty(propertyName, value) {}
- /**
- * Sets the inner text of the pin marker to the passed value
- * @param {number} value
- */
- }, {
- key: "setMarkerValue",
- value: function setMarkerValue(value) {}
- /**
- * Appends the passed number of track markers to the track mark container element
- * @param {number} numMarkers
- */
- }, {
- key: "appendTrackMarkers",
- value: function appendTrackMarkers(numMarkers) {}
- /**
- * Removes all track markers fromt he track mark container element
- */
- }, {
- key: "removeTrackMarkers",
- value: function removeTrackMarkers() {}
- /**
- * Sets a style property of the last track marker to the passed value
- * @param {string} propertyName
- * @param {string} value
- */
- }, {
- key: "setLastTrackMarkersStyleProperty",
- value: function setLastTrackMarkersStyleProperty(propertyName, value) {}
- /**
- * Returns true if the root element is RTL, otherwise false
- * @return {boolean}
- */
- }, {
- key: "isRTL",
- value: function isRTL() {}
- }]);
- return MDCSliderAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCSliderAdapter);
- /***/ }),
- /* 47 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabIndicator", function() { return MDCTabIndicator; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(48);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(21);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__sliding_foundation__ = __webpack_require__(122);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fading_foundation__ = __webpack_require__(123);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabIndicatorFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSlidingTabIndicatorFoundation", function() { return __WEBPACK_IMPORTED_MODULE_3__sliding_foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFadingTabIndicatorFoundation", function() { return __WEBPACK_IMPORTED_MODULE_4__fading_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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCComponent<!MDCTabIndicatorFoundation>}
- * @final
- */
- var MDCTabIndicator = function (_MDCComponent) {
- _inherits(MDCTabIndicator, _MDCComponent);
- _createClass(MDCTabIndicator, null, [{
- key: 'attachTo',
- /**
- * @param {!Element} root
- * @return {!MDCTabIndicator}
- */
- value: function attachTo(root) {
- return new MDCTabIndicator(root);
- }
- /**
- * @param {...?} args
- */
- }]);
- function MDCTabIndicator() {
- var _ref;
- _classCallCheck(this, MDCTabIndicator);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @type {?Element} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCTabIndicator.__proto__ || Object.getPrototypeOf(MDCTabIndicator)).call.apply(_ref, [this].concat(args)));
- _this.content_;
- return _this;
- }
- _createClass(MDCTabIndicator, [{
- key: 'initialize',
- value: function initialize() {
- this.content_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CONTENT_SELECTOR);
- }
- /**
- * @return {!ClientRect}
- */
- }, {
- key: 'computeContentClientRect',
- value: function computeContentClientRect() {
- return this.foundation_.computeContentClientRect();
- }
- /**
- * @return {!MDCTabIndicatorFoundation}
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- var adapter = /** @type {!MDCTabIndicatorAdapter} */_extends({
- addClass: function addClass(className) {
- return _this2.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- computeContentClientRect: function computeContentClientRect() {
- return _this2.content_.getBoundingClientRect();
- },
- setContentStyleProperty: function setContentStyleProperty(prop, value) {
- return _this2.content_.style.setProperty(prop, value);
- }
- });
- if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].cssClasses.FADE)) {
- return new __WEBPACK_IMPORTED_MODULE_4__fading_foundation__["a" /* default */](adapter);
- }
- // Default to the sliding indicator
- return new __WEBPACK_IMPORTED_MODULE_3__sliding_foundation__["a" /* default */](adapter);
- }
- /**
- * @param {!ClientRect=} previousIndicatorClientRect
- */
- }, {
- key: 'activate',
- value: function activate(previousIndicatorClientRect) {
- this.foundation_.activate(previousIndicatorClientRect);
- }
- }, {
- key: 'deactivate',
- value: function deactivate() {
- this.foundation_.deactivate();
- }
- }]);
- return MDCTabIndicator;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Tab Indicator.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Tab Indicator into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCTabIndicatorAdapter = function () {
- function MDCTabIndicatorAdapter() {
- _classCallCheck(this, MDCTabIndicatorAdapter);
- }
- _createClass(MDCTabIndicatorAdapter, [{
- key: "addClass",
- /**
- * Adds the given className to the root element.
- * @param {string} className The className to add
- */
- value: function addClass(className) {}
- /**
- * Removes the given className from the root element.
- * @param {string} className The className to remove
- */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /**
- * Returns the client rect of the content element.
- * @return {!ClientRect}
- */
- }, {
- key: "computeContentClientRect",
- value: function computeContentClientRect() {}
- /**
- * Sets a style property of the content element to the passed value
- * @param {string} propName The style property name to set
- * @param {string} value The style property value
- */
- }, {
- key: "setContentStyleProperty",
- value: function setContentStyleProperty(propName, value) {}
- }]);
- return MDCTabIndicatorAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCTabIndicatorAdapter);
- /***/ }),
- /* 49 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabScroller", function() { return MDCTabScroller; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(127);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(131);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabScrollerFoundation", 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 _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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCComponent<!MDCTabScrollerFoundation>}
- * @final
- */
- var MDCTabScroller = function (_MDCComponent) {
- _inherits(MDCTabScroller, _MDCComponent);
- _createClass(MDCTabScroller, null, [{
- key: 'attachTo',
- /**
- * @param {!Element} root
- * @return {!MDCTabScroller}
- */
- value: function attachTo(root) {
- return new MDCTabScroller(root);
- }
- }]);
- function MDCTabScroller() {
- var _ref;
- _classCallCheck(this, MDCTabScroller);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {?Element} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCTabScroller.__proto__ || Object.getPrototypeOf(MDCTabScroller)).call.apply(_ref, [this].concat(args)));
- _this.content_;
- /** @private {?Element} */
- _this.area_;
- /** @private {?function(?Event): undefined} */
- _this.handleInteraction_;
- /** @private {?function(!Event): undefined} */
- _this.handleTransitionEnd_;
- return _this;
- }
- _createClass(MDCTabScroller, [{
- key: 'initialize',
- value: function initialize() {
- this.area_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.AREA_SELECTOR);
- this.content_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CONTENT_SELECTOR);
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var _this2 = this;
- this.handleInteraction_ = function () {
- return _this2.foundation_.handleInteraction();
- };
- this.handleTransitionEnd_ = function (evt) {
- return _this2.foundation_.handleTransitionEnd(evt);
- };
- this.area_.addEventListener('wheel', this.handleInteraction_);
- this.area_.addEventListener('touchstart', this.handleInteraction_);
- this.area_.addEventListener('pointerdown', this.handleInteraction_);
- this.area_.addEventListener('mousedown', this.handleInteraction_);
- this.area_.addEventListener('keydown', this.handleInteraction_);
- this.content_.addEventListener('transitionend', this.handleTransitionEnd_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- _get(MDCTabScroller.prototype.__proto__ || Object.getPrototypeOf(MDCTabScroller.prototype), 'destroy', this).call(this);
- this.area_.removeEventListener('wheel', this.handleInteraction_);
- this.area_.removeEventListener('touchstart', this.handleInteraction_);
- this.area_.removeEventListener('pointerdown', this.handleInteraction_);
- this.area_.removeEventListener('mousedown', this.handleInteraction_);
- this.area_.removeEventListener('keydown', this.handleInteraction_);
- this.content_.removeEventListener('transitionend', this.handleTransitionEnd_);
- }
- /**
- * @return {!MDCTabScrollerFoundation}
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this3 = this;
- var adapter = /** @type {!MDCTabScrollerAdapter} */{
- eventTargetMatchesSelector: function eventTargetMatchesSelector(evtTarget, selector) {
- var MATCHES = __WEBPACK_IMPORTED_MODULE_3__util__["getMatchesProperty"](HTMLElement.prototype);
- return evtTarget[MATCHES](selector);
- },
- addClass: function addClass(className) {
- return _this3.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this3.root_.classList.remove(className);
- },
- addScrollAreaClass: function addScrollAreaClass(className) {
- return _this3.area_.classList.add(className);
- },
- setScrollAreaStyleProperty: function setScrollAreaStyleProperty(prop, value) {
- return _this3.area_.style.setProperty(prop, value);
- },
- setScrollContentStyleProperty: function setScrollContentStyleProperty(prop, value) {
- return _this3.content_.style.setProperty(prop, value);
- },
- getScrollContentStyleValue: function getScrollContentStyleValue(propName) {
- return window.getComputedStyle(_this3.content_).getPropertyValue(propName);
- },
- setScrollAreaScrollLeft: function setScrollAreaScrollLeft(scrollX) {
- return _this3.area_.scrollLeft = scrollX;
- },
- getScrollAreaScrollLeft: function getScrollAreaScrollLeft() {
- return _this3.area_.scrollLeft;
- },
- getScrollContentOffsetWidth: function getScrollContentOffsetWidth() {
- return _this3.content_.offsetWidth;
- },
- getScrollAreaOffsetWidth: function getScrollAreaOffsetWidth() {
- return _this3.area_.offsetWidth;
- },
- computeScrollAreaClientRect: function computeScrollAreaClientRect() {
- return _this3.area_.getBoundingClientRect();
- },
- computeScrollContentClientRect: function computeScrollContentClientRect() {
- return _this3.content_.getBoundingClientRect();
- },
- computeHorizontalScrollbarHeight: function computeHorizontalScrollbarHeight() {
- return __WEBPACK_IMPORTED_MODULE_3__util__["computeHorizontalScrollbarHeight"](document);
- }
- };
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */](adapter);
- }
- /**
- * Returns the current visual scroll position
- * @return {number}
- */
- }, {
- key: 'getScrollPosition',
- value: function getScrollPosition() {
- return this.foundation_.getScrollPosition();
- }
- /**
- * Returns the width of the scroll content
- * @return {number}
- */
- }, {
- key: 'getScrollContentWidth',
- value: function getScrollContentWidth() {
- return this.content_.offsetWidth;
- }
- /**
- * Increments the scroll value by the given amount
- * @param {number} scrollXIncrement The pixel value by which to increment the scroll value
- */
- }, {
- key: 'incrementScroll',
- value: function incrementScroll(scrollXIncrement) {
- this.foundation_.incrementScroll(scrollXIncrement);
- }
- /**
- * Scrolls to the given pixel position
- * @param {number} scrollX The pixel value to scroll to
- */
- }, {
- key: 'scrollTo',
- value: function scrollTo(scrollX) {
- this.foundation_.scrollTo(scrollX);
- }
- }]);
- return MDCTabScroller;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 50 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- ANIMATING: 'mdc-tab-scroller--animating',
- SCROLL_TEST: 'mdc-tab-scroller__test',
- SCROLL_AREA_SCROLL: 'mdc-tab-scroller__scroll-area--scroll'
- };
- /** @enum {string} */
- var strings = {
- AREA_SELECTOR: '.mdc-tab-scroller__scroll-area',
- CONTENT_SELECTOR: '.mdc-tab-scroller__scroll-content'
- };
- /***/ }),
- /* 51 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_tab_adapter__ = __webpack_require__(10);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_tab_index__ = __webpack_require__(20);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * Adapter for MDC Tab Bar.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the Tab Bar into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCTabBarAdapter = function () {
- function MDCTabBarAdapter() {
- _classCallCheck(this, MDCTabBarAdapter);
- }
- _createClass(MDCTabBarAdapter, [{
- key: 'scrollTo',
- /**
- * Scrolls to the given position
- * @param {number} scrollX The position to scroll to
- */
- value: function scrollTo(scrollX) {}
- /**
- * Increments the current scroll position by the given amount
- * @param {number} scrollXIncrement The amount to increment scroll
- */
- }, {
- key: 'incrementScroll',
- value: function incrementScroll(scrollXIncrement) {}
- /**
- * Returns the current scroll position
- * @return {number}
- */
- }, {
- key: 'getScrollPosition',
- value: function getScrollPosition() {}
- /**
- * Returns the width of the scroll content
- * @return {number}
- */
- }, {
- key: 'getScrollContentWidth',
- value: function getScrollContentWidth() {}
- /**
- * Returns the root element's offsetWidth
- * @return {number}
- */
- }, {
- key: 'getOffsetWidth',
- value: function getOffsetWidth() {}
- /**
- * Returns if the Tab Bar language direction is RTL
- * @return {boolean}
- */
- }, {
- key: 'isRTL',
- value: function isRTL() {}
- /**
- * Sets the tab at the given index to be activated
- * @param {number} index The index of the tab to activate
- */
- }, {
- key: 'setActiveTab',
- value: function setActiveTab(index) {}
- /**
- * Activates the tab at the given index with the given client rect
- * @param {number} index The index of the tab to activate
- * @param {!ClientRect} clientRect The client rect of the previously active Tab Indicator
- */
- }, {
- key: 'activateTabAtIndex',
- value: function activateTabAtIndex(index, clientRect) {}
- /**
- * Deactivates the tab at the given index
- * @param {number} index The index of the tab to deactivate
- */
- }, {
- key: 'deactivateTabAtIndex',
- value: function deactivateTabAtIndex(index) {}
- /**
- * Focuses the tab at the given index
- * @param {number} index The index of the tab to focus
- */
- }, {
- key: 'focusTabAtIndex',
- value: function focusTabAtIndex(index) {}
- /**
- * Returns the client rect of the tab's indicator
- * @param {number} index The index of the tab
- * @return {!ClientRect}
- */
- }, {
- key: 'getTabIndicatorClientRectAtIndex',
- value: function getTabIndicatorClientRectAtIndex(index) {}
- /**
- * Returns the tab dimensions of the tab at the given index
- * @param {number} index The index of the tab
- * @return {!MDCTabDimensions}
- */
- }, {
- key: 'getTabDimensionsAtIndex',
- value: function getTabDimensionsAtIndex(index) {}
- /**
- * Returns the length of the tab list
- * @return {number}
- */
- }, {
- key: 'getTabListLength',
- value: function getTabListLength() {}
- /**
- * Returns the index of the previously active tab
- * @return {number}
- */
- }, {
- key: 'getPreviousActiveTabIndex',
- value: function getPreviousActiveTabIndex() {}
- /**
- * Returns the index of the focused tab
- * @return {number}
- */
- }, {
- key: 'getFocusedTabIndex',
- value: function getFocusedTabIndex() {}
- /**
- * Returns the index of the given tab
- * @param {!MDCTab} tab The tab whose index to determin
- * @return {number}
- */
- }, {
- key: 'getIndexOfTab',
- value: function getIndexOfTab(tab) {}
- /**
- * Emits the MDCTabBar:activated event
- * @param {number} index The index of the activated tab
- */
- }, {
- key: 'notifyTabActivated',
- value: function notifyTabActivated(index) {}
- }]);
- return MDCTabBarAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCTabBarAdapter);
- /***/ }),
- /* 52 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return cssClasses; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return strings; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return numbers; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return VALIDATION_ATTR_WHITELIST; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ALWAYS_FLOAT_TYPES; });
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var strings = {
- ARIA_CONTROLS: 'aria-controls',
- INPUT_SELECTOR: '.mdc-text-field__input',
- LABEL_SELECTOR: '.mdc-floating-label',
- ICON_SELECTOR: '.mdc-text-field__icon',
- OUTLINE_SELECTOR: '.mdc-notched-outline',
- LINE_RIPPLE_SELECTOR: '.mdc-line-ripple'
- };
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-text-field',
- DISABLED: 'mdc-text-field--disabled',
- DENSE: 'mdc-text-field--dense',
- FOCUSED: 'mdc-text-field--focused',
- INVALID: 'mdc-text-field--invalid',
- TEXTAREA: 'mdc-text-field--textarea',
- OUTLINED: 'mdc-text-field--outlined'
- };
- /** @enum {number} */
- var numbers = {
- LABEL_SCALE: 0.75,
- DENSE_LABEL_SCALE: 0.923
- };
- // whitelist based off of https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation
- // under section: `Validation-related attributes`
- var VALIDATION_ATTR_WHITELIST = ['pattern', 'min', 'max', 'required', 'step', 'minlength', 'maxlength'];
- // Label should always float for these types as they show some UI even if value is empty.
- var ALWAYS_FLOAT_TYPES = ['color', 'date', 'datetime-local', 'month', 'range', 'time', 'week'];
- /***/ }),
- /* 53 */
- /***/ (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__helper_text_foundation__ = __webpack_require__(22);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__icon_foundation__ = __webpack_require__(23);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * @typedef {{
- * value: string,
- * disabled: boolean,
- * badInput: boolean,
- * validity: {
- * badInput: boolean,
- * valid: boolean,
- * },
- * }}
- */
- var NativeInputType = void 0;
- /**
- * @typedef {{
- * helperText: (!MDCTextFieldHelperTextFoundation|undefined),
- * icon: (!MDCTextFieldIconFoundation|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) {}
- /**
- * Returns true if the root element contains the given class name.
- * @param {string} className
- * @return {boolean}
- */
- }, {
- key: 'hasClass',
- value: function hasClass(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) {}
- /**
- * 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 a validation attribute change listener on the input element.
- * Handler accepts list of attribute names.
- * @param {function(!Array<string>): undefined} handler
- * @return {!MutationObserver}
- */
- }, {
- key: 'registerValidationAttributeChangeHandler',
- value: function registerValidationAttributeChangeHandler(handler) {}
- /**
- * Disconnects a validation attribute observer on the input element.
- * @param {!MutationObserver} observer
- */
- }, {
- key: 'deregisterValidationAttributeChangeHandler',
- value: function deregisterValidationAttributeChangeHandler(observer) {}
- /**
- * 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() {}
- /**
- * Returns true if the textfield is focused.
- * We achieve this via `document.activeElement === this.root_`.
- * @return {boolean}
- */
- }, {
- key: 'isFocused',
- value: function isFocused() {}
- /**
- * Returns true if the direction of the root element is set to RTL.
- * @return {boolean}
- */
- }, {
- key: 'isRtl',
- value: function isRtl() {}
- /**
- * Activates the line ripple.
- */
- }, {
- key: 'activateLineRipple',
- value: function activateLineRipple() {}
- /**
- * Deactivates the line ripple.
- */
- }, {
- key: 'deactivateLineRipple',
- value: function deactivateLineRipple() {}
- /**
- * Sets the transform origin of the line ripple.
- * @param {number} normalizedX
- */
- }, {
- key: 'setLineRippleTransformOrigin',
- value: function setLineRippleTransformOrigin(normalizedX) {}
- /**
- * Only implement if label exists.
- * Shakes label if shouldShake is true.
- * @param {boolean} shouldShake
- */
- }, {
- key: 'shakeLabel',
- value: function shakeLabel(shouldShake) {}
- /**
- * Only implement if label exists.
- * Floats the label above the input element if shouldFloat is true.
- * @param {boolean} shouldFloat
- */
- }, {
- key: 'floatLabel',
- value: function floatLabel(shouldFloat) {}
- /**
- * Returns true if label element exists, false if it doesn't.
- * @return {boolean}
- */
- }, {
- key: 'hasLabel',
- value: function hasLabel() {}
- /**
- * Only implement if label exists.
- * Returns width of label in pixels.
- * @return {number}
- */
- }, {
- key: 'getLabelWidth',
- value: function getLabelWidth() {}
- /**
- * Returns true if outline element exists, false if it doesn't.
- * @return {boolean}
- */
- }, {
- key: 'hasOutline',
- value: function hasOutline() {}
- /**
- * Only implement if outline element exists.
- * Updates SVG Path and outline element based on the
- * label element width and RTL context.
- * @param {number} labelWidth
- * @param {boolean=} isRtl
- */
- }, {
- key: 'notchOutline',
- value: function notchOutline(labelWidth, isRtl) {}
- /**
- * Only implement if outline element exists.
- * Closes notch in outline element.
- */
- }, {
- key: 'closeOutline',
- value: function closeOutline() {}
- }]);
- return MDCTextFieldAdapter;
- }();
- /***/ }),
- /* 54 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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);
- /***/ }),
- /* 55 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- /**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Text Field Icon.
- *
- * Defines the shape of the adapter expected by the foundation. Implement this
- * adapter to integrate the text field icon into your framework. See
- * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
- * for more information.
- *
- * @record
- */
- var MDCTextFieldIconAdapter = function () {
- function MDCTextFieldIconAdapter() {
- _classCallCheck(this, MDCTextFieldIconAdapter);
- }
- _createClass(MDCTextFieldIconAdapter, [{
- key: "getAttr",
- /**
- * Gets the value of an attribute on the icon element.
- * @param {string} attr
- * @return {string}
- */
- value: function getAttr(attr) {}
- /**
- * Sets an attribute on the icon element.
- * @param {string} attr
- * @param {string} value
- */
- }, {
- key: "setAttr",
- value: function setAttr(attr, value) {}
- /**
- * Removes an attribute from the icon element.
- * @param {string} attr
- */
- }, {
- key: "removeAttr",
- value: function removeAttr(attr) {}
- /**
- * Sets the text content of the icon element.
- * @param {string} content
- */
- }, {
- key: "setContent",
- value: function setContent(content) {}
- /**
- * Registers an event listener on the icon element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "registerInteractionHandler",
- value: function registerInteractionHandler(evtType, handler) {}
- /**
- * Deregisters an event listener on the icon element for a given event.
- * @param {string} evtType
- * @param {function(!Event): undefined} handler
- */
- }, {
- key: "deregisterInteractionHandler",
- value: function deregisterInteractionHandler(evtType, handler) {}
- /**
- * Emits a custom event "MDCTextField:icon" denoting a user has clicked the icon.
- */
- }, {
- key: "notifyIconAction",
- value: function notifyIconAction() {}
- }]);
- return MDCTextFieldIconAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCTextFieldIconAdapter);
- /***/ }),
- /* 56 */
- /***/ (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_index__ = __webpack_require__(57);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_checkbox_index__ = __webpack_require__(58);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_chips_index__ = __webpack_require__(64);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_dialog_index__ = __webpack_require__(68);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_drawer_index__ = __webpack_require__(74);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__material_floating_label_index__ = __webpack_require__(16);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__material_form_field_index__ = __webpack_require__(81);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__material_grid_list_index__ = __webpack_require__(85);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__material_icon_button_index__ = __webpack_require__(88);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__material_icon_toggle_index__ = __webpack_require__(92);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__material_linear_progress_index__ = __webpack_require__(96);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__material_line_ripple_index__ = __webpack_require__(17);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__material_list_index__ = __webpack_require__(14);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__material_menu_index__ = __webpack_require__(101);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__material_menu_surface_index__ = __webpack_require__(40);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__material_notched_outline_index__ = __webpack_require__(19);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__material_radio_index__ = __webpack_require__(106);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__material_ripple_index__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_19__material_select_index__ = __webpack_require__(110);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_20__material_selection_control_index__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_21__material_slider_index__ = __webpack_require__(112);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_22__material_snackbar_index__ = __webpack_require__(114);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_23__material_switch_index__ = __webpack_require__(117);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_24__material_tab_index__ = __webpack_require__(20);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_25__material_tab_bar_index__ = __webpack_require__(126);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_26__material_tab_indicator_index__ = __webpack_require__(47);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_27__material_tab_scroller_index__ = __webpack_require__(49);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_28__material_textfield_index__ = __webpack_require__(134);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_29__material_toolbar_index__ = __webpack_require__(140);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_30__material_top_app_bar_index__ = __webpack_require__(143);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "autoInit", function() { return __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a"]; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "base", function() { return __WEBPACK_IMPORTED_MODULE_1__material_base_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "checkbox", function() { return __WEBPACK_IMPORTED_MODULE_2__material_checkbox_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "chips", function() { return __WEBPACK_IMPORTED_MODULE_3__material_chips_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "dialog", function() { return __WEBPACK_IMPORTED_MODULE_4__material_dialog_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "drawer", function() { return __WEBPACK_IMPORTED_MODULE_5__material_drawer_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "floatingLabel", function() { return __WEBPACK_IMPORTED_MODULE_6__material_floating_label_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "formField", function() { return __WEBPACK_IMPORTED_MODULE_7__material_form_field_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "gridList", function() { return __WEBPACK_IMPORTED_MODULE_8__material_grid_list_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "iconButton", function() { return __WEBPACK_IMPORTED_MODULE_9__material_icon_button_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "iconToggle", function() { return __WEBPACK_IMPORTED_MODULE_10__material_icon_toggle_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "lineRipple", function() { return __WEBPACK_IMPORTED_MODULE_12__material_line_ripple_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "linearProgress", function() { return __WEBPACK_IMPORTED_MODULE_11__material_linear_progress_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "list", function() { return __WEBPACK_IMPORTED_MODULE_13__material_list_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "menu", function() { return __WEBPACK_IMPORTED_MODULE_14__material_menu_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "menuSurface", function() { return __WEBPACK_IMPORTED_MODULE_15__material_menu_surface_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "notchedOutline", function() { return __WEBPACK_IMPORTED_MODULE_16__material_notched_outline_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "radio", function() { return __WEBPACK_IMPORTED_MODULE_17__material_radio_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "ripple", function() { return __WEBPACK_IMPORTED_MODULE_18__material_ripple_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "select", function() { return __WEBPACK_IMPORTED_MODULE_19__material_select_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "selectionControl", function() { return __WEBPACK_IMPORTED_MODULE_20__material_selection_control_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "slider", function() { return __WEBPACK_IMPORTED_MODULE_21__material_slider_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "switchControl", function() { return __WEBPACK_IMPORTED_MODULE_23__material_switch_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "snackbar", function() { return __WEBPACK_IMPORTED_MODULE_22__material_snackbar_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tab", function() { return __WEBPACK_IMPORTED_MODULE_24__material_tab_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tabBar", function() { return __WEBPACK_IMPORTED_MODULE_25__material_tab_bar_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tabIndicator", function() { return __WEBPACK_IMPORTED_MODULE_26__material_tab_indicator_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tabScroller", function() { return __WEBPACK_IMPORTED_MODULE_27__material_tab_scroller_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "textField", function() { return __WEBPACK_IMPORTED_MODULE_28__material_textfield_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "toolbar", function() { return __WEBPACK_IMPORTED_MODULE_29__material_toolbar_index__; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "topAppBar", function() { return __WEBPACK_IMPORTED_MODULE_30__material_top_app_bar_index__; });
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- // Register all components
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCCheckbox', __WEBPACK_IMPORTED_MODULE_2__material_checkbox_index__["MDCCheckbox"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCChip', __WEBPACK_IMPORTED_MODULE_3__material_chips_index__["MDCChip"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCChipSet', __WEBPACK_IMPORTED_MODULE_3__material_chips_index__["MDCChipSet"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCDialog', __WEBPACK_IMPORTED_MODULE_4__material_dialog_index__["MDCDialog"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCDrawer', __WEBPACK_IMPORTED_MODULE_5__material_drawer_index__["MDCDrawer"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCFloatingLabel', __WEBPACK_IMPORTED_MODULE_6__material_floating_label_index__["MDCFloatingLabel"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCFormField', __WEBPACK_IMPORTED_MODULE_7__material_form_field_index__["MDCFormField"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCRipple', __WEBPACK_IMPORTED_MODULE_18__material_ripple_index__["MDCRipple"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCGridList', __WEBPACK_IMPORTED_MODULE_8__material_grid_list_index__["MDCGridList"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCIconButtonToggle', __WEBPACK_IMPORTED_MODULE_9__material_icon_button_index__["MDCIconButtonToggle"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCIconToggle', __WEBPACK_IMPORTED_MODULE_10__material_icon_toggle_index__["MDCIconToggle"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCLineRipple', __WEBPACK_IMPORTED_MODULE_12__material_line_ripple_index__["MDCLineRipple"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCLinearProgress', __WEBPACK_IMPORTED_MODULE_11__material_linear_progress_index__["MDCLinearProgress"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCList', __WEBPACK_IMPORTED_MODULE_13__material_list_index__["MDCList"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCNotchedOutline', __WEBPACK_IMPORTED_MODULE_16__material_notched_outline_index__["MDCNotchedOutline"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCRadio', __WEBPACK_IMPORTED_MODULE_17__material_radio_index__["MDCRadio"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCSnackbar', __WEBPACK_IMPORTED_MODULE_22__material_snackbar_index__["MDCSnackbar"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCTabBar', __WEBPACK_IMPORTED_MODULE_25__material_tab_bar_index__["MDCTabBar"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCTextField', __WEBPACK_IMPORTED_MODULE_28__material_textfield_index__["MDCTextField"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCMenu', __WEBPACK_IMPORTED_MODULE_14__material_menu_index__["MDCMenu"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCMenuSurface', __WEBPACK_IMPORTED_MODULE_15__material_menu_surface_index__["MDCMenuSurface"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCSelect', __WEBPACK_IMPORTED_MODULE_19__material_select_index__["MDCSelect"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCSlider', __WEBPACK_IMPORTED_MODULE_21__material_slider_index__["MDCSlider"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCSwitch', __WEBPACK_IMPORTED_MODULE_23__material_switch_index__["MDCSwitch"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCToolbar', __WEBPACK_IMPORTED_MODULE_29__material_toolbar_index__["MDCToolbar"]);
- __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCTopAppBar', __WEBPACK_IMPORTED_MODULE_30__material_top_app_bar_index__["MDCTopAppBar"]);
- // Export all components.
- /***/ }),
- /* 57 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = mdcAutoInit;
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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 components = [];
- 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
- });
- components.push(component);
- }
- _emit('MDCAutoInit:End', {});
- return components;
- }
- 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);
- };
- /***/ }),
- /* 58 */
- /***/ (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_index__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_selection_control_index__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(61);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_ripple_index__ = __webpack_require__(2);
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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_();
- /** @private {!Function} */
- _this.handleChange_;
- /** @private {!Function} */
- _this.handleAnimationEnd_;
- return _this;
- }
- _createClass(MDCCheckbox, [{
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var _this2 = this;
- this.handleChange_ = function () {
- return _this2.foundation_.handleChange();
- };
- this.handleAnimationEnd_ = function () {
- return _this2.foundation_.handleAnimationEnd();
- };
- this.nativeCb_.addEventListener('change', this.handleChange_);
- this.listen(Object(__WEBPACK_IMPORTED_MODULE_0__material_animation_index__["a" /* getCorrectEventName */])(window, 'animationend'), this.handleAnimationEnd_);
- }
- /**
- * @return {!MDCRipple}
- * @private
- */
- }, {
- key: 'initRipple_',
- value: function initRipple_() {
- var _this3 = this;
- var MATCHES = Object(__WEBPACK_IMPORTED_MODULE_5__material_ripple_util__["getMatchesProperty"])(HTMLElement.prototype);
- var adapter = _extends(__WEBPACK_IMPORTED_MODULE_4__material_ripple_index__["MDCRipple"].createAdapter(this), {
- isUnbounded: function isUnbounded() {
- return true;
- },
- isSurfaceActive: function isSurfaceActive() {
- return _this3.nativeCb_[MATCHES](':active');
- },
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this3.nativeCb_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this3.nativeCb_.removeEventListener(type, handler);
- }
- });
- var foundation = new __WEBPACK_IMPORTED_MODULE_4__material_ripple_index__["MDCRippleFoundation"](adapter);
- return new __WEBPACK_IMPORTED_MODULE_4__material_ripple_index__["MDCRipple"](this.root_, foundation);
- }
- /** @return {!MDCCheckboxFoundation} */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this4 = this;
- return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */]({
- addClass: function addClass(className) {
- return _this4.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this4.root_.classList.remove(className);
- },
- setNativeControlAttr: function setNativeControlAttr(attr, value) {
- return _this4.nativeCb_.setAttribute(attr, value);
- },
- removeNativeControlAttr: function removeNativeControlAttr(attr) {
- return _this4.nativeCb_.removeAttribute(attr);
- },
- getNativeControl: function getNativeControl() {
- return _this4.nativeCb_;
- },
- forceLayout: function forceLayout() {
- return _this4.root_.offsetWidth;
- },
- isAttachedToDOM: function isAttachedToDOM() {
- return Boolean(_this4.root_.parentNode);
- }
- });
- }
- /** @return {!MDCRipple} */
- }, {
- key: 'destroy',
- value: function destroy() {
- this.ripple_.destroy();
- this.nativeCb_.removeEventListener('change', this.handleChange_);
- this.unlisten(Object(__WEBPACK_IMPORTED_MODULE_0__material_animation_index__["a" /* getCorrectEventName */])(window, 'animationend'), this.handleAnimationEnd_);
- _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 */]);
- /***/ }),
- /* 59 */
- /***/ (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__(24);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(60);
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @typedef {{
- * isActivated: (boolean|undefined),
- * hasDeactivationUXRun: (boolean|undefined),
- * wasActivatedByPointer: (boolean|undefined),
- * wasElementMadeActive: (boolean|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;
- // Activation events registered on the root element of each instance for activation
- var ACTIVATION_EVENT_TYPES = ['touchstart', 'pointerdown', 'mousedown', 'keydown'];
- // Deactivation events registered on documentElement when a pointer-related down event occurs
- var POINTER_DEACTIVATION_EVENT_TYPES = ['touchend', 'pointerup', 'mouseup'];
- // Tracks activations that have occurred on the current frame, to avoid simultaneous nested activations
- /** @type {!Array<!EventTarget>} */
- var activatedTargets = [];
- /**
- * @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 */{},
- containsEventTarget: function containsEventTarget() /* target: !EventTarget */{},
- registerInteractionHandler: function registerInteractionHandler() /* evtType: string, handler: EventListener */{},
- deregisterInteractionHandler: function deregisterInteractionHandler() /* evtType: string, handler: EventListener */{},
- registerDocumentInteractionHandler: function registerDocumentInteractionHandler() /* evtType: string, handler: EventListener */{},
- deregisterDocumentInteractionHandler: function deregisterDocumentInteractionHandler() /* 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.initialSize_ = 0;
- /** @private {number} */
- _this.maxRadius_ = 0;
- /** @private {function(!Event)} */
- _this.activateHandler_ = function (e) {
- return _this.activate_(e);
- };
- /** @private {function(!Event)} */
- _this.deactivateHandler_ = function (e) {
- return _this.deactivate_(e);
- };
- /** @private {function(?Event=)} */
- _this.focusHandler_ = function () {
- return _this.handleFocus();
- };
- /** @private {function(?Event=)} */
- _this.blurHandler_ = function () {
- return _this.handleBlur();
- };
- /** @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_();
- };
- /** @private {?Event} */
- _this.previousActivationEvent_ = null;
- 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: 'supportsPressRipple_',
- value: function supportsPressRipple_() {
- return this.adapter_.browserSupportsCssVars();
- }
- /**
- * @return {!ActivationStateType}
- */
- }, {
- key: 'defaultActivationState_',
- value: function defaultActivationState_() {
- return {
- isActivated: false,
- hasDeactivationUXRun: false,
- wasActivatedByPointer: false,
- wasElementMadeActive: false,
- activationEvent: null,
- isProgrammatic: false
- };
- }
- /** @override */
- }, {
- key: 'init',
- value: function init() {
- var _this2 = this;
- var supportsPressRipple = this.supportsPressRipple_();
- this.registerRootHandlers_(supportsPressRipple);
- if (supportsPressRipple) {
- var _MDCRippleFoundation$ = MDCRippleFoundation.cssClasses,
- ROOT = _MDCRippleFoundation$.ROOT,
- UNBOUNDED = _MDCRippleFoundation$.UNBOUNDED;
- requestAnimationFrame(function () {
- _this2.adapter_.addClass(ROOT);
- if (_this2.adapter_.isUnbounded()) {
- _this2.adapter_.addClass(UNBOUNDED);
- // Unbounded ripples need layout logic applied immediately to set coordinates for both shade and ripple
- _this2.layoutInternal_();
- }
- });
- }
- }
- /** @override */
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this3 = this;
- if (this.supportsPressRipple_()) {
- if (this.activationTimer_) {
- clearTimeout(this.activationTimer_);
- this.activationTimer_ = 0;
- this.adapter_.removeClass(MDCRippleFoundation.cssClasses.FG_ACTIVATION);
- }
- if (this.fgDeactivationRemovalTimer_) {
- clearTimeout(this.fgDeactivationRemovalTimer_);
- this.fgDeactivationRemovalTimer_ = 0;
- this.adapter_.removeClass(MDCRippleFoundation.cssClasses.FG_DEACTIVATION);
- }
- var _MDCRippleFoundation$2 = MDCRippleFoundation.cssClasses,
- ROOT = _MDCRippleFoundation$2.ROOT,
- UNBOUNDED = _MDCRippleFoundation$2.UNBOUNDED;
- requestAnimationFrame(function () {
- _this3.adapter_.removeClass(ROOT);
- _this3.adapter_.removeClass(UNBOUNDED);
- _this3.removeCssVars_();
- });
- }
- this.deregisterRootHandlers_();
- this.deregisterDeactivationHandlers_();
- }
- /**
- * @param {boolean} supportsPressRipple Passed from init to save a redundant function call
- * @private
- */
- }, {
- key: 'registerRootHandlers_',
- value: function registerRootHandlers_(supportsPressRipple) {
- var _this4 = this;
- if (supportsPressRipple) {
- ACTIVATION_EVENT_TYPES.forEach(function (type) {
- _this4.adapter_.registerInteractionHandler(type, _this4.activateHandler_);
- });
- if (this.adapter_.isUnbounded()) {
- this.adapter_.registerResizeHandler(this.resizeHandler_);
- }
- }
- this.adapter_.registerInteractionHandler('focus', this.focusHandler_);
- this.adapter_.registerInteractionHandler('blur', this.blurHandler_);
- }
- /**
- * @param {!Event} e
- * @private
- */
- }, {
- key: 'registerDeactivationHandlers_',
- value: function registerDeactivationHandlers_(e) {
- var _this5 = this;
- if (e.type === 'keydown') {
- this.adapter_.registerInteractionHandler('keyup', this.deactivateHandler_);
- } else {
- POINTER_DEACTIVATION_EVENT_TYPES.forEach(function (type) {
- _this5.adapter_.registerDocumentInteractionHandler(type, _this5.deactivateHandler_);
- });
- }
- }
- /** @private */
- }, {
- key: 'deregisterRootHandlers_',
- value: function deregisterRootHandlers_() {
- var _this6 = this;
- ACTIVATION_EVENT_TYPES.forEach(function (type) {
- _this6.adapter_.deregisterInteractionHandler(type, _this6.activateHandler_);
- });
- this.adapter_.deregisterInteractionHandler('focus', this.focusHandler_);
- this.adapter_.deregisterInteractionHandler('blur', this.blurHandler_);
- if (this.adapter_.isUnbounded()) {
- this.adapter_.deregisterResizeHandler(this.resizeHandler_);
- }
- }
- /** @private */
- }, {
- key: 'deregisterDeactivationHandlers_',
- value: function deregisterDeactivationHandlers_() {
- var _this7 = this;
- this.adapter_.deregisterInteractionHandler('keyup', this.deactivateHandler_);
- POINTER_DEACTIVATION_EVENT_TYPES.forEach(function (type) {
- _this7.adapter_.deregisterDocumentInteractionHandler(type, _this7.deactivateHandler_);
- });
- }
- /** @private */
- }, {
- key: 'removeCssVars_',
- value: function removeCssVars_() {
- var _this8 = this;
- var strings = MDCRippleFoundation.strings;
- Object.keys(strings).forEach(function (k) {
- if (k.indexOf('VAR_') === 0) {
- _this8.adapter_.updateCssVariable(strings[k], null);
- }
- });
- }
- /**
- * @param {?Event} e
- * @private
- */
- }, {
- key: 'activate_',
- value: function activate_(e) {
- var _this9 = this;
- if (this.adapter_.isSurfaceDisabled()) {
- return;
- }
- var activationState = this.activationState_;
- if (activationState.isActivated) {
- return;
- }
- // Avoid reacting to follow-on events fired by touch device after an already-processed user interaction
- var previousActivationEvent = this.previousActivationEvent_;
- var isSameInteraction = previousActivationEvent && e && previousActivationEvent.type !== e.type;
- if (isSameInteraction) {
- 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';
- var hasActivatedChild = e && activatedTargets.length > 0 && activatedTargets.some(function (target) {
- return _this9.adapter_.containsEventTarget(target);
- });
- if (hasActivatedChild) {
- // Immediately reset activation state, while preserving logic that prevents touch follow-on events
- this.resetActivationState_();
- return;
- }
- if (e) {
- activatedTargets.push( /** @type {!EventTarget} */e.target);
- this.registerDeactivationHandlers_(e);
- }
- activationState.wasElementMadeActive = this.checkElementMadeActive_(e);
- if (activationState.wasElementMadeActive) {
- this.animateActivation_();
- }
- requestAnimationFrame(function () {
- // Reset array on next frame after the current event has had a chance to bubble to prevent ancestor ripples
- activatedTargets = [];
- if (!activationState.wasElementMadeActive && (e.key === ' ' || e.keyCode === 32)) {
- // If space was pressed, try again within an rAF call to detect :active, because different UAs 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
- // We try first outside rAF to support Edge, which does not exhibit this problem, but will crash if a CSS
- // variable is set within a rAF callback for a submit button interaction (#2241).
- activationState.wasElementMadeActive = _this9.checkElementMadeActive_(e);
- if (activationState.wasElementMadeActive) {
- _this9.animateActivation_();
- }
- }
- if (!activationState.wasElementMadeActive) {
- // Reset activation state immediately if element was not made active.
- _this9.activationState_ = _this9.defaultActivationState_();
- }
- });
- }
- /**
- * @param {?Event} e
- * @private
- */
- }, {
- key: 'checkElementMadeActive_',
- value: function checkElementMadeActive_(e) {
- return e && e.type === 'keydown' ? this.adapter_.isSurfaceActive() : true;
- }
- /**
- * @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 _this10 = this;
- var _MDCRippleFoundation$3 = MDCRippleFoundation.strings,
- VAR_FG_TRANSLATE_START = _MDCRippleFoundation$3.VAR_FG_TRANSLATE_START,
- VAR_FG_TRANSLATE_END = _MDCRippleFoundation$3.VAR_FG_TRANSLATE_END;
- var _MDCRippleFoundation$4 = MDCRippleFoundation.cssClasses,
- FG_DEACTIVATION = _MDCRippleFoundation$4.FG_DEACTIVATION,
- FG_ACTIVATION = _MDCRippleFoundation$4.FG_ACTIVATION;
- var DEACTIVATION_TIMEOUT_MS = MDCRippleFoundation.numbers.DEACTIVATION_TIMEOUT_MS;
- this.layoutInternal_();
- 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(FG_ACTIVATION);
- this.activationTimer_ = setTimeout(function () {
- return _this10.activationTimerCallback_();
- }, DEACTIVATION_TIMEOUT_MS);
- }
- /**
- * @private
- * @return {{startPoint: PointType, endPoint: PointType}}
- */
- }, {
- key: 'getFgTranslationCoordinates_',
- value: function getFgTranslationCoordinates_() {
- var _activationState_ = this.activationState_,
- 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 _this11 = this;
- // This method is called both when a pointing device is released, and when the activation animation ends.
- // The deactivation animation should only run after both of those occur.
- var FG_DEACTIVATION = MDCRippleFoundation.cssClasses.FG_DEACTIVATION;
- var _activationState_2 = this.activationState_,
- hasDeactivationUXRun = _activationState_2.hasDeactivationUXRun,
- isActivated = _activationState_2.isActivated;
- var activationHasEnded = hasDeactivationUXRun || !isActivated;
- if (activationHasEnded && this.activationAnimationHasEnded_) {
- this.rmBoundedActivationClasses_();
- this.adapter_.addClass(FG_DEACTIVATION);
- this.fgDeactivationRemovalTimer_ = setTimeout(function () {
- _this11.adapter_.removeClass(FG_DEACTIVATION);
- }, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].FG_DEACTIVATION_MS);
- }
- }
- /** @private */
- }, {
- key: 'rmBoundedActivationClasses_',
- value: function rmBoundedActivationClasses_() {
- var FG_ACTIVATION = MDCRippleFoundation.cssClasses.FG_ACTIVATION;
- this.adapter_.removeClass(FG_ACTIVATION);
- this.activationAnimationHasEnded_ = false;
- this.adapter_.computeBoundingRect();
- }
- }, {
- key: 'resetActivationState_',
- value: function resetActivationState_() {
- var _this12 = this;
- this.previousActivationEvent_ = this.activationState_.activationEvent;
- this.activationState_ = this.defaultActivationState_();
- // Touch devices may fire additional events for the same interaction within a short time.
- // Store the previous event until it's safe to assume that subsequent events are for new interactions.
- setTimeout(function () {
- return _this12.previousActivationEvent_ = null;
- }, MDCRippleFoundation.numbers.TAP_DELAY_MS);
- }
- /**
- * @param {?Event} e
- * @private
- */
- }, {
- key: 'deactivate_',
- value: function deactivate_(e) {
- var _this13 = 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;
- }
- var state = /** @type {!ActivationStateType} */_extends({}, activationState);
- if (activationState.isProgrammatic) {
- var evtObject = null;
- requestAnimationFrame(function () {
- return _this13.animateDeactivation_(evtObject, state);
- });
- this.resetActivationState_();
- } else {
- this.deregisterDeactivationHandlers_();
- requestAnimationFrame(function () {
- _this13.activationState_.hasDeactivationUXRun = true;
- _this13.animateDeactivation_(e, state);
- _this13.resetActivationState_();
- });
- }
- }
- /**
- * @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;
- if (wasActivatedByPointer || wasElementMadeActive) {
- this.runDeactivationUXLogicIfReady_();
- }
- }
- }, {
- key: 'layout',
- value: function layout() {
- var _this14 = this;
- if (this.layoutFrame_) {
- cancelAnimationFrame(this.layoutFrame_);
- }
- this.layoutFrame_ = requestAnimationFrame(function () {
- _this14.layoutInternal_();
- _this14.layoutFrame_ = 0;
- });
- }
- /** @private */
- }, {
- key: 'layoutInternal_',
- value: function layoutInternal_() {
- var _this15 = this;
- this.frame_ = this.adapter_.computeBoundingRect();
- var maxDim = Math.max(this.frame_.height, this.frame_.width);
- // Surface diameter is treated differently for unbounded vs. bounded ripples.
- // Unbounded ripple diameter is calculated smaller since the surface is expected to already be padded appropriately
- // to extend the hitbox, and the ripple is expected to meet the edges of the padded hitbox (which is typically
- // square). Bounded ripples, on the other hand, are fully expected to expand beyond the surface's longest diameter
- // (calculated based on the diagonal plus a constant padding), and are clipped at the surface's border via
- // `overflow: hidden`.
- var getBoundedRadius = function getBoundedRadius() {
- var hypotenuse = Math.sqrt(Math.pow(_this15.frame_.width, 2) + Math.pow(_this15.frame_.height, 2));
- return hypotenuse + MDCRippleFoundation.numbers.PADDING;
- };
- this.maxRadius_ = this.adapter_.isUnbounded() ? maxDim : getBoundedRadius();
- // Ripple is sized as a fraction of the largest dimension of the surface, then scales up using a CSS scale transform
- this.initialSize_ = maxDim * MDCRippleFoundation.numbers.INITIAL_ORIGIN_SCALE;
- this.fgScale_ = this.maxRadius_ / this.initialSize_;
- this.updateLayoutCssVars_();
- }
- /** @private */
- }, {
- key: 'updateLayoutCssVars_',
- value: function updateLayoutCssVars_() {
- var _MDCRippleFoundation$5 = MDCRippleFoundation.strings,
- VAR_FG_SIZE = _MDCRippleFoundation$5.VAR_FG_SIZE,
- VAR_LEFT = _MDCRippleFoundation$5.VAR_LEFT,
- VAR_TOP = _MDCRippleFoundation$5.VAR_TOP,
- VAR_FG_SCALE = _MDCRippleFoundation$5.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');
- }
- }
- /** @param {boolean} unbounded */
- }, {
- key: 'setUnbounded',
- value: function setUnbounded(unbounded) {
- var UNBOUNDED = MDCRippleFoundation.cssClasses.UNBOUNDED;
- if (unbounded) {
- this.adapter_.addClass(UNBOUNDED);
- } else {
- this.adapter_.removeClass(UNBOUNDED);
- }
- }
- }, {
- key: 'handleFocus',
- value: function handleFocus() {
- var _this16 = this;
- requestAnimationFrame(function () {
- return _this16.adapter_.addClass(MDCRippleFoundation.cssClasses.BG_FOCUSED);
- });
- }
- }, {
- key: 'handleBlur',
- value: function handleBlur() {
- var _this17 = this;
- requestAnimationFrame(function () {
- return _this17.adapter_.removeClass(MDCRippleFoundation.cssClasses.BG_FOCUSED);
- });
- }
- }]);
- return MDCRippleFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCRippleFoundation);
- /***/ }),
- /* 60 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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',
- FG_ACTIVATION: 'mdc-ripple-upgraded--foreground-activation',
- FG_DEACTIVATION: 'mdc-ripple-upgraded--foreground-deactivation'
- };
- var strings = {
- VAR_LEFT: '--mdc-ripple-left',
- VAR_TOP: '--mdc-ripple-top',
- VAR_FG_SIZE: '--mdc-ripple-fg-size',
- 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, // Corresponds to $mdc-ripple-fade-out-duration (i.e. deactivation animation duration)
- TAP_DELAY_MS: 300 };
- /***/ }),
- /* 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__material_selection_control_index__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(62);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(63);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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 */{},
- setNativeControlAttr: function setNativeControlAttr() /* attr: string, value: string */{},
- removeNativeControlAttr: function removeNativeControlAttr() /* attr: string */{},
- 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;
- /** @private {boolean} */
- _this.enableAnimationEndHandler_ = false;
- return _this;
- }
- /** @override */
- _createClass(MDCCheckboxFoundation, [{
- key: 'init',
- value: function init() {
- this.currentCheckState_ = this.determineCheckState_(this.getNativeControl_());
- this.updateAriaChecked_();
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].UPGRADED);
- this.installPropertyChangeHooks_();
- }
- /** @override */
- }, {
- key: 'destroy',
- value: function destroy() {
- 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;
- }
- /**
- * Handles the animationend event for the checkbox
- */
- }, {
- key: 'handleAnimationEnd',
- value: function handleAnimationEnd() {
- var _this2 = this;
- if (!this.enableAnimationEndHandler_) return;
- clearTimeout(this.animEndLatchTimer_);
- this.animEndLatchTimer_ = setTimeout(function () {
- _this2.adapter_.removeClass(_this2.currentAnimationClass_);
- _this2.enableAnimationEndHandler_ = false;
- }, __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* numbers */].ANIM_END_LATCH_MS);
- }
- /**
- * Handles the change event for the checkbox
- */
- }, {
- key: 'handleChange',
- value: function handleChange() {
- this.transitionCheckState_();
- }
- /** @private */
- }, {
- key: 'installPropertyChangeHooks_',
- value: function installPropertyChangeHooks_() {
- var _this3 = 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);
- _this3.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;
- }
- this.updateAriaChecked_();
- // 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.enableAnimationEndHandler_ = true;
- }
- }
- /**
- * @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;
- }
- }
- }, {
- key: 'updateAriaChecked_',
- value: function updateAriaChecked_() {
- // Ensure aria-checked is set to mixed if checkbox is in indeterminate state.
- if (this.isIndeterminate()) {
- this.adapter_.setNativeControlAttr(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].ARIA_CHECKED_ATTR, __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].ARIA_CHECKED_INDETERMINATE_VALUE);
- } else {
- // The on/off state does not need to keep track of aria-checked, since
- // the screenreader uses the checked property on the checkbox element.
- this.adapter_.removeNativeControlAttr(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].ARIA_CHECKED_ATTR);
- }
- }
- /**
- * @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);
- /***/ }),
- /* 62 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_selection_control_index__ = __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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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/code/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) {}
- /**
- * Sets an attribute with a given value on the input element.
- * @param {string} attr
- * @param {string} value
- */
- }, {
- key: 'setNativeControlAttr',
- value: function setNativeControlAttr(attr, value) {}
- /**
- * Removes an attribute from the input element.
- * @param {string} attr
- */
- }, {
- key: 'removeNativeControlAttr',
- value: function removeNativeControlAttr(attr) {}
- /** @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);
- /***/ }),
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @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',
- ARIA_CHECKED_ATTR: 'aria-checked',
- ARIA_CHECKED_INDETERMINATE_VALUE: 'mixed'
- };
- /** @enum {number} */
- var numbers = {
- ANIM_END_LATCH_MS: 250
- };
- /***/ }),
- /* 64 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__chip_index__ = __webpack_require__(25);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__chip_set_index__ = __webpack_require__(65);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCChipFoundation", function() { return __WEBPACK_IMPORTED_MODULE_0__chip_index__["b"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCChip", function() { return __WEBPACK_IMPORTED_MODULE_0__chip_index__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCChipSetFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__chip_set_index__["b"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCChipSet", function() { return __WEBPACK_IMPORTED_MODULE_1__chip_set_index__["a"]; });
- /**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /***/ }),
- /* 65 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCChipSet; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(29);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(66);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__chip_index__ = __webpack_require__(25);
- /* 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; }; }();
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- var idCounter = 0;
- /**
- * @extends {MDCComponent<!MDCChipSetFoundation>}
- * @final
- */
- var MDCChipSet = function (_MDCComponent) {
- _inherits(MDCChipSet, _MDCComponent);
- /**
- * @param {...?} args
- */
- function MDCChipSet() {
- var _ref;
- _classCallCheck(this, MDCChipSet);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @type {!Array<!MDCChip>} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCChipSet.__proto__ || Object.getPrototypeOf(MDCChipSet)).call.apply(_ref, [this].concat(args)));
- _this.chips;
- /** @private {(function(!Element): !MDCChip)} */
- _this.chipFactory_;
- /** @private {?function(?Event): undefined} */
- _this.handleChipInteraction_;
- /** @private {?function(?Event): undefined} */
- _this.handleChipRemoval_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @return {!MDCChipSet}
- */
- _createClass(MDCChipSet, [{
- key: 'initialize',
- /**
- * @param {(function(!Element): !MDCChip)=} chipFactory A function which
- * creates a new MDCChip.
- */
- value: function initialize() {
- var chipFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_3__chip_index__["a" /* MDCChip */](el);
- };
- this.chipFactory_ = chipFactory;
- this.chips = this.instantiateChips_(this.chipFactory_);
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var _this2 = this;
- this.chips.forEach(function (chip) {
- if (chip.selected) {
- _this2.foundation_.select(chip.id);
- }
- });
- this.handleChipInteraction_ = function (evt) {
- return _this2.foundation_.handleChipInteraction(evt);
- };
- this.handleChipRemoval_ = function (evt) {
- return _this2.foundation_.handleChipRemoval(evt);
- };
- this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_3__chip_index__["b" /* MDCChipFoundation */].strings.INTERACTION_EVENT, this.handleChipInteraction_);
- this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_3__chip_index__["b" /* MDCChipFoundation */].strings.REMOVAL_EVENT, this.handleChipRemoval_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.chips.forEach(function (chip) {
- chip.destroy();
- });
- this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_3__chip_index__["b" /* MDCChipFoundation */].strings.INTERACTION_EVENT, this.handleChipInteraction_);
- this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_3__chip_index__["b" /* MDCChipFoundation */].strings.REMOVAL_EVENT, this.handleChipRemoval_);
- _get(MDCChipSet.prototype.__proto__ || Object.getPrototypeOf(MDCChipSet.prototype), 'destroy', this).call(this);
- }
- /**
- * Adds a new chip object to the chip set from the given chip element.
- * @param {!Element} chipEl
- */
- }, {
- key: 'addChip',
- value: function addChip(chipEl) {
- chipEl.id = chipEl.id || 'mdc-chip-' + ++idCounter;
- this.chips.push(this.chipFactory_(chipEl));
- }
- /**
- * Returns an array of the IDs of all selected chips.
- * @return {!Array<string>}
- */
- }, {
- key: 'getDefaultFoundation',
- /**
- * @return {!MDCChipSetFoundation}
- */
- value: function getDefaultFoundation() {
- var _this3 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCChipSetAdapter} */_extends({
- hasClass: function hasClass(className) {
- return _this3.root_.classList.contains(className);
- },
- removeChip: function removeChip(chipId) {
- var index = _this3.findChipIndex_(chipId);
- if (index >= 0) {
- _this3.chips[index].destroy();
- _this3.chips.splice(index, 1);
- }
- },
- setSelected: function setSelected(chipId, selected) {
- var index = _this3.findChipIndex_(chipId);
- if (index >= 0) {
- _this3.chips[index].selected = selected;
- }
- }
- }));
- }
- /**
- * Instantiates chip components on all of the chip set's child chip elements.
- * @param {(function(!Element): !MDCChip)} chipFactory
- * @return {!Array<!MDCChip>}
- */
- }, {
- key: 'instantiateChips_',
- value: function instantiateChips_(chipFactory) {
- var chipElements = [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CHIP_SELECTOR));
- return chipElements.map(function (el) {
- el.id = el.id || 'mdc-chip-' + ++idCounter;
- return chipFactory(el);
- });
- }
- /**
- * Returns the index of the chip with the given id, or -1 if the chip does not exist.
- * @param {string} chipId
- * @return {number}
- */
- }, {
- key: 'findChipIndex_',
- value: function findChipIndex_(chipId) {
- for (var i = 0; i < this.chips.length; i++) {
- if (this.chips[i].id === chipId) {
- return i;
- }
- }
- return -1;
- }
- }, {
- key: 'selectedChipIds',
- get: function get() {
- return this.foundation_.getSelectedChipIds();
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCChipSet(root);
- }
- }]);
- return MDCChipSet;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 66 */
- /***/ (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__(29);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__chip_foundation__ = __webpack_require__(27);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(67);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- // eslint-disable-next-line no-unused-vars
- /**
- * @extends {MDCFoundation<!MDCChipSetAdapter>}
- * @final
- */
- var MDCChipSetFoundation = function (_MDCFoundation) {
- _inherits(MDCChipSetFoundation, _MDCFoundation);
- _createClass(MDCChipSetFoundation, null, [{
- key: 'strings',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */];
- }
- /** @return enum {string} */
- }, {
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */];
- }
- /**
- * {@see MDCChipSetAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCChipSetAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCChipSetAdapter} */{
- hasClass: function hasClass() {},
- removeChip: function removeChip() {},
- setSelected: function setSelected() {}
- }
- );
- }
- /**
- * @param {!MDCChipSetAdapter} adapter
- */
- }]);
- function MDCChipSetFoundation(adapter) {
- _classCallCheck(this, MDCChipSetFoundation);
- /**
- * The ids of the selected chips in the set. Only used for choice chip set or filter chip set.
- * @private {!Array<string>}
- */
- var _this = _possibleConstructorReturn(this, (MDCChipSetFoundation.__proto__ || Object.getPrototypeOf(MDCChipSetFoundation)).call(this, _extends(MDCChipSetFoundation.defaultAdapter, adapter)));
- _this.selectedChipIds_ = [];
- return _this;
- }
- /**
- * Returns an array of the IDs of all selected chips.
- * @return {!Array<string>}
- */
- _createClass(MDCChipSetFoundation, [{
- key: 'getSelectedChipIds',
- value: function getSelectedChipIds() {
- return this.selectedChipIds_;
- }
- /**
- * Toggles selection of the chip with the given id.
- * @param {string} chipId
- */
- }, {
- key: 'toggleSelect',
- value: function toggleSelect(chipId) {
- if (this.selectedChipIds_.indexOf(chipId) >= 0) {
- this.deselect(chipId);
- } else {
- this.select(chipId);
- }
- }
- /**
- * Selects the chip with the given id. Deselects all other chips if the chip set is of the choice variant.
- * @param {string} chipId
- */
- }, {
- key: 'select',
- value: function select(chipId) {
- if (this.selectedChipIds_.indexOf(chipId) >= 0) {
- return;
- }
- if (this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].CHOICE) && this.selectedChipIds_.length > 0) {
- this.adapter_.setSelected(this.selectedChipIds_[0], false);
- this.selectedChipIds_.length = 0;
- }
- this.adapter_.setSelected(chipId, true);
- this.selectedChipIds_.push(chipId);
- }
- /**
- * Deselects the chip with the given id.
- * @param {string} chipId
- */
- }, {
- key: 'deselect',
- value: function deselect(chipId) {
- var index = this.selectedChipIds_.indexOf(chipId);
- if (index >= 0) {
- this.selectedChipIds_.splice(index, 1);
- this.adapter_.setSelected(chipId, false);
- }
- }
- /**
- * Handles a chip interaction event
- * @param {!MDCChipInteractionEventType} evt
- */
- }, {
- key: 'handleChipInteraction',
- value: function handleChipInteraction(evt) {
- var chipId = evt.detail.chipId;
- if (this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].CHOICE) || this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].FILTER)) {
- this.toggleSelect(chipId);
- }
- }
- /**
- * Handles the event when a chip is removed.
- * @param {!MDCChipRemovalEventType} evt
- */
- }, {
- key: 'handleChipRemoval',
- value: function handleChipRemoval(evt) {
- var chipId = evt.detail.chipId;
- this.deselect(chipId);
- this.adapter_.removeChip(chipId);
- }
- }]);
- return MDCChipSetFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCChipSetFoundation);
- /***/ }),
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var strings = {
- CHIP_SELECTOR: '.mdc-chip'
- };
- /** @enum {string} */
- var cssClasses = {
- CHOICE: 'mdc-chip-set--choice',
- FILTER: 'mdc-chip-set--filter'
- };
- /***/ }),
- /* 68 */
- /***/ (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_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(69);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(71);
- /* 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; }
- /**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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_index__["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);
- },
- notifyAccept: function notifyAccept() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ACCEPT_EVENT);
- },
- notifyCancel: function notifyCancel() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CANCEL_EVENT);
- },
- trapFocusOnSurface: function trapFocusOnSurface() {
- return _this2.focusTrap_.activate();
- },
- untrapFocusOnSurface: function untrapFocusOnSurface() {
- return _this2.focusTrap_.deactivate();
- },
- isDialog: function isDialog(el) {
- return el === _this2.dialogSurface_;
- }
- });
- }
- }, {
- key: 'open',
- get: function get() {
- return this.foundation_.isOpen();
- }
- }, {
- key: 'acceptButton_',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ACCEPT_SELECTOR);
- }
- }, {
- key: 'dialogSurface_',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.DIALOG_SURFACE_SELECTOR);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCDialog(root);
- }
- }]);
- return MDCDialog;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCComponent"]);
- /***/ }),
- /* 69 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(70);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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__["c" /* strings */];
- }
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* numbers */];
- }
- }, {
- 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 */{},
- notifyAccept: function notifyAccept() {},
- notifyCancel: function notifyCancel() {},
- trapFocusOnSurface: function trapFocusOnSurface() {},
- untrapFocusOnSurface: function untrapFocusOnSurface() {},
- isDialog: function isDialog() {
- return (/* el: Element */ /* boolean */false
- );
- }
- };
- }
- }]);
- function MDCDialogFoundation(adapter) {
- _classCallCheck(this, MDCDialogFoundation);
- var _this = _possibleConstructorReturn(this, (MDCDialogFoundation.__proto__ || Object.getPrototypeOf(MDCDialogFoundation)).call(this, _extends(MDCDialogFoundation.defaultAdapter, adapter)));
- _this.isOpen_ = false;
- _this.componentClickHandler_ = function (evt) {
- if (_this.adapter_.eventTargetHasClass(evt.target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].BACKDROP)) {
- _this.cancel(true);
- }
- };
- _this.dialogClickHandler_ = function (evt) {
- return _this.handleDialogClick_(evt);
- };
- _this.documentKeydownHandler_ = function (evt) {
- if (evt.key && evt.key === 'Escape' || evt.keyCode === 27) {
- _this.cancel(true);
- }
- };
- _this.timerId_ = 0;
- _this.animationTimerEnd_ = function (evt) {
- return _this.handleAnimationTimerEnd_(evt);
- };
- return _this;
- }
- _createClass(MDCDialogFoundation, [{
- key: 'destroy',
- value: function destroy() {
- // Ensure that dialog is cleaned up when destroyed
- if (this.isOpen_) {
- this.close();
- }
- // Final cleanup of animating class in case the timer has not completed.
- this.adapter_.removeClass(MDCDialogFoundation.cssClasses.ANIMATING);
- clearTimeout(this.timerId_);
- }
- }, {
- 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_);
- clearTimeout(this.timerId_);
- this.timerId_ = setTimeout(this.animationTimerEnd_, MDCDialogFoundation.numbers.DIALOG_ANIMATION_TIME_MS);
- this.adapter_.addClass(MDCDialogFoundation.cssClasses.ANIMATING);
- this.adapter_.addClass(MDCDialogFoundation.cssClasses.OPEN);
- }
- }, {
- key: 'close',
- value: function close() {
- this.isOpen_ = false;
- this.enableScroll_();
- this.adapter_.deregisterSurfaceInteractionHandler('click', this.dialogClickHandler_);
- this.adapter_.deregisterDocumentKeydownHandler(this.documentKeydownHandler_);
- this.adapter_.deregisterInteractionHandler('click', this.componentClickHandler_);
- this.adapter_.untrapFocusOnSurface();
- clearTimeout(this.timerId_);
- this.timerId_ = setTimeout(this.animationTimerEnd_, MDCDialogFoundation.numbers.DIALOG_ANIMATION_TIME_MS);
- 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: 'handleAnimationTimerEnd_',
- value: function handleAnimationTimerEnd_() {
- this.adapter_.removeClass(MDCDialogFoundation.cssClasses.ANIMATING);
- if (this.isOpen_) {
- this.adapter_.trapFocusOnSurface();
- }
- }
- }, {
- 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_index__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCDialogFoundation);
- /***/ }),
- /* 70 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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'
- };
- var numbers = {
- DIALOG_ANIMATION_TIME_MS: 120
- };
- /***/ }),
- /* 71 */
- /***/ (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__(72);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_focus_trap___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_focus_trap__);
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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
- });
- }
- /***/ }),
- /* 72 */
- /***/ (function(module, exports, __webpack_require__) {
- var tabbable = __webpack_require__(73);
- var listeningFocusTrap = null;
- function focusTrap(element, userOptions) {
- var tabbableNodes = [];
- var firstTabbableNode = null;
- var lastTabbableNode = null;
- var nodeFocusedBeforeActivation = null;
- var active = false;
- var paused = false;
- var tabEvent = null;
- 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();
- if (tabEvent) {
- readjustFocus(tabEvent);
- }
- }
- function checkKey(e) {
- if (e.key === 'Tab' || e.keyCode === 9) {
- handleTab(e);
- }
- if (config.escapeDeactivates !== false && isEscapeEvent(e)) {
- deactivate();
- }
- }
- function handleTab(e) {
- updateTabbableNodes();
- if (e.target.hasAttribute('tabindex') && Number(e.target.getAttribute('tabindex')) < 0) {
- return tabEvent = e;
- }
- e.preventDefault();
- var currentFocusIndex = tabbableNodes.indexOf(e.target);
- 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);
- firstTabbableNode = tabbableNodes[0];
- lastTabbableNode = tabbableNodes[tabbableNodes.length - 1];
- }
- function readjustFocus(e) {
- if (e.shiftKey) return tryFocus(lastTabbableNode);
- tryFocus(firstTabbableNode);
- }
- }
- function isEscapeEvent(e) {
- return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;
- }
- function tryFocus(node) {
- if (!node || !node.focus) return;
- if (node === document.activeElement) return;
- node.focus();
- if (node.tagName.toLowerCase() === 'input') {
- node.select();
- }
- }
- module.exports = focusTrap;
- /***/ }),
- /* 73 */
- /***/ (function(module, exports) {
- module.exports = function(el, options) {
- options = options || {};
- var elementDocument = el.ownerDocument || el;
- var basicTabbables = [];
- var orderedTabbables = [];
- // A node is "available" if
- // - it's computed style
- var isUnavailable = createIsUnavailable(elementDocument);
- var candidateSelectors = [
- 'input',
- 'select',
- 'a[href]',
- 'textarea',
- 'button',
- '[tabindex]',
- ];
- var candidates = el.querySelectorAll(candidateSelectors.join(','));
- if (options.includeContainer) {
- var matches = Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
- if (
- candidateSelectors.some(function(candidateSelector) {
- return matches.call(el, candidateSelector);
- })
- ) {
- candidates = Array.prototype.slice.apply(candidates);
- candidates.unshift(el);
- }
- }
- 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, elementDocument)
- ) {
- continue;
- }
- if (candidateIndex === 0) {
- basicTabbables.push(candidate);
- } else {
- orderedTabbables.push({
- index: i,
- tabIndex: candidateIndex,
- node: candidate,
- });
- }
- }
- var tabbableNodes = orderedTabbables
- .sort(function(a, b) {
- return a.tabIndex === b.tabIndex ? a.index - b.index : a.tabIndex - b.tabIndex;
- })
- .map(function(a) {
- return a.node
- });
- Array.prototype.push.apply(tabbableNodes, basicTabbables);
- return tabbableNodes;
- }
- function createIsUnavailable(elementDocument) {
- // 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 === elementDocument.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 || elementDocument.defaultView.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 === elementDocument.documentElement) return false;
- var computedStyle = elementDocument.defaultView.getComputedStyle(node);
- if (isOff(node, computedStyle)) return true;
- return computedStyle.visibility === 'hidden';
- }
- }
- /***/ }),
- /* 74 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCDrawer", function() { return MDCDrawer; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__ = __webpack_require__(30);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modal_foundation__ = __webpack_require__(75);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__adapter__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_list_index__ = __webpack_require__(14);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_list_foundation__ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__constants__ = __webpack_require__(31);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__util__ = __webpack_require__(76);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_focus_trap__ = __webpack_require__(34);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_focus_trap___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_focus_trap__);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCDismissibleDrawerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCModalDrawerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__modal_foundation__["a"]; });
- /* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_7__util__; });
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCComponent<!MDCDismissibleDrawerFoundation>}
- * @final
- */
- var MDCDrawer = function (_MDCComponent) {
- _inherits(MDCDrawer, _MDCComponent);
- /**
- * @param {...?} args
- */
- function MDCDrawer() {
- var _ref;
- _classCallCheck(this, MDCDrawer);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!Element} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCDrawer.__proto__ || Object.getPrototypeOf(MDCDrawer)).call.apply(_ref, [this].concat(args)));
- _this.previousFocus_;
- /** @private {!Function} */
- _this.handleKeydown_;
- /** @private {!Function} */
- _this.handleTransitionEnd_;
- /** @private {!Function} */
- _this.focusTrapFactory_;
- /** @private {!FocusTrapInstance} */
- _this.focusTrap_;
- /** @private {?Element} */
- _this.scrim_;
- /** @private {?Function} */
- _this.handleScrimClick_;
- /** @private {?MDCList} */
- _this.list_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @return {!MDCDrawer}
- */
- _createClass(MDCDrawer, [{
- key: 'initialize',
- value: function initialize() {
- var focusTrapFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : __WEBPACK_IMPORTED_MODULE_8_focus_trap___default.a;
- var listFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_4__material_list_index__["MDCList"](el);
- };
- var listEl = /** @type {!Element} */this.root_.querySelector('.' + __WEBPACK_IMPORTED_MODULE_5__material_list_foundation__["a" /* default */].cssClasses.ROOT);
- if (listEl) {
- this.list_ = listFactory(listEl);
- this.list_.wrapFocus = true;
- }
- this.focusTrapFactory_ = focusTrapFactory;
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var _this2 = this;
- var MODAL = __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */].cssClasses.MODAL;
- if (this.root_.classList.contains(MODAL)) {
- var SCRIM_SELECTOR = __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */].strings.SCRIM_SELECTOR;
- this.scrim_ = /** @type {!Element} */this.root_.parentElement.querySelector(SCRIM_SELECTOR);
- this.handleScrimClick_ = function () {
- return (/** @type {!MDCModalDrawerFoundation} */_this2.foundation_.handleScrimClick()
- );
- };
- this.scrim_.addEventListener('click', this.handleScrimClick_);
- this.focusTrap_ = __WEBPACK_IMPORTED_MODULE_7__util__["createFocusTrapInstance"](this.root_, this.focusTrapFactory_);
- }
- this.handleKeydown_ = function (evt) {
- return _this2.foundation_.handleKeydown(evt);
- };
- this.handleTransitionEnd_ = function (evt) {
- return _this2.foundation_.handleTransitionEnd(evt);
- };
- this.root_.addEventListener('keydown', this.handleKeydown_);
- this.root_.addEventListener('transitionend', this.handleTransitionEnd_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.root_.removeEventListener('keydown', this.handleKeydown_);
- this.root_.removeEventListener('transitionend', this.handleTransitionEnd_);
- if (this.list_) {
- this.list_.destroy();
- }
- var MODAL = __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */].cssClasses.MODAL;
- if (this.root_.classList.contains(MODAL)) {
- this.scrim_.removeEventListener('click', /** @type {!Function} */this.handleScrimClick_);
- // Ensure drawer is closed to hide scrim and release focus
- this.open = false;
- }
- }
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this3 = this;
- /** @type {!MDCDrawerAdapter} */
- var adapter = /** @type {!MDCDrawerAdapter} */_extends({
- addClass: function addClass(className) {
- return _this3.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this3.root_.classList.remove(className);
- },
- hasClass: function hasClass(className) {
- return _this3.root_.classList.contains(className);
- },
- elementHasClass: function elementHasClass(element, className) {
- return element.classList.contains(className);
- },
- computeBoundingRect: function computeBoundingRect() {
- return _this3.root_.getBoundingClientRect();
- },
- saveFocus: function saveFocus() {
- _this3.previousFocus_ = document.activeElement;
- },
- restoreFocus: function restoreFocus() {
- var previousFocus = _this3.previousFocus_ && _this3.previousFocus_.focus;
- if (_this3.root_.contains(document.activeElement) && previousFocus) {
- _this3.previousFocus_.focus();
- }
- },
- focusActiveNavigationItem: function focusActiveNavigationItem() {
- var activeNavItemEl = _this3.root_.querySelector('.' + __WEBPACK_IMPORTED_MODULE_5__material_list_foundation__["a" /* default */].cssClasses.LIST_ITEM_ACTIVATED_CLASS);
- if (activeNavItemEl) {
- activeNavItemEl.focus();
- }
- },
- notifyClose: function notifyClose() {
- return _this3.emit(__WEBPACK_IMPORTED_MODULE_6__constants__["b" /* strings */].CLOSE_EVENT, {}, true /* shouldBubble */);
- },
- notifyOpen: function notifyOpen() {
- return _this3.emit(__WEBPACK_IMPORTED_MODULE_6__constants__["b" /* strings */].OPEN_EVENT, {}, true /* shouldBubble */);
- },
- trapFocus: function trapFocus() {
- return _this3.focusTrap_.activate();
- },
- releaseFocus: function releaseFocus() {
- return _this3.focusTrap_.deactivate();
- }
- });
- var _MDCDismissibleDrawer = __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */].cssClasses,
- DISMISSIBLE = _MDCDismissibleDrawer.DISMISSIBLE,
- MODAL = _MDCDismissibleDrawer.MODAL;
- if (this.root_.classList.contains(DISMISSIBLE)) {
- return new __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */](adapter);
- } else if (this.root_.classList.contains(MODAL)) {
- return new __WEBPACK_IMPORTED_MODULE_2__modal_foundation__["a" /* default */](adapter);
- } else {
- throw new Error('MDCDrawer: Failed to instantiate component. Supported variants are ' + DISMISSIBLE + ' and ' + MODAL + '.');
- }
- }
- }, {
- key: 'open',
- /**
- * Returns true if drawer is in the open position.
- * @return {boolean}
- */
- get: function get() {
- return this.foundation_.isOpen();
- }
- /**
- * Toggles the drawer open and closed.
- * @param {boolean} isOpen
- */
- ,
- set: function set(isOpen) {
- if (isOpen) {
- this.foundation_.open();
- } else {
- this.foundation_.close();
- }
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCDrawer(root);
- }
- }]);
- return MDCDrawer;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCComponent"]);
- /***/ }),
- /* 75 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__ = __webpack_require__(30);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCDismissibleDrawerFoundation<!MDCDrawerAdapter>}
- */
- var MDCModalDrawerFoundation = function (_MDCDismissibleDrawer) {
- _inherits(MDCModalDrawerFoundation, _MDCDismissibleDrawer);
- function MDCModalDrawerFoundation() {
- _classCallCheck(this, MDCModalDrawerFoundation);
- return _possibleConstructorReturn(this, (MDCModalDrawerFoundation.__proto__ || Object.getPrototypeOf(MDCModalDrawerFoundation)).apply(this, arguments));
- }
- _createClass(MDCModalDrawerFoundation, [{
- key: 'opened',
- /**
- * Called when drawer finishes open animation.
- * @override
- */
- value: function opened() {
- this.adapter_.trapFocus();
- }
- /**
- * Called when drawer finishes close animation.
- * @override
- */
- }, {
- key: 'closed',
- value: function closed() {
- this.adapter_.releaseFocus();
- }
- /**
- * Handles click event on scrim.
- */
- }, {
- key: 'handleScrimClick',
- value: function handleScrimClick() {
- this.close();
- }
- }]);
- return MDCModalDrawerFoundation;
- }(__WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCModalDrawerFoundation);
- /***/ }),
- /* 76 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createFocusTrapInstance", function() { return createFocusTrapInstance; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_focus_trap__ = __webpack_require__(34);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_focus_trap___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_focus_trap__);
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @param {!Element} surfaceEl
- * @param {!Function} focusTrapFactory
- * @return {!FocusTrapInstance}
- */
- function createFocusTrapInstance(surfaceEl) {
- var focusTrapFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : __WEBPACK_IMPORTED_MODULE_0_focus_trap___default.a;
- return focusTrapFactory(surfaceEl, {
- clickOutsideDeactivates: true,
- initialFocus: false, // Navigation drawer handles focusing on active nav item.
- escapeDeactivates: false, // Navigation drawer handles ESC.
- returnFocusOnDeactivate: false });
- }
- /***/ }),
- /* 77 */
- /***/ (function(module, exports) {
- var candidateSelectors = [
- 'input',
- 'select',
- 'textarea',
- 'a[href]',
- 'button',
- '[tabindex]',
- 'audio[controls]',
- 'video[controls]',
- '[contenteditable]:not([contenteditable="false"])',
- ];
- var candidateSelector = candidateSelectors.join(',');
- var matches = Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
- function tabbable(el, options) {
- options = options || {};
- var elementDocument = el.ownerDocument || el;
- var regularTabbables = [];
- var orderedTabbables = [];
- var untouchabilityChecker = new UntouchabilityChecker(elementDocument);
- var candidates = el.querySelectorAll(candidateSelector);
- if (options.includeContainer) {
- if (matches.call(el, candidateSelector)) {
- candidates = Array.prototype.slice.apply(candidates);
- candidates.unshift(el);
- }
- }
- var i, candidate, candidateTabindex;
- for (i = 0; i < candidates.length; i++) {
- candidate = candidates[i];
- if (!isNodeMatchingSelectorTabbable(candidate, untouchabilityChecker)) continue;
- candidateTabindex = getTabindex(candidate);
- if (candidateTabindex === 0) {
- regularTabbables.push(candidate);
- } else {
- orderedTabbables.push({
- documentOrder: i,
- tabIndex: candidateTabindex,
- node: candidate,
- });
- }
- }
- var tabbableNodes = orderedTabbables
- .sort(sortOrderedTabbables)
- .map(function(a) { return a.node })
- .concat(regularTabbables);
- return tabbableNodes;
- }
- tabbable.isTabbable = isTabbable;
- tabbable.isFocusable = isFocusable;
- function isNodeMatchingSelectorTabbable(node, untouchabilityChecker) {
- if (
- !isNodeMatchingSelectorFocusable(node, untouchabilityChecker)
- || isNonTabbableRadio(node)
- || getTabindex(node) < 0
- ) {
- return false;
- }
- return true;
- }
- function isTabbable(node, untouchabilityChecker) {
- if (!node) throw new Error('No node provided');
- if (matches.call(node, candidateSelector) === false) return false;
- return isNodeMatchingSelectorTabbable(node, untouchabilityChecker);
- }
- function isNodeMatchingSelectorFocusable(node, untouchabilityChecker) {
- untouchabilityChecker = untouchabilityChecker || new UntouchabilityChecker(node.ownerDocument || node);
- if (
- node.disabled
- || isHiddenInput(node)
- || untouchabilityChecker.isUntouchable(node)
- ) {
- return false;
- }
- return true;
- }
- var focusableCandidateSelector = candidateSelectors.concat('iframe').join(',');
- function isFocusable(node, untouchabilityChecker) {
- if (!node) throw new Error('No node provided');
- if (matches.call(node, focusableCandidateSelector) === false) return false;
- return isNodeMatchingSelectorFocusable(node, untouchabilityChecker);
- }
- function getTabindex(node) {
- var tabindexAttr = parseInt(node.getAttribute('tabindex'), 10);
- if (!isNaN(tabindexAttr)) return tabindexAttr;
- // Browsers do not return `tabIndex` correctly for contentEditable nodes;
- // so if they don't have a tabindex attribute specifically set, assume it's 0.
- if (isContentEditable(node)) return 0;
- return node.tabIndex;
- }
- function sortOrderedTabbables(a, b) {
- return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;
- }
- // Array.prototype.find not available in IE.
- function find(list, predicate) {
- for (var i = 0, length = list.length; i < length; i++) {
- if (predicate(list[i])) return list[i];
- }
- }
- function isContentEditable(node) {
- return node.contentEditable === 'true';
- }
- function isInput(node) {
- return node.tagName === 'INPUT';
- }
- function isHiddenInput(node) {
- return isInput(node) && node.type === 'hidden';
- }
- function isRadio(node) {
- return isInput(node) && node.type === 'radio';
- }
- function isNonTabbableRadio(node) {
- return isRadio(node) && !isTabbableRadio(node);
- }
- function getCheckedRadio(nodes) {
- for (var i = 0; i < nodes.length; i++) {
- if (nodes[i].checked) {
- return nodes[i];
- }
- }
- }
- function isTabbableRadio(node) {
- if (!node.name) return true;
- // This won't account for the edge case where you have radio groups with the same
- // in separate forms on the same page.
- var radioSet = node.ownerDocument.querySelectorAll('input[type="radio"][name="' + node.name + '"]');
- var checked = getCheckedRadio(radioSet);
- return !checked || checked === node;
- }
- // An element is "untouchable" if *it or one of its ancestors* has
- // `visibility: hidden` or `display: none`.
- function UntouchabilityChecker(elementDocument) {
- this.doc = elementDocument;
- // Node cache must be refreshed on every check, in case
- // the content of the element has changed. The cache contains tuples
- // mapping nodes to their boolean result.
- this.cache = [];
- }
- // getComputedStyle accurately reflects `visibility: hidden` of ancestors
- // but not `display: none`, so we need to recursively check parents.
- UntouchabilityChecker.prototype.hasDisplayNone = function hasDisplayNone(node, nodeComputedStyle) {
- if (node === this.doc.documentElement) return false;
- // Search for a cached result.
- var cached = find(this.cache, function(item) {
- return item === node;
- });
- if (cached) return cached[1];
- nodeComputedStyle = nodeComputedStyle || this.doc.defaultView.getComputedStyle(node);
- var result = false;
- if (nodeComputedStyle.display === 'none') {
- result = true;
- } else if (node.parentNode) {
- result = this.hasDisplayNone(node.parentNode);
- }
- this.cache.push([node, result]);
- return result;
- }
- UntouchabilityChecker.prototype.isUntouchable = function isUntouchable(node) {
- if (node === this.doc.documentElement) return false;
- var computedStyle = this.doc.defaultView.getComputedStyle(node);
- if (this.hasDisplayNone(node, computedStyle)) return true;
- return computedStyle.visibility === 'hidden';
- }
- module.exports = tabbable;
- /***/ }),
- /* 78 */
- /***/ (function(module, exports) {
- module.exports = extend
- var hasOwnProperty = Object.prototype.hasOwnProperty;
- function extend() {
- var target = {}
- for (var i = 0; i < arguments.length; i++) {
- var source = arguments[i]
- for (var key in source) {
- if (hasOwnProperty.call(source, key)) {
- target[key] = source[key]
- }
- }
- }
- return target
- }
- /***/ }),
- /* 79 */
- /***/ (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__(35);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(80);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCFoundation<!MDCFloatingLabelAdapter>}
- * @final
- */
- var MDCFloatingLabelFoundation = function (_MDCFoundation) {
- _inherits(MDCFloatingLabelFoundation, _MDCFoundation);
- _createClass(MDCFloatingLabelFoundation, null, [{
- key: 'cssClasses',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- /**
- * {@see MDCFloatingLabelAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCFloatingLabelAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCFloatingLabelAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- getWidth: function getWidth() {},
- registerInteractionHandler: function registerInteractionHandler() {},
- deregisterInteractionHandler: function deregisterInteractionHandler() {}
- }
- );
- }
- /**
- * @param {!MDCFloatingLabelAdapter} adapter
- */
- }]);
- function MDCFloatingLabelFoundation(adapter) {
- _classCallCheck(this, MDCFloatingLabelFoundation);
- /** @private {function(!Event): undefined} */
- var _this = _possibleConstructorReturn(this, (MDCFloatingLabelFoundation.__proto__ || Object.getPrototypeOf(MDCFloatingLabelFoundation)).call(this, _extends(MDCFloatingLabelFoundation.defaultAdapter, adapter)));
- _this.shakeAnimationEndHandler_ = function () {
- return _this.handleShakeAnimationEnd_();
- };
- return _this;
- }
- _createClass(MDCFloatingLabelFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.registerInteractionHandler('animationend', this.shakeAnimationEndHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterInteractionHandler('animationend', this.shakeAnimationEndHandler_);
- }
- /**
- * Returns the width of the label element.
- * @return {number}
- */
- }, {
- key: 'getWidth',
- value: function getWidth() {
- return this.adapter_.getWidth();
- }
- /**
- * Styles the label to produce the label shake for errors.
- * @param {boolean} shouldShake adds shake class if true,
- * otherwise removes shake class.
- */
- }, {
- key: 'shake',
- value: function shake(shouldShake) {
- var LABEL_SHAKE = MDCFloatingLabelFoundation.cssClasses.LABEL_SHAKE;
- if (shouldShake) {
- this.adapter_.addClass(LABEL_SHAKE);
- } else {
- this.adapter_.removeClass(LABEL_SHAKE);
- }
- }
- /**
- * Styles the label to float or dock.
- * @param {boolean} shouldFloat adds float class if true, otherwise remove
- * float and shake class to dock label.
- */
- }, {
- key: 'float',
- value: function float(shouldFloat) {
- var _MDCFloatingLabelFoun = MDCFloatingLabelFoundation.cssClasses,
- LABEL_FLOAT_ABOVE = _MDCFloatingLabelFoun.LABEL_FLOAT_ABOVE,
- LABEL_SHAKE = _MDCFloatingLabelFoun.LABEL_SHAKE;
- if (shouldFloat) {
- this.adapter_.addClass(LABEL_FLOAT_ABOVE);
- } else {
- this.adapter_.removeClass(LABEL_FLOAT_ABOVE);
- this.adapter_.removeClass(LABEL_SHAKE);
- }
- }
- /**
- * Handles an interaction event on the root element.
- */
- }, {
- key: 'handleShakeAnimationEnd_',
- value: function handleShakeAnimationEnd_() {
- var LABEL_SHAKE = MDCFloatingLabelFoundation.cssClasses.LABEL_SHAKE;
- this.adapter_.removeClass(LABEL_SHAKE);
- }
- }]);
- return MDCFloatingLabelFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCFloatingLabelFoundation);
- /***/ }),
- /* 80 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- LABEL_FLOAT_ABOVE: 'mdc-floating-label--float-above',
- LABEL_SHAKE: 'mdc-floating-label--shake'
- };
- /***/ }),
- /* 81 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(82);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_selection_control_index__ = __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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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 */]);
- /***/ }),
- /* 82 */
- /***/ (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__(83);
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @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);
- /***/ }),
- /* 83 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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/code/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);
- /***/ }),
- /* 84 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-form-field'
- };
- /** @enum {string} */
- var strings = {
- LABEL_SELECTOR: '.mdc-form-field > label'
- };
- /***/ }),
- /* 85 */
- /***/ (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_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(86);
- /* 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; }
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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_index__["MDCComponent"]);
- /***/ }),
- /* 86 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(87);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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_index__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCGridListFoundation);
- /***/ }),
- /* 87 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return strings; });
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- var strings = {
- TILES_SELECTOR: '.mdc-grid-list__tiles',
- TILE_SELECTOR: '.mdc-grid-tile'
- };
- /***/ }),
- /* 88 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCIconButtonToggle", function() { return MDCIconButtonToggle; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(89);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__ = __webpack_require__(2);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCIconButtonToggleFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__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; }
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCComponent<!MDCIconButtonToggleFoundation>}
- */
- var MDCIconButtonToggle = function (_MDCComponent) {
- _inherits(MDCIconButtonToggle, _MDCComponent);
- _createClass(MDCIconButtonToggle, null, [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCIconButtonToggle(root);
- }
- }]);
- function MDCIconButtonToggle() {
- var _ref;
- _classCallCheck(this, MDCIconButtonToggle);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!MDCRipple} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCIconButtonToggle.__proto__ || Object.getPrototypeOf(MDCIconButtonToggle)).call.apply(_ref, [this].concat(args)));
- _this.ripple_ = _this.initRipple_();
- /** @private {!Function} */
- _this.handleClick_;
- return _this;
- }
- /**
- * @return {!MDCRipple}
- * @private
- */
- _createClass(MDCIconButtonToggle, [{
- key: 'initRipple_',
- value: function initRipple_() {
- var ripple = new __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__["MDCRipple"](this.root_);
- ripple.unbounded = true;
- return ripple;
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.root_.removeEventListener('click', this.handleClick_);
- this.ripple_.destroy();
- _get(MDCIconButtonToggle.prototype.__proto__ || Object.getPrototypeOf(MDCIconButtonToggle.prototype), 'destroy', this).call(this);
- }
- /** @return {!MDCIconButtonToggleFoundation} */
- }, {
- 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);
- },
- removeClass: function removeClass(className) {
- return _this2.root_.classList.remove(className);
- },
- hasClass: function hasClass(className) {
- return _this2.root_.classList.contains(className);
- },
- setAttr: function setAttr(attrName, attrValue) {
- return _this2.root_.setAttribute(attrName, attrValue);
- },
- notifyChange: function notifyChange(evtData) {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CHANGE_EVENT, evtData);
- }
- });
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- this.handleClick_ = this.foundation_.handleClick.bind(this.foundation_);
- this.root_.addEventListener('click', this.handleClick_);
- }
- /** @return {!MDCRipple} */
- }, {
- 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 MDCIconButtonToggle;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 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__adapter__ = __webpack_require__(90);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(91);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /**
- * @extends {MDCFoundation<!MDCIconButtonToggleAdapter>}
- */
- var MDCIconButtonToggleFoundation = function (_MDCFoundation) {
- _inherits(MDCIconButtonToggleFoundation, _MDCFoundation);
- _createClass(MDCIconButtonToggleFoundation, 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() {},
- removeClass: function removeClass() {},
- hasClass: function hasClass() {},
- setAttr: function setAttr() {},
- notifyChange: function notifyChange() {}
- };
- }
- }]);
- function MDCIconButtonToggleFoundation(adapter) {
- _classCallCheck(this, MDCIconButtonToggleFoundation);
- /** @private {boolean} */
- var _this = _possibleConstructorReturn(this, (MDCIconButtonToggleFoundation.__proto__ || Object.getPrototypeOf(MDCIconButtonToggleFoundation)).call(this, _extends(MDCIconButtonToggleFoundation.defaultAdapter, adapter)));
- _this.disabled_ = false;
- return _this;
- }
- _createClass(MDCIconButtonToggleFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_PRESSED, '' + this.isOn());
- }
- }, {
- key: 'handleClick',
- value: function handleClick() {
- this.toggle();
- this.adapter_.notifyChange( /** @type {!IconButtonToggleEvent} */{ isOn: this.isOn() });
- }
- /** @return {boolean} */
- }, {
- key: 'isOn',
- value: function isOn() {
- return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ICON_BUTTON_ON);
- }
- /** @param {boolean=} isOn */
- }, {
- key: 'toggle',
- value: function toggle() {
- var isOn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !this.isOn();
- if (isOn) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ICON_BUTTON_ON);
- } else {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ICON_BUTTON_ON);
- }
- this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_PRESSED, '' + isOn);
- }
- }]);
- return MDCIconButtonToggleFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /** @record */
- var IconButtonToggleState = function IconButtonToggleState() {
- _classCallCheck(this, IconButtonToggleState);
- };
- /* harmony default export */ __webpack_exports__["a"] = (MDCIconButtonToggleFoundation);
- /***/ }),
- /* 90 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* unused harmony export MDCIconButtonToggleAdapter */
- /* unused harmony export IconButtonToggleEvent */
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Icon Button 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/code/architecture.md
- *
- * @record
- */
- var MDCIconButtonToggleAdapter = function () {
- function MDCIconButtonToggleAdapter() {
- _classCallCheck(this, MDCIconButtonToggleAdapter);
- }
- _createClass(MDCIconButtonToggleAdapter, [{
- 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) {}
- /**
- * @param {string} attrName
- * @param {string} attrValue
- */
- }, {
- key: "setAttr",
- value: function setAttr(attrName, attrValue) {}
- /** @param {!IconButtonToggleEvent} evtData */
- }, {
- key: "notifyChange",
- value: function notifyChange(evtData) {}
- }]);
- return MDCIconButtonToggleAdapter;
- }();
- /**
- * @typedef {{
- * isOn: boolean,
- * }}
- */
- var IconButtonToggleEvent = void 0;
- /***/ }),
- /* 91 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-icon-button',
- ICON_BUTTON_ON: 'mdc-icon-button--on'
- };
- /** @enum {string} */
- var strings = {
- ARIA_PRESSED: 'aria-pressed',
- ARIA_LABEL: 'aria-label',
- CHANGE_EVENT: 'MDCIconButtonToggle:change'
- };
- /***/ }),
- /* 92 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(93);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__ = __webpack_require__(2);
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @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_index__["MDCRipple"].createAdapter(this), {
- isUnbounded: function isUnbounded() {
- return true;
- },
- isSurfaceActive: function isSurfaceActive() {
- return _this2.foundation_.isKeyboardActivated();
- }
- });
- var foundation = new __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__["MDCRippleFoundation"](adapter);
- return new __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__["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 */]);
- /***/ }),
- /* 93 */
- /***/ (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__(94);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(95);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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);
- /***/ }),
- /* 94 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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/code/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;
- /***/ }),
- /* 95 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @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'
- };
- /***/ }),
- /* 96 */
- /***/ (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_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(97);
- /* 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; }
- /**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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_index__["MDCComponent"]);
- /***/ }),
- /* 97 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_animation_index__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(98);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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: string */{}
- };
- }
- }]);
- 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);
- this.progress_ = 0;
- }
- }, {
- key: 'setDeterminate',
- value: function setDeterminate(isDeterminate) {
- this.determinate_ = isDeterminate;
- if (this.determinate_) {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].INDETERMINATE_CLASS);
- this.setScale_(this.adapter_.getPrimaryBar(), this.progress_);
- } 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) {
- this.progress_ = 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_index__["c" /* transformStyleProperties */].forEach(function (transformStyleProperty) {
- _this2.adapter_.setStyle(el, transformStyleProperty, value);
- });
- }
- }]);
- return MDCLinearProgressFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCLinearProgressFoundation);
- /***/ }),
- /* 98 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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'
- };
- /***/ }),
- /* 99 */
- /***/ (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__(36);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(100);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCFoundation<!MDCLineRippleAdapter>}
- * @final
- */
- var MDCLineRippleFoundation = function (_MDCFoundation) {
- _inherits(MDCLineRippleFoundation, _MDCFoundation);
- _createClass(MDCLineRippleFoundation, null, [{
- key: 'cssClasses',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- /**
- * {@see MDCLineRippleAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCLineRippleAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCLineRippleAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- hasClass: function hasClass() {},
- setStyle: function setStyle() {},
- registerEventHandler: function registerEventHandler() {},
- deregisterEventHandler: function deregisterEventHandler() {}
- }
- );
- }
- /**
- * @param {!MDCLineRippleAdapter=} adapter
- */
- }]);
- function MDCLineRippleFoundation(adapter) {
- _classCallCheck(this, MDCLineRippleFoundation);
- /** @private {function(!Event): undefined} */
- var _this = _possibleConstructorReturn(this, (MDCLineRippleFoundation.__proto__ || Object.getPrototypeOf(MDCLineRippleFoundation)).call(this, _extends(MDCLineRippleFoundation.defaultAdapter, adapter)));
- _this.transitionEndHandler_ = function (evt) {
- return _this.handleTransitionEnd(evt);
- };
- return _this;
- }
- _createClass(MDCLineRippleFoundation, [{
- key: 'init',
- value: function init() {
- this.adapter_.registerEventHandler('transitionend', this.transitionEndHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.adapter_.deregisterEventHandler('transitionend', this.transitionEndHandler_);
- }
- /**
- * Activates the line ripple
- */
- }, {
- key: 'activate',
- value: function activate() {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_DEACTIVATING);
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_ACTIVE);
- }
- /**
- * Sets the center of the ripple animation to the given X coordinate.
- * @param {number} xCoordinate
- */
- }, {
- key: 'setRippleCenter',
- value: function setRippleCenter(xCoordinate) {
- this.adapter_.setStyle('transform-origin', xCoordinate + 'px center');
- }
- /**
- * Deactivates the line ripple
- */
- }, {
- key: 'deactivate',
- value: function deactivate() {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_DEACTIVATING);
- }
- /**
- * Handles a transition end event
- * @param {!Event} evt
- */
- }, {
- key: 'handleTransitionEnd',
- value: function handleTransitionEnd(evt) {
- // Wait for the line ripple to be either transparent or opaque
- // before emitting the animation end event
- var isDeactivating = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_DEACTIVATING);
- if (evt.propertyName === 'opacity') {
- if (isDeactivating) {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_ACTIVE);
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_DEACTIVATING);
- }
- }
- }
- }]);
- return MDCLineRippleFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCLineRippleFoundation);
- /***/ }),
- /* 100 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- LINE_RIPPLE_ACTIVE: 'mdc-line-ripple--active',
- LINE_RIPPLE_DEACTIVATING: 'mdc-line-ripple--deactivating'
- };
- /***/ }),
- /* 101 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCMenu", function() { return MDCMenu; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(102);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(37);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_menu_surface_index__ = __webpack_require__(40);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_menu_surface_foundation__ = __webpack_require__(18);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_list_index__ = __webpack_require__(14);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCMenuFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "AnchorMargin", function() { return __WEBPACK_IMPORTED_MODULE_4__material_menu_surface_foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Corner", function() { return __WEBPACK_IMPORTED_MODULE_3__material_menu_surface_index__["Corner"]; });
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends MDCComponent<!MDCMenuFoundation>
- */
- var MDCMenu = function (_MDCComponent) {
- _inherits(MDCMenu, _MDCComponent);
- /** @param {...?} args */
- function MDCMenu() {
- var _ref;
- _classCallCheck(this, MDCMenu);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!MDCMenuSurface} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCMenu.__proto__ || Object.getPrototypeOf(MDCMenu)).call.apply(_ref, [this].concat(args)));
- _this.menuSurface_;
- /** @private {!MDCList} */
- _this.list_;
- /** @private {!Function} */
- _this.handleKeydown_;
- /** @private {!Function} */
- _this.handleClick_;
- /** @private {!Function} */
- _this.afterOpenedCallback_;
- return _this;
- }
- /**
- * @param {!HTMLElement} root
- * @return {!MDCMenu}
- */
- _createClass(MDCMenu, [{
- key: 'initialize',
- value: function initialize() {
- var menuSurfaceFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_3__material_menu_surface_index__["MDCMenuSurface"](el);
- };
- var listFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_5__material_list_index__["MDCList"](el);
- };
- this.menuSurface_ = menuSurfaceFactory(this.root_);
- var list = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].LIST_SELECTOR);
- if (list) {
- this.list_ = listFactory(list);
- this.list_.wrapFocus = true;
- }
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var _this2 = this;
- this.afterOpenedCallback_ = function () {
- return _this2.handleAfterOpened_();
- };
- this.handleKeydown_ = function (evt) {
- return _this2.foundation_.handleKeydown(evt);
- };
- this.handleClick_ = function (evt) {
- return _this2.foundation_.handleClick(evt);
- };
- this.menuSurface_.listen(__WEBPACK_IMPORTED_MODULE_4__material_menu_surface_foundation__["b" /* MDCMenuSurfaceFoundation */].strings.OPENED_EVENT, this.afterOpenedCallback_);
- this.listen('keydown', this.handleKeydown_);
- this.listen('click', this.handleClick_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- if (this.list_) {
- this.list_.destroy();
- }
- this.menuSurface_.destroy();
- this.menuSurface_.unlisten(__WEBPACK_IMPORTED_MODULE_4__material_menu_surface_foundation__["b" /* MDCMenuSurfaceFoundation */].strings.OPENED_EVENT, this.afterOpenedCallback_);
- this.unlisten('keydown', this.handleKeydown_);
- this.unlisten('click', this.handleClick_);
- _get(MDCMenu.prototype.__proto__ || Object.getPrototypeOf(MDCMenu.prototype), 'destroy', this).call(this);
- }
- /** @return {boolean} */
- }, {
- key: 'setAnchorCorner',
- /**
- * @param {!Corner} corner Default anchor corner alignment of top-left
- * menu corner.
- */
- value: function setAnchorCorner(corner) {
- this.menuSurface_.setAnchorCorner(corner);
- }
- /**
- * @param {!AnchorMargin} margin
- */
- }, {
- key: 'setAnchorMargin',
- value: function setAnchorMargin(margin) {
- this.menuSurface_.setAnchorMargin(margin);
- }
- /**
- * 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<!HTMLElement>}
- */
- }, {
- key: 'getOptionByIndex',
- /**
- * Return the item within the menu at the index specified.
- * @param {number} index
- * @return {?HTMLElement}
- */
- value: function getOptionByIndex(index) {
- var items = this.items;
- if (index < items.length) {
- return this.items[index];
- } else {
- return null;
- }
- }
- /** @param {boolean} quickOpen */
- }, {
- key: 'setFixedPosition',
- /** @param {boolean} isFixed */
- value: function setFixedPosition(isFixed) {
- this.menuSurface_.setFixedPosition(isFixed);
- }
- }, {
- key: 'hoistMenuToBody',
- value: function hoistMenuToBody() {
- this.menuSurface_.hoistMenuToBody();
- }
- /** @param {boolean} isHoisted */
- }, {
- key: 'setIsHoisted',
- value: function setIsHoisted(isHoisted) {
- this.menuSurface_.setIsHoisted(isHoisted);
- }
- /**
- * @param {number} x
- * @param {number} y
- */
- }, {
- key: 'setAbsolutePosition',
- value: function setAbsolutePosition(x, y) {
- this.menuSurface_.setAbsolutePosition(x, y);
- }
- /**
- * Sets the element that the menu-surface is anchored to.
- * @param {!HTMLElement} element
- */
- }, {
- key: 'setAnchorElement',
- value: function setAnchorElement(element) {
- this.menuSurface_.anchorElement = element;
- }
- }, {
- key: 'handleAfterOpened_',
- value: function handleAfterOpened_() {
- var list = this.items;
- if (list.length > 0) {
- list[0].focus();
- }
- }
- /** @return {!MDCMenuFoundation} */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this3 = this;
- return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* MDCMenuFoundation */]({
- addClassToElementAtIndex: function addClassToElementAtIndex(index, className) {
- var list = _this3.items;
- list[index].classList.add(className);
- },
- removeClassFromElementAtIndex: function removeClassFromElementAtIndex(index, className) {
- var list = _this3.items;
- list[index].classList.remove(className);
- },
- addAttributeToElementAtIndex: function addAttributeToElementAtIndex(index, attr, value) {
- var list = _this3.items;
- list[index].setAttribute(attr, value);
- },
- removeAttributeFromElementAtIndex: function removeAttributeFromElementAtIndex(index, attr) {
- var list = _this3.items;
- list[index].removeAttribute(attr);
- },
- elementContainsClass: function elementContainsClass(element, className) {
- return element.classList.contains(className);
- },
- closeSurface: function closeSurface() {
- return _this3.open = false;
- },
- getElementIndex: function getElementIndex(element) {
- return _this3.items.indexOf(element);
- },
- getParentElement: function getParentElement(element) {
- return element.parentElement;
- },
- getSelectedElementIndex: function getSelectedElementIndex(selectionGroup) {
- return _this3.items.indexOf(selectionGroup.querySelector('.' + __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].MENU_SELECTED_LIST_ITEM));
- },
- notifySelected: function notifySelected(evtData) {
- return _this3.emit(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].SELECTED_EVENT, {
- index: evtData.index,
- item: _this3.items[evtData.index]
- });
- },
- getCheckboxAtIndex: function getCheckboxAtIndex(index) {
- var list = _this3.items;
- return list[index].querySelector(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].CHECKBOX_SELECTOR);
- },
- toggleCheckbox: function toggleCheckbox(checkBox) {
- checkBox.checked = !checkBox.checked;
- var event = document.createEvent('Event');
- event.initEvent('change', false, true);
- checkBox.dispatchEvent(event);
- }
- });
- }
- }, {
- key: 'open',
- get: function get() {
- return this.menuSurface_.open;
- }
- /** @param {boolean} value */
- ,
- set: function set(value) {
- this.menuSurface_.open = value;
- }
- }, {
- key: 'items',
- get: function get() {
- return this.list_.listElements;
- }
- }, {
- key: 'quickOpen',
- set: function set(quickOpen) {
- this.menuSurface_.quickOpen = quickOpen;
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCMenu(root);
- }
- }]);
- return MDCMenu;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 102 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCMenuFoundation; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(103);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(37);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_menu_surface_foundation__ = __webpack_require__(18);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_list_foundation__ = __webpack_require__(15);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- var ELEMENTS_KEY_ALLOWED_IN = ['input', 'button', 'textarea', 'select'];
- /**
- * @extends {MDCFoundation<!MDCMenuAdapter>}
- */
- var MDCMenuFoundation = function (_MDCFoundation) {
- _inherits(MDCMenuFoundation, _MDCFoundation);
- _createClass(MDCMenuFoundation, 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 */];
- }
- /**
- * {@see MDCMenuAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCMenuAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCMenuAdapter} */{
- addClassToElementAtIndex: function addClassToElementAtIndex() {},
- removeClassFromElementAtIndex: function removeClassFromElementAtIndex() {},
- addAttributeToElementAtIndex: function addAttributeToElementAtIndex() {},
- removeAttributeFromElementAtIndex: function removeAttributeFromElementAtIndex() {},
- elementContainsClass: function elementContainsClass() {},
- closeSurface: function closeSurface() {},
- getElementIndex: function getElementIndex() {},
- getParentElement: function getParentElement() {},
- getSelectedElementIndex: function getSelectedElementIndex() {},
- notifySelected: function notifySelected() {},
- getCheckboxAtIndex: function getCheckboxAtIndex() {},
- toggleCheckbox: function toggleCheckbox() {}
- }
- );
- }
- /** @param {!MDCMenuAdapter} adapter */
- }]);
- function MDCMenuFoundation(adapter) {
- _classCallCheck(this, MDCMenuFoundation);
- /** @type {number} */
- var _this = _possibleConstructorReturn(this, (MDCMenuFoundation.__proto__ || Object.getPrototypeOf(MDCMenuFoundation)).call(this, _extends(MDCMenuFoundation.defaultAdapter, adapter)));
- _this.closeAnimationEndTimerId_ = 0;
- return _this;
- }
- _createClass(MDCMenuFoundation, [{
- key: 'destroy',
- value: function destroy() {
- if (this.closeAnimationEndTimerId_) {
- clearTimeout(this.closeAnimationEndTimerId_);
- }
- this.adapter_.closeSurface();
- }
- /**
- * Handler function for the keydown events.
- * @param {!Event} evt
- */
- }, {
- key: 'handleKeydown',
- value: function handleKeydown(evt) {
- var key = evt.key,
- keyCode = evt.keyCode;
- var isSpace = key === 'Space' || keyCode === 32;
- var isEnter = key === 'Enter' || keyCode === 13;
- var isTab = key === 'Tab' || keyCode === 9;
- if (isSpace || isEnter) {
- this.handleAction_(evt);
- } else if (isTab) {
- this.adapter_.closeSurface();
- }
- }
- /**
- * Handler function for the click events.
- * @param {!Event} evt
- */
- }, {
- key: 'handleClick',
- value: function handleClick(evt) {
- this.handleAction_(evt);
- }
- /**
- * Combined action handling for click/keypress events.
- * @param {!Event} evt
- * @private
- */
- }, {
- key: 'handleAction_',
- value: function handleAction_(evt) {
- var listItem = this.getListItem_( /** @type {HTMLElement} */evt.target);
- if (listItem) {
- this.handleSelection_(listItem);
- this.preventDefaultEvent_(evt);
- }
- }
- /**
- * Handler for a selected list item.
- * @param {?HTMLElement} listItem
- * @private
- */
- }, {
- key: 'handleSelection_',
- value: function handleSelection_(listItem) {
- var _this2 = this;
- var index = this.adapter_.getElementIndex(listItem);
- if (index < 0) {
- return;
- }
- this.adapter_.notifySelected({ index: index });
- this.adapter_.closeSurface();
- var checkbox = this.adapter_.getCheckboxAtIndex(index);
- if (checkbox) {
- this.adapter_.toggleCheckbox( /** @type {!HTMLElement} */checkbox);
- }
- // Wait for the menu to close before adding/removing classes that affect styles.
- this.closeAnimationEndTimerId_ = setTimeout(function () {
- var selectionGroup = _this2.getSelectionGroup_(listItem);
- if (selectionGroup !== null) {
- _this2.handleSelectionGroup_( /** @type {!HTMLElement} */selectionGroup, index);
- }
- }, __WEBPACK_IMPORTED_MODULE_3__material_menu_surface_foundation__["b" /* MDCMenuSurfaceFoundation */].numbers.TRANSITION_CLOSE_DURATION);
- }
- /**
- * Handles toggling the selected classes in a selection group when a
- * selection is made.
- * @param {!HTMLElement} selectionGroup
- * @param {number} index The selected index value
- * @private
- */
- }, {
- key: 'handleSelectionGroup_',
- value: function handleSelectionGroup_(selectionGroup, index) {
- // De-select the previous selection in this group.
- var selectedIndex = this.adapter_.getSelectedElementIndex(selectionGroup);
- if (selectedIndex >= 0) {
- this.adapter_.removeAttributeFromElementAtIndex(selectedIndex, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED_ATTR);
- this.adapter_.removeClassFromElementAtIndex(selectedIndex, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].MENU_SELECTED_LIST_ITEM);
- }
- // Select the new list item in this group.
- this.adapter_.addClassToElementAtIndex(index, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].MENU_SELECTED_LIST_ITEM);
- this.adapter_.addAttributeToElementAtIndex(index, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED_ATTR, 'true');
- }
- /**
- * Returns the parent selection group of an element if one exists.
- * @param listItem
- * @return {?HTMLElement} parent selection group element or null.
- * @private
- */
- }, {
- key: 'getSelectionGroup_',
- value: function getSelectionGroup_(listItem) {
- var parent = this.adapter_.getParentElement(listItem);
- var isGroup = this.adapter_.elementContainsClass(parent, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].MENU_SELECTION_GROUP);
- // Iterate through ancestors until we find the group or get to the list.
- while (!isGroup && !this.adapter_.elementContainsClass(parent, __WEBPACK_IMPORTED_MODULE_4__material_list_foundation__["a" /* default */].cssClasses.ROOT)) {
- parent = this.adapter_.getParentElement(parent);
- isGroup = this.adapter_.elementContainsClass(parent, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].MENU_SELECTION_GROUP);
- }
- if (isGroup) {
- return parent;
- } else {
- return null;
- }
- }
- /**
- * Find the first ancestor with the mdc-list-item class.
- * @param {?HTMLElement} target
- * @return {?HTMLElement}
- * @private
- */
- }, {
- key: 'getListItem_',
- value: function getListItem_(target) {
- var isListItem = this.adapter_.elementContainsClass(target, __WEBPACK_IMPORTED_MODULE_4__material_list_foundation__["a" /* default */].cssClasses.LIST_ITEM_CLASS);
- while (!isListItem) {
- target = this.adapter_.getParentElement(target);
- if (target) {
- isListItem = this.adapter_.elementContainsClass(target, __WEBPACK_IMPORTED_MODULE_4__material_list_foundation__["a" /* default */].cssClasses.LIST_ITEM_CLASS);
- } else {
- // target has no parent element.
- return null;
- }
- }
- return target;
- }
- /**
- * Ensures that preventDefault is only called if the containing element doesn't
- * consume the event, and it will cause an unintended scroll.
- * @param {!Event} evt
- * @private
- */
- }, {
- key: 'preventDefaultEvent_',
- value: function preventDefaultEvent_(evt) {
- var target = /** @type {!HTMLElement} */evt.target;
- var tagName = ('' + target.tagName).toLowerCase();
- if (ELEMENTS_KEY_ALLOWED_IN.indexOf(tagName) === -1) {
- evt.preventDefault();
- }
- }
- }]);
- return MDCMenuFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /***/ }),
- /* 103 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* unused harmony export MDCMenuAdapter */
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Menu. Provides an interface for managing
- * - selected element classes
- * - get focused elements
- * - toggling a checkbox inside a list item
- *
- * 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/code/architecture.md
- *
- * @record
- */
- var MDCMenuAdapter = function () {
- function MDCMenuAdapter() {
- _classCallCheck(this, MDCMenuAdapter);
- }
- _createClass(MDCMenuAdapter, [{
- key: "addClassToElementAtIndex",
- /**
- * Adds a class to the element at the index provided.
- * @param {number} index
- * @param {string} className
- */
- value: function addClassToElementAtIndex(index, className) {}
- /**
- * Removes a class from the element at the index provided
- * @param {number} index
- * @param {string} className
- */
- }, {
- key: "removeClassFromElementAtIndex",
- value: function removeClassFromElementAtIndex(index, className) {}
- /**
- * Adds an attribute, with value, to the element at the index provided.
- * @param {number} index
- * @param {string} attr
- * @param {string} value
- */
- }, {
- key: "addAttributeToElementAtIndex",
- value: function addAttributeToElementAtIndex(index, attr, value) {}
- /**
- * Removes an attribute from an element at the index provided.
- * @param {number} index
- * @param {string} attr
- */
- }, {
- key: "removeAttributeFromElementAtIndex",
- value: function removeAttributeFromElementAtIndex(index, attr) {}
- /**
- * Returns true if the element contains the className.
- * @param {?HTMLElement} element
- * @param {string} className
- * @return {boolean} true if the element contains the className
- */
- }, {
- key: "elementContainsClass",
- value: function elementContainsClass(element, className) {}
- /**
- * Closes the menu-surface.
- */
- }, {
- key: "closeSurface",
- value: function closeSurface() {}
- /**
- * Returns the index for the element provided.
- * @param {?HTMLElement} element
- * @return {number} index of the element in the list or -1 if it is not in the list.
- */
- }, {
- key: "getElementIndex",
- value: function getElementIndex(element) {}
- /**
- * Returns the parentElement of the provided element.
- * @param {?HTMLElement} element
- * @return {?HTMLElement} parentElement of the element provided.
- */
- }, {
- key: "getParentElement",
- value: function getParentElement(element) {}
- /**
- * Returns the element within the selectionGroup containing the selected element class.
- * @param {!HTMLElement} selectionGroup
- * @return {number} element within the selectionGroup that contains the selected element class.
- */
- }, {
- key: "getSelectedElementIndex",
- value: function getSelectedElementIndex(selectionGroup) {}
- /**
- * Emits an event using the evtData.
- * @param {{
- * index: number
- * }} evtData
- */
- }, {
- key: "notifySelected",
- value: function notifySelected(evtData) {}
- /**
- * Returns the checkbox contained within the element at the index specified.
- * @param {number} index
- * @return {?HTMLElement} checkbox
- */
- }, {
- key: "getCheckboxAtIndex",
- value: function getCheckboxAtIndex(index) {}
- /**
- * Toggles the checkbox within a list item.
- * @param {!HTMLElement} target
- */
- }, {
- key: "toggleCheckbox",
- value: function toggleCheckbox(target) {}
- }]);
- return MDCMenuAdapter;
- }();
- /***/ }),
- /* 104 */
- /***/ (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; });
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @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_;
- }
- /***/ }),
- /* 105 */
- /***/ (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__(41);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(42);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCFoundation<!MDCNotchedOutlineAdapter>}
- * @final
- */
- var MDCNotchedOutlineFoundation = function (_MDCFoundation) {
- _inherits(MDCNotchedOutlineFoundation, _MDCFoundation);
- _createClass(MDCNotchedOutlineFoundation, null, [{
- key: 'strings',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
- }
- /** @return enum {string} */
- }, {
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- /**
- * {@see MDCNotchedOutlineAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCNotchedOutlineAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCNotchedOutlineAdapter} */{
- getWidth: function getWidth() {},
- getHeight: function getHeight() {},
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- setOutlinePathAttr: function setOutlinePathAttr() {},
- getIdleOutlineStyleValue: function getIdleOutlineStyleValue() {}
- }
- );
- }
- /**
- * @param {!MDCNotchedOutlineAdapter} adapter
- */
- }]);
- function MDCNotchedOutlineFoundation(adapter) {
- _classCallCheck(this, MDCNotchedOutlineFoundation);
- return _possibleConstructorReturn(this, (MDCNotchedOutlineFoundation.__proto__ || Object.getPrototypeOf(MDCNotchedOutlineFoundation)).call(this, _extends(MDCNotchedOutlineFoundation.defaultAdapter, adapter)));
- }
- /**
- * Adds the outline notched selector and updates the notch width
- * calculated based off of notchWidth and isRtl.
- * @param {number} notchWidth
- * @param {boolean=} isRtl
- */
- _createClass(MDCNotchedOutlineFoundation, [{
- key: 'notch',
- value: function notch(notchWidth) {
- var isRtl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- var OUTLINE_NOTCHED = MDCNotchedOutlineFoundation.cssClasses.OUTLINE_NOTCHED;
- this.adapter_.addClass(OUTLINE_NOTCHED);
- this.updateSvgPath_(notchWidth, isRtl);
- }
- /**
- * Removes notched outline selector to close the notch in the outline.
- */
- }, {
- key: 'closeNotch',
- value: function closeNotch() {
- var OUTLINE_NOTCHED = MDCNotchedOutlineFoundation.cssClasses.OUTLINE_NOTCHED;
- this.adapter_.removeClass(OUTLINE_NOTCHED);
- }
- /**
- * Updates the SVG path of the focus outline element based on the notchWidth
- * and the RTL context.
- * @param {number} notchWidth
- * @param {boolean=} isRtl
- * @private
- */
- }, {
- key: 'updateSvgPath_',
- value: function updateSvgPath_(notchWidth, isRtl) {
- // Fall back to reading a specific corner's style because Firefox doesn't report the style on border-radius.
- var radiusStyleValue = this.adapter_.getIdleOutlineStyleValue('border-radius') || this.adapter_.getIdleOutlineStyleValue('border-top-left-radius');
- var radius = parseFloat(radiusStyleValue);
- var width = this.adapter_.getWidth();
- var height = this.adapter_.getHeight();
- var cornerWidth = radius + 1.2;
- var leadingStrokeLength = Math.abs(12 - cornerWidth);
- // If the notchWidth is 0, the the notched outline doesn't need to add padding.
- var paddedNotchWidth = 0;
- if (notchWidth > 0) {
- paddedNotchWidth = notchWidth + 8;
- }
- // The right, bottom, and left sides of the outline follow the same SVG path.
- var pathMiddle = 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius + 'v' + (height - 2 * cornerWidth) + 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius + 'h' + (-width + 2 * cornerWidth) + 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius + 'v' + (-height + 2 * cornerWidth) + 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius;
- var path = void 0;
- if (!isRtl) {
- path = 'M' + (cornerWidth + leadingStrokeLength + paddedNotchWidth) + ',' + 1 + 'h' + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength) + pathMiddle + 'h' + leadingStrokeLength;
- } else {
- path = 'M' + (width - cornerWidth - leadingStrokeLength) + ',' + 1 + 'h' + leadingStrokeLength + pathMiddle + 'h' + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength);
- }
- this.adapter_.setOutlinePathAttr(path);
- }
- }]);
- return MDCNotchedOutlineFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCNotchedOutlineFoundation);
- /***/ }),
- /* 106 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_selection_control_index__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(107);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__ = __webpack_require__(2);
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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_index__["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);
- }
- });
- var foundation = new __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRippleFoundation"](adapter);
- return new __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["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 */]);
- /***/ }),
- /* 107 */
- /***/ (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_index__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(108);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(109);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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);
- /***/ }),
- /* 108 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_selection_control_index__ = __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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* 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/code/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);
- /***/ }),
- /* 109 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var strings = {
- NATIVE_CONTROL_SELECTOR: '.mdc-radio__native-control'
- };
- /** @enum {string} */
- var cssClasses = {
- ROOT: 'mdc-radio',
- DISABLED: 'mdc-radio--disabled'
- };
- /***/ }),
- /* 110 */
- /***/ (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_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_floating_label_index__ = __webpack_require__(16);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_line_ripple_index__ = __webpack_require__(17);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_notched_outline_index__ = __webpack_require__(19);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__foundation__ = __webpack_require__(111);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__adapter__ = __webpack_require__(43);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__constants__ = __webpack_require__(44);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelectFoundation", function() { return __WEBPACK_IMPORTED_MODULE_5__foundation__["a"]; });
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends MDCComponent<!MDCSelectFoundation>
- */
- var MDCSelect = function (_MDCComponent) {
- _inherits(MDCSelect, _MDCComponent);
- /**
- * @param {...?} args
- */
- function MDCSelect() {
- var _ref;
- _classCallCheck(this, MDCSelect);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {?Element} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCSelect.__proto__ || Object.getPrototypeOf(MDCSelect)).call.apply(_ref, [this].concat(args)));
- _this.nativeControl_;
- /** @type {?MDCRipple} */
- _this.ripple;
- /** @private {?MDCLineRipple} */
- _this.lineRipple_;
- /** @private {?MDCFloatingLabel} */
- _this.label_;
- /** @private {?MDCNotchedOutline} */
- _this.outline_;
- /** @private {!Function} */
- _this.handleChange_;
- /** @private {!Function} */
- _this.handleFocus_;
- /** @private {!Function} */
- _this.handleBlur_;
- /** @private {!Function} */
- _this.handleClick_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @return {!MDCSelect}
- */
- _createClass(MDCSelect, [{
- key: 'layout',
- /**
- * Recomputes the outline SVG path for the outline element.
- */
- value: function layout() {
- var openNotch = this.nativeControl_.value.length > 0;
- this.foundation_.notchOutline(openNotch);
- }
- /**
- * @param {(function(!Element): !MDCLineRipple)=} lineRippleFactory A function which creates a new MDCLineRipple.
- * @param {(function(!Element): !MDCFloatingLabel)=} labelFactory A function which creates a new MDCFloatingLabel.
- * @param {(function(!Element): !MDCNotchedOutline)=} outlineFactory A function which creates a new MDCNotchedOutline.
- */
- }, {
- key: 'initialize',
- value: function initialize() {
- var labelFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_1__material_floating_label_index__["MDCFloatingLabel"](el);
- };
- var lineRippleFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_2__material_line_ripple_index__["MDCLineRipple"](el);
- };
- var outlineFactory = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_4__material_notched_outline_index__["MDCNotchedOutline"](el);
- };
- this.nativeControl_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].NATIVE_CONTROL_SELECTOR);
- var labelElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].LABEL_SELECTOR);
- if (labelElement) {
- this.label_ = labelFactory(labelElement);
- }
- var lineRippleElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].LINE_RIPPLE_SELECTOR);
- if (lineRippleElement) {
- this.lineRipple_ = lineRippleFactory(lineRippleElement);
- }
- var outlineElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].OUTLINE_SELECTOR);
- if (outlineElement) {
- this.outline_ = outlineFactory(outlineElement);
- }
- if (!this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].OUTLINED)) {
- this.ripple = this.initRipple_();
- }
- }
- /**
- * @private
- * @return {!MDCRipple}
- */
- }, {
- key: 'initRipple_',
- value: function initRipple_() {
- var _this2 = this;
- var adapter = _extends(__WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRipple"].createAdapter(this), {
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this2.nativeControl_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this2.nativeControl_.removeEventListener(type, handler);
- }
- });
- var foundation = new __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRippleFoundation"](adapter);
- return new __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRipple"](this.root_, foundation);
- }
- /**
- * Initializes the select's event listeners and internal state based
- * on the environment's state.
- */
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var _this3 = this;
- this.handleChange_ = function () {
- return _this3.foundation_.handleChange();
- };
- this.handleFocus_ = function () {
- return _this3.foundation_.handleFocus();
- };
- this.handleBlur_ = function () {
- return _this3.foundation_.handleBlur();
- };
- this.handleClick_ = function (evt) {
- return _this3.setTransformOrigin_(evt);
- };
- this.nativeControl_.addEventListener('change', this.handleChange_);
- this.nativeControl_.addEventListener('focus', this.handleFocus_);
- this.nativeControl_.addEventListener('blur', this.handleBlur_);
- if (this.lineRipple_) {
- ['mousedown', 'touchstart'].forEach(function (evtType) {
- _this3.nativeControl_.addEventListener(evtType, _this3.handleClick_);
- });
- }
- // Initially sync floating label
- this.foundation_.handleChange();
- if (this.nativeControl_.disabled) {
- this.disabled = true;
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this4 = this;
- this.nativeControl_.removeEventListener('change', this.handleChange_);
- this.nativeControl_.removeEventListener('focus', this.handleFocus_);
- this.nativeControl_.removeEventListener('blur', this.handleBlur_);
- ['mousedown', 'touchstart'].forEach(function (evtType) {
- _this4.nativeControl_.removeEventListener(evtType, _this4.handleClick_);
- });
- if (this.ripple) {
- this.ripple.destroy();
- }
- if (this.outline_) {
- this.outline_.destroy();
- }
- _get(MDCSelect.prototype.__proto__ || Object.getPrototypeOf(MDCSelect.prototype), 'destroy', this).call(this);
- }
- /**
- * @return {!MDCSelectFoundation}
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this5 = this;
- return new __WEBPACK_IMPORTED_MODULE_5__foundation__["a" /* default */](
- /** @type {!MDCSelectAdapter} */_extends({
- addClass: function addClass(className) {
- return _this5.root_.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return _this5.root_.classList.remove(className);
- },
- hasClass: function hasClass(className) {
- return _this5.root_.classList.contains(className);
- },
- getValue: function getValue() {
- return _this5.nativeControl_.value;
- },
- isRtl: function isRtl() {
- return window.getComputedStyle(_this5.root_).getPropertyValue('direction') === 'rtl';
- },
- activateBottomLine: function activateBottomLine() {
- if (_this5.lineRipple_) {
- _this5.lineRipple_.activate();
- }
- },
- deactivateBottomLine: function deactivateBottomLine() {
- if (_this5.lineRipple_) {
- _this5.lineRipple_.deactivate();
- }
- }
- }, this.getOutlineAdapterMethods_(), this.getLabelAdapterMethods_()));
- }
- /**
- * @return {!{
- * hasOutline: function(): boolean,
- * notchOutline: function(number, boolean): undefined,
- * closeOutline: function(): undefined,
- * }}
- */
- }, {
- key: 'getOutlineAdapterMethods_',
- value: function getOutlineAdapterMethods_() {
- var _this6 = this;
- return {
- hasOutline: function hasOutline() {
- return !!_this6.outline_;
- },
- notchOutline: function notchOutline(labelWidth, isRtl) {
- if (_this6.outline_) {
- _this6.outline_.notch(labelWidth, isRtl);
- }
- },
- closeOutline: function closeOutline() {
- if (_this6.outline_) {
- _this6.outline_.closeNotch();
- }
- }
- };
- }
- /**
- * @return {!{
- * hasLabel: function(): boolean,
- * floatLabel: function(boolean): undefined,
- * getLabelWidth: function(): number,
- * }}
- */
- }, {
- key: 'getLabelAdapterMethods_',
- value: function getLabelAdapterMethods_() {
- var _this7 = this;
- return {
- hasLabel: function hasLabel() {
- return !!_this7.label_;
- },
- floatLabel: function floatLabel(shouldFloat) {
- if (_this7.label_) {
- _this7.label_.float(shouldFloat);
- }
- },
- getLabelWidth: function getLabelWidth() {
- return _this7.label_ ? _this7.label_.getWidth() : 0;
- }
- };
- }
- /**
- * Sets the line ripple's transform origin, so that the line ripple activate
- * animation will animate out from the user's click location.
- * @param {!(MouseEvent|TouchEvent)} evt
- */
- }, {
- key: 'setTransformOrigin_',
- value: function setTransformOrigin_(evt) {
- var targetClientRect = evt.target.getBoundingClientRect();
- var xCoordinate = evt.clientX;
- var normalizedX = xCoordinate - targetClientRect.left;
- this.lineRipple_.setRippleCenter(normalizedX);
- }
- }, {
- key: 'value',
- /**
- * @return {string} The value of the select.
- */
- get: function get() {
- return this.nativeControl_.value;
- }
- /**
- * @param {string} value The value to set on the select.
- */
- ,
- set: function set(value) {
- this.nativeControl_.value = value;
- this.foundation_.handleChange();
- }
- /**
- * @return {number} The selected index of the select.
- */
- }, {
- key: 'selectedIndex',
- get: function get() {
- return this.nativeControl_.selectedIndex;
- }
- /**
- * @param {number} selectedIndex The index of the option to be set on the select.
- */
- ,
- set: function set(selectedIndex) {
- this.nativeControl_.selectedIndex = selectedIndex;
- this.foundation_.handleChange();
- }
- /**
- * @return {boolean} True if the select is disabled.
- */
- }, {
- key: 'disabled',
- get: function get() {
- return this.nativeControl_.disabled;
- }
- /**
- * @param {boolean} disabled Sets the select disabled or enabled.
- */
- ,
- set: function set(disabled) {
- this.nativeControl_.disabled = disabled;
- this.foundation_.updateDisabledStyle(disabled);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCSelect(root);
- }
- }]);
- return MDCSelect;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCComponent"]);
- /***/ }),
- /* 111 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(43);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(44);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCFoundation<!MDCSelectAdapter>}
- * @final
- */
- var MDCSelectFoundation = function (_MDCFoundation) {
- _inherits(MDCSelectFoundation, _MDCFoundation);
- _createClass(MDCSelectFoundation, null, [{
- key: 'cssClasses',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- /** @return enum {number} */
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */];
- }
- /** @return enum {string} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */];
- }
- /**
- * {@see MDCSelectAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCSelectAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCSelectAdapter} */{
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- hasClass: function hasClass() {
- return (/* className: string */false
- );
- },
- activateBottomLine: function activateBottomLine() {},
- deactivateBottomLine: function deactivateBottomLine() {},
- getValue: function getValue() {},
- isRtl: function isRtl() {
- return false;
- },
- hasLabel: function hasLabel() {
- return false;
- },
- floatLabel: function floatLabel() /* value: boolean */{},
- getLabelWidth: function getLabelWidth() {},
- hasOutline: function hasOutline() {
- return false;
- },
- notchOutline: function notchOutline() /* labelWidth: number, isRtl: boolean */{},
- closeOutline: function closeOutline() {}
- }
- );
- }
- /**
- * @param {!MDCSelectAdapter} adapter
- */
- }]);
- function MDCSelectFoundation(adapter) {
- _classCallCheck(this, MDCSelectFoundation);
- return _possibleConstructorReturn(this, (MDCSelectFoundation.__proto__ || Object.getPrototypeOf(MDCSelectFoundation)).call(this, _extends(MDCSelectFoundation.defaultAdapter, adapter)));
- }
- /**
- * Updates the styles of the select to show the disasbled state.
- * @param {boolean} disabled
- */
- _createClass(MDCSelectFoundation, [{
- key: 'updateDisabledStyle',
- value: function updateDisabledStyle(disabled) {
- var DISABLED = MDCSelectFoundation.cssClasses.DISABLED;
- if (disabled) {
- this.adapter_.addClass(DISABLED);
- } else {
- this.adapter_.removeClass(DISABLED);
- }
- }
- /**
- * Handles value changes, via change event or programmatic updates.
- */
- }, {
- key: 'handleChange',
- value: function handleChange() {
- var optionHasValue = this.adapter_.getValue().length > 0;
- this.adapter_.floatLabel(optionHasValue);
- this.notchOutline(optionHasValue);
- }
- /**
- * Handles focus events from root element.
- */
- }, {
- key: 'handleFocus',
- value: function handleFocus() {
- this.adapter_.floatLabel(true);
- this.notchOutline(true);
- this.adapter_.activateBottomLine();
- }
- /**
- * Handles blur events from root element.
- */
- }, {
- key: 'handleBlur',
- value: function handleBlur() {
- this.handleChange();
- this.adapter_.deactivateBottomLine();
- }
- /**
- * Opens/closes the notched outline.
- * @param {boolean} openNotch
- */
- }, {
- key: 'notchOutline',
- value: function notchOutline(openNotch) {
- if (!this.adapter_.hasOutline()) {
- return;
- }
- if (openNotch) {
- var labelScale = __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].LABEL_SCALE;
- var labelWidth = this.adapter_.getLabelWidth() * labelScale;
- var isRtl = this.adapter_.isRtl();
- this.adapter_.notchOutline(labelWidth, isRtl);
- } else {
- this.adapter_.closeOutline();
- }
- }
- }]);
- return MDCSelectFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCSelectFoundation);
- /***/ }),
- /* 112 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(45);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(46);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(113);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSliderFoundation", 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; }
- /**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends MDCComponent<!MDCSliderFoundation>
- */
- var MDCSlider = function (_MDCComponent) {
- _inherits(MDCSlider, _MDCComponent);
- _createClass(MDCSlider, null, [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCSlider(root);
- }
- }]);
- function MDCSlider() {
- var _ref;
- _classCallCheck(this, MDCSlider);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @type {?Element} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCSlider.__proto__ || Object.getPrototypeOf(MDCSlider)).call.apply(_ref, [this].concat(args)));
- _this.thumbContainer_;
- /** @type {?Element} */
- _this.track_;
- /** @type {?Element} */
- _this.pinValueMarker_;
- /** @type {?Element} */
- _this.trackMarkerContainer_;
- return _this;
- }
- /** @return {number} */
- _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);
- }
- /**
- * @return {!MDCSliderFoundation}
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */](
- /** @type {!MDCSliderAdapter} */{
- 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();
- }
- /** @param {number=} amount */
- }, {
- key: 'stepUp',
- value: function stepUp() {
- var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.step || 1;
- this.value += amount;
- }
- /** @param {number=} 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();
- }
- /** @param {number} value */
- ,
- set: function set(value) {
- this.foundation_.setValue(value);
- }
- /** @return {number} */
- }, {
- key: 'min',
- get: function get() {
- return this.foundation_.getMin();
- }
- /** @param {number} min */
- ,
- set: function set(min) {
- this.foundation_.setMin(min);
- }
- /** @return {number} */
- }, {
- key: 'max',
- get: function get() {
- return this.foundation_.getMax();
- }
- /** @param {number} max */
- ,
- set: function set(max) {
- this.foundation_.setMax(max);
- }
- /** @return {number} */
- }, {
- key: 'step',
- get: function get() {
- return this.foundation_.getStep();
- }
- /** @param {number} step */
- ,
- set: function set(step) {
- this.foundation_.setStep(step);
- }
- /** @return {boolean} */
- }, {
- key: 'disabled',
- get: function get() {
- return this.foundation_.isDisabled();
- }
- /** @param {boolean} disabled */
- ,
- set: function set(disabled) {
- this.foundation_.setDisabled(disabled);
- }
- }]);
- return MDCSlider;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 113 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(45);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(46);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_animation_index__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__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; }
- /**
- * @license
- * Copyright 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- 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'
- };
- /** @enum {string} */
- var MOVE_EVENT_MAP = {
- 'mousedown': 'mousemove',
- 'touchstart': 'touchmove',
- 'pointerdown': 'pointermove'
- };
- var DOWN_EVENTS = ['mousedown', 'pointerdown', 'touchstart'];
- var UP_EVENTS = ['mouseup', 'pointerup', 'touchend'];
- /**
- * @extends {MDCFoundation<!MDCSliderAdapter>}
- */
- var MDCSliderFoundation = function (_MDCFoundation) {
- _inherits(MDCSliderFoundation, _MDCFoundation);
- _createClass(MDCSliderFoundation, null, [{
- key: 'cssClasses',
- /** @return enum {cssClasses} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */];
- }
- /** @return enum {strings} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */];
- }
- /** @return enum {numbers} */
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_0__constants__["b" /* numbers */];
- }
- /** @return {!MDCSliderAdapter} */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCSliderAdapter} */{
- 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
- );
- }
- }
- );
- }
- /**
- * Creates a new instance of MDCSliderFoundation
- * @param {?MDCSliderAdapter} adapter
- */
- }]);
- function MDCSliderFoundation(adapter) {
- _classCallCheck(this, MDCSliderFoundation);
- /** @private {?ClientRect} */
- 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.interactionStartHandler_ = function (evt) {
- return _this.handleDown_(evt);
- };
- _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);
- DOWN_EVENTS.forEach(function (evtName) {
- return _this2.adapter_.registerInteractionHandler(evtName, _this2.interactionStartHandler_);
- });
- this.adapter_.registerInteractionHandler('keydown', this.keydownHandler_);
- this.adapter_.registerInteractionHandler('focus', this.focusHandler_);
- this.adapter_.registerInteractionHandler('blur', this.blurHandler_);
- DOWN_EVENTS.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;
- DOWN_EVENTS.forEach(function (evtName) {
- _this3.adapter_.deregisterInteractionHandler(evtName, _this3.interactionStartHandler_);
- });
- this.adapter_.deregisterInteractionHandler('keydown', this.keydownHandler_);
- this.adapter_.deregisterInteractionHandler('focus', this.focusHandler_);
- this.adapter_.deregisterInteractionHandler('blur', this.blurHandler_);
- DOWN_EVENTS.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_2__material_animation_index__["b" /* getCorrectPropertyName */])(window, 'flex');
- this.adapter_.setLastTrackMarkersStyleProperty(flex, String(lastStepRatio));
- }
- }
- }
- }, {
- key: 'layout',
- value: function layout() {
- this.rect_ = this.adapter_.computeBoundingRect();
- this.updateUIForCurrentValue_();
- }
- /** @return {number} */
- }, {
- key: 'getValue',
- value: function getValue() {
- return this.value_;
- }
- /** @param {number} value */
- }, {
- key: 'setValue',
- value: function setValue(value) {
- this.setValue_(value, false);
- }
- /** @return {number} */
- }, {
- key: 'getMax',
- value: function getMax() {
- return this.max_;
- }
- /** @param {number} 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();
- }
- /** @return {number} */
- }, {
- key: 'getMin',
- value: function getMin() {
- return this.min_;
- }
- /** @param {number} 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();
- }
- /** @return {number} */
- }, {
- key: 'getStep',
- value: function getStep() {
- return this.step_;
- }
- /** @param {number} 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();
- }
- /** @return {boolean} */
- }, {
- key: 'isDisabled',
- value: function isDisabled() {
- return this.disabled_;
- }
- /** @param {boolean} 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_));
- }
- }
- }
- /**
- * Called when the user starts interacting with the slider
- * @param {!Event} evt
- * @private
- */
- }, {
- key: 'handleDown_',
- value: function handleDown_(evt) {
- var _this4 = this;
- if (this.disabled_) {
- return;
- }
- this.preventFocusState_ = true;
- this.setInTransit_(!this.handlingThumbTargetEvt_);
- this.handlingThumbTargetEvt_ = false;
- this.setActive_(true);
- var moveHandler = function moveHandler(evt) {
- _this4.handleMove_(evt);
- };
- // 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.handleUp_();
- _this4.adapter_.deregisterBodyInteractionHandler(MOVE_EVENT_MAP[evt.type], moveHandler);
- UP_EVENTS.forEach(function (evtName) {
- return _this4.adapter_.deregisterBodyInteractionHandler(evtName, upHandler);
- });
- };
- this.adapter_.registerBodyInteractionHandler(MOVE_EVENT_MAP[evt.type], moveHandler);
- UP_EVENTS.forEach(function (evtName) {
- return _this4.adapter_.registerBodyInteractionHandler(evtName, upHandler);
- });
- this.setValueFromEvt_(evt);
- }
- /**
- * Called when the user moves the slider
- * @param {!Event} evt
- * @private
- */
- }, {
- key: 'handleMove_',
- value: function handleMove_(evt) {
- evt.preventDefault();
- this.setValueFromEvt_(evt);
- }
- /**
- * Called when the user's interaction with the slider ends
- * @private
- */
- }, {
- key: 'handleUp_',
- value: function handleUp_() {
- this.setActive_(false);
- this.adapter_.notifyChange();
- }
- /**
- * Returns the pageX of the event
- * @param {!Event} evt
- * @return {number}
- * @private
- */
- }, {
- key: 'getPageX_',
- value: function getPageX_(evt) {
- if (evt.targetTouches && evt.targetTouches.length > 0) {
- return evt.targetTouches[0].pageX;
- }
- return evt.pageX;
- }
- /**
- * Sets the slider value from an event
- * @param {!Event} evt
- * @private
- */
- }, {
- key: 'setValueFromEvt_',
- value: function setValueFromEvt_(evt) {
- var pageX = this.getPageX_(evt);
- var value = this.computeValueFromPageX_(pageX);
- this.setValue_(value, true);
- }
- /**
- * Computes the new value from the pageX position
- * @param {number} pageX
- * @return {number}
- */
- }, {
- 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);
- }
- /**
- * Handles keydown events
- * @param {!Event} evt
- */
- }, {
- 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();
- }
- /**
- * Returns the computed name of the event
- * @param {!Event} kbdEvt
- * @return {string}
- */
- }, {
- 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 '';
- }
- /**
- * Computes the value given a keyboard key ID
- * @param {string} keyId
- * @return {number}
- */
- }, {
- 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);
- }
- /**
- * Sets the value of the slider
- * @param {number} value
- * @param {boolean} shouldFireInput
- * @param {boolean=} force
- */
- }, {
- 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);
- }
- }
- }
- /**
- * Calculates the quantized value
- * @param {number} value
- * @return {number}
- */
- }, {
- 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_2__material_animation_index__["b" /* getCorrectPropertyName */])(window, 'transform');
- var transitionendEvtName = Object(__WEBPACK_IMPORTED_MODULE_2__material_animation_index__["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 + ')');
- });
- }
- /**
- * Toggles the active state of the slider
- * @param {boolean} active
- */
- }, {
- key: 'setActive_',
- value: function setActive_(active) {
- this.active_ = active;
- this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].ACTIVE, this.active_);
- }
- /**
- * Toggles the inTransit state of the slider
- * @param {boolean} inTransit
- */
- }, {
- key: 'setInTransit_',
- value: function setInTransit_(inTransit) {
- this.inTransit_ = inTransit;
- this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].IN_TRANSIT, this.inTransit_);
- }
- /**
- * Conditionally adds or removes a class based on shouldBePresent
- * @param {string} className
- * @param {boolean} shouldBePresent
- */
- }, {
- key: 'toggleClass_',
- value: function toggleClass_(className, shouldBePresent) {
- if (shouldBePresent) {
- this.adapter_.addClass(className);
- } else {
- this.adapter_.removeClass(className);
- }
- }
- }]);
- return MDCSliderFoundation;
- }(__WEBPACK_IMPORTED_MODULE_3__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCSliderFoundation);
- /***/ }),
- /* 114 */
- /***/ (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_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(115);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_animation_index__ = __webpack_require__(9);
- /* 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; }
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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();
- },
- isFocused: function isFocused() {
- return document.activeElement === getActionButton();
- },
- 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_index__["a" /* getCorrectEventName */])(window, 'transitionend'), handler);
- },
- deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
- return _this2.root_.removeEventListener(Object(__WEBPACK_IMPORTED_MODULE_2__material_animation_index__["a" /* getCorrectEventName */])(window, 'transitionend'), handler);
- },
- notifyShow: function notifyShow() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.SHOW_EVENT);
- },
- notifyHide: function notifyHide() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.HIDE_EVENT);
- }
- });
- }
- }, {
- 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_index__["MDCComponent"]);
- /***/ }),
- /* 115 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(116);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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() {},
- isFocused: function isFocused() {
- return (/* boolean */false
- );
- },
- 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 */{},
- notifyShow: function notifyShow() {},
- notifyHide: function notifyHide() {}
- };
- }
- }]);
- 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 === 'focus' && !_this.adapter_.isFocused()) {
- return;
- }
- 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.adapter_.notifyShow();
- 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.adapter_.notifyHide();
- _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_index__["MDCFoundation"]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCSnackbarFoundation);
- /***/ }),
- /* 116 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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',
- SHOW_EVENT: 'MDCSnackbar:show',
- HIDE_EVENT: 'MDCSnackbar:hide'
- };
- var numbers = {
- MESSAGE_TIMEOUT: 2750
- };
- /***/ }),
- /* 117 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSwitch", function() { return MDCSwitch; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_selection_control_index__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(118);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_ripple_util__ = __webpack_require__(6);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSwitchFoundation", 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends MDCComponent<!MDCSwitchFoundation>
- * @implements {MDCSelectionControl}
- */
- var MDCSwitch = function (_MDCComponent) {
- _inherits(MDCSwitch, _MDCComponent);
- _createClass(MDCSwitch, null, [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCSwitch(root);
- }
- }]);
- function MDCSwitch() {
- var _ref;
- _classCallCheck(this, MDCSwitch);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!MDCRipple} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCSwitch.__proto__ || Object.getPrototypeOf(MDCSwitch)).call.apply(_ref, [this].concat(args)));
- _this.ripple_ = _this.initRipple_();
- /** @private {!Function} */
- _this.changeHandler_;
- return _this;
- }
- _createClass(MDCSwitch, [{
- key: 'destroy',
- value: function destroy() {
- _get(MDCSwitch.prototype.__proto__ || Object.getPrototypeOf(MDCSwitch.prototype), 'destroy', this).call(this);
- this.ripple_.destroy();
- this.nativeControl_.removeEventListener('change', this.changeHandler_);
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- this.changeHandler_ = this.foundation_.handleChange.bind(this.foundation_);
- this.nativeControl_.addEventListener('change', this.changeHandler_);
- // Sometimes the checked state of the input element is saved in the history.
- // The switch styling should match the checked state of the input element.
- // Do an initial sync between the native control and the foundation.
- this.checked = this.checked;
- }
- /**
- * Returns the state of the native control element, or null if the native control element is not present.
- * @return {?MDCSelectionControlState}
- * @private
- */
- }, {
- key: 'initRipple_',
- /**
- * @return {!MDCRipple}
- * @private
- */
- value: function initRipple_() {
- var _this2 = this;
- var RIPPLE_SURFACE_SELECTOR = __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.RIPPLE_SURFACE_SELECTOR;
- var rippleSurface = /** @type {!Element} */this.root_.querySelector(RIPPLE_SURFACE_SELECTOR);
- var MATCHES = Object(__WEBPACK_IMPORTED_MODULE_4__material_ripple_util__["getMatchesProperty"])(HTMLElement.prototype);
- var adapter = _extends(__WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRipple"].createAdapter(this), {
- isUnbounded: function isUnbounded() {
- return true;
- },
- isSurfaceActive: function isSurfaceActive() {
- return _this2.nativeControl_[MATCHES](':active');
- },
- addClass: function addClass(className) {
- return rippleSurface.classList.add(className);
- },
- removeClass: function removeClass(className) {
- return rippleSurface.classList.remove(className);
- },
- registerInteractionHandler: function registerInteractionHandler(type, handler) {
- return _this2.nativeControl_.addEventListener(type, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
- return _this2.nativeControl_.removeEventListener(type, handler);
- },
- updateCssVariable: function updateCssVariable(varName, value) {
- return rippleSurface.style.setProperty(varName, value);
- },
- computeBoundingRect: function computeBoundingRect() {
- return rippleSurface.getBoundingClientRect();
- }
- });
- var foundation = new __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRippleFoundation"](adapter);
- return new __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRipple"](this.root_, foundation);
- }
- /** @return {!MDCSwitchFoundation} */
- }, {
- 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);
- },
- setNativeControlChecked: function setNativeControlChecked(checked) {
- return _this3.nativeControl_.checked = checked;
- },
- setNativeControlDisabled: function setNativeControlDisabled(disabled) {
- return _this3.nativeControl_.disabled = disabled;
- }
- });
- }
- /** @return {!MDCRipple} */
- }, {
- 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;
- }
- }, {
- key: 'ripple',
- get: function get() {
- return this.ripple_;
- }
- /** @return {boolean} */
- }, {
- key: 'checked',
- get: function get() {
- return this.nativeControl_.checked;
- }
- /** @param {boolean} checked */
- ,
- set: function set(checked) {
- this.foundation_.setChecked(checked);
- }
- /** @return {boolean} */
- }, {
- key: 'disabled',
- get: function get() {
- return this.nativeControl_.disabled;
- }
- /** @param {boolean} disabled */
- ,
- set: function set(disabled) {
- this.foundation_.setDisabled(disabled);
- }
- }]);
- return MDCSwitch;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 118 */
- /***/ (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__(119);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(120);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCFoundation<!MDCSwitchAdapter>}
- */
- var MDCSwitchFoundation = function (_MDCFoundation) {
- _inherits(MDCSwitchFoundation, _MDCFoundation);
- _createClass(MDCSwitchFoundation, null, [{
- key: 'strings',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
- }
- /** @return enum {string} */
- }, {
- key: 'cssClasses',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
- }
- /** @return {!MDCSwitchAdapter} */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCSwitchAdapter} */{
- addClass: function addClass() /* className: string */{},
- removeClass: function removeClass() /* className: string */{},
- setNativeControlChecked: function setNativeControlChecked() /* checked: boolean */{},
- setNativeControlDisabled: function setNativeControlDisabled() /* disabled: boolean */{}
- }
- );
- }
- }]);
- function MDCSwitchFoundation(adapter) {
- _classCallCheck(this, MDCSwitchFoundation);
- return _possibleConstructorReturn(this, (MDCSwitchFoundation.__proto__ || Object.getPrototypeOf(MDCSwitchFoundation)).call(this, _extends(MDCSwitchFoundation.defaultAdapter, adapter)));
- }
- /** @param {boolean} checked */
- _createClass(MDCSwitchFoundation, [{
- key: 'setChecked',
- value: function setChecked(checked) {
- this.adapter_.setNativeControlChecked(checked);
- this.updateCheckedStyling_(checked);
- }
- /** @param {boolean} disabled */
- }, {
- key: 'setDisabled',
- value: function setDisabled(disabled) {
- this.adapter_.setNativeControlDisabled(disabled);
- if (disabled) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].DISABLED);
- } else {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].DISABLED);
- }
- }
- /**
- * Handles the change event for the switch native control.
- * @param {!Event} evt
- */
- }, {
- key: 'handleChange',
- value: function handleChange(evt) {
- this.updateCheckedStyling_(evt.target.checked);
- }
- /**
- * Updates the styling of the switch based on its checked state.
- * @param {boolean} checked
- * @private
- */
- }, {
- key: 'updateCheckedStyling_',
- value: function updateCheckedStyling_(checked) {
- if (checked) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CHECKED);
- } else {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CHECKED);
- }
- }
- }]);
- return MDCSwitchFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCSwitchFoundation);
- /***/ }),
- /* 119 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint no-unused-vars: [2, {"args": "none"}] */
- /**
- * Adapter for MDC Switch. 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/code/architecture.md
- *
- * @record
- */
- var MDCSwitchAdapter = function () {
- function MDCSwitchAdapter() {
- _classCallCheck(this, MDCSwitchAdapter);
- }
- _createClass(MDCSwitchAdapter, [{
- key: "addClass",
- /** @param {string} className */
- value: function addClass(className) {}
- /** @param {string} className */
- }, {
- key: "removeClass",
- value: function removeClass(className) {}
- /** @param {boolean} checked */
- }, {
- key: "setNativeControlChecked",
- value: function setNativeControlChecked(checked) {}
- /** @param {boolean} disabled */
- }, {
- key: "setNativeControlDisabled",
- value: function setNativeControlDisabled(disabled) {}
- }]);
- return MDCSwitchAdapter;
- }();
- /* unused harmony default export */ var _unused_webpack_default_export = (MDCSwitchAdapter);
- /***/ }),
- /* 120 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- CHECKED: 'mdc-switch--checked',
- DISABLED: 'mdc-switch--disabled'
- };
- /** @enum {string} */
- var strings = {
- NATIVE_CONTROL_SELECTOR: '.mdc-switch__native-control',
- RIPPLE_SURFACE_SELECTOR: '.mdc-switch__thumb-underlay'
- };
- /***/ }),
- /* 121 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- ACTIVE: 'mdc-tab-indicator--active',
- FADE: 'mdc-tab-indicator--fade',
- NO_TRANSITION: 'mdc-tab-indicator--no-transition'
- };
- /** @enum {string} */
- var strings = {
- CONTENT_SELECTOR: '.mdc-tab-indicator__content'
- };
- /***/ }),
- /* 122 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(21);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCTabIndicatorFoundation}
- * @final
- */
- var MDCSlidingTabIndicatorFoundation = function (_MDCTabIndicatorFound) {
- _inherits(MDCSlidingTabIndicatorFoundation, _MDCTabIndicatorFound);
- function MDCSlidingTabIndicatorFoundation() {
- _classCallCheck(this, MDCSlidingTabIndicatorFoundation);
- return _possibleConstructorReturn(this, (MDCSlidingTabIndicatorFoundation.__proto__ || Object.getPrototypeOf(MDCSlidingTabIndicatorFoundation)).apply(this, arguments));
- }
- _createClass(MDCSlidingTabIndicatorFoundation, [{
- key: 'activate',
- /** @param {!ClientRect=} previousIndicatorClientRect */
- value: function activate(previousIndicatorClientRect) {
- // Early exit if no indicator is present to handle cases where an indicator
- // may be activated without a prior indicator state
- if (!previousIndicatorClientRect) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.ACTIVE);
- return;
- }
- // This animation uses the FLIP approach. You can read more about it at the link below:
- // https://aerotwist.com/blog/flip-your-animations/
- // Calculate the dimensions based on the dimensions of the previous indicator
- var currentClientRect = this.computeContentClientRect();
- var widthDelta = previousIndicatorClientRect.width / currentClientRect.width;
- var xPosition = previousIndicatorClientRect.left - currentClientRect.left;
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.NO_TRANSITION);
- this.adapter_.setContentStyleProperty('transform', 'translateX(' + xPosition + 'px) scaleX(' + widthDelta + ')');
- // Force repaint before updating classes and transform to ensure the transform properly takes effect
- this.computeContentClientRect();
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.NO_TRANSITION);
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.ACTIVE);
- this.adapter_.setContentStyleProperty('transform', '');
- }
- }, {
- key: 'deactivate',
- value: function deactivate() {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.ACTIVE);
- }
- }]);
- return MDCSlidingTabIndicatorFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCSlidingTabIndicatorFoundation);
- /***/ }),
- /* 123 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(21);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCTabIndicatorFoundation}
- * @final
- */
- var MDCFadingTabIndicatorFoundation = function (_MDCTabIndicatorFound) {
- _inherits(MDCFadingTabIndicatorFoundation, _MDCTabIndicatorFound);
- function MDCFadingTabIndicatorFoundation() {
- _classCallCheck(this, MDCFadingTabIndicatorFoundation);
- return _possibleConstructorReturn(this, (MDCFadingTabIndicatorFoundation.__proto__ || Object.getPrototypeOf(MDCFadingTabIndicatorFoundation)).apply(this, arguments));
- }
- _createClass(MDCFadingTabIndicatorFoundation, [{
- key: 'activate',
- value: function activate() {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.ACTIVE);
- }
- }, {
- key: 'deactivate',
- value: function deactivate() {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.ACTIVE);
- }
- }]);
- return MDCFadingTabIndicatorFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCFadingTabIndicatorFoundation);
- /***/ }),
- /* 124 */
- /***/ (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__(10);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(125);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCFoundation<!MDCTabAdapter>}
- * @final
- */
- var MDCTabFoundation = function (_MDCFoundation) {
- _inherits(MDCTabFoundation, _MDCFoundation);
- _createClass(MDCTabFoundation, 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 MDCTabAdapter for typing information
- * @return {!MDCTabAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCTabAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- hasClass: function hasClass() {},
- setAttr: function setAttr() {},
- activateIndicator: function activateIndicator() {},
- deactivateIndicator: function deactivateIndicator() {},
- notifyInteracted: function notifyInteracted() {},
- getOffsetLeft: function getOffsetLeft() {},
- getOffsetWidth: function getOffsetWidth() {},
- getContentOffsetLeft: function getContentOffsetLeft() {},
- getContentOffsetWidth: function getContentOffsetWidth() {},
- focus: function focus() {}
- }
- );
- }
- /** @param {!MDCTabAdapter} adapter */
- }]);
- function MDCTabFoundation(adapter) {
- _classCallCheck(this, MDCTabFoundation);
- /** @private {function(?Event): undefined} */
- var _this = _possibleConstructorReturn(this, (MDCTabFoundation.__proto__ || Object.getPrototypeOf(MDCTabFoundation)).call(this, _extends(MDCTabFoundation.defaultAdapter, adapter)));
- _this.handleClick_ = function () {
- return _this.handleClick();
- };
- return _this;
- }
- /**
- * Handles the "click" event
- */
- _createClass(MDCTabFoundation, [{
- key: 'handleClick',
- value: function handleClick() {
- // It's up to the parent component to keep track of the active Tab and
- // ensure we don't activate a Tab that's already active.
- this.adapter_.notifyInteracted();
- }
- /**
- * Returns the Tab's active state
- * @return {boolean}
- */
- }, {
- key: 'isActive',
- value: function isActive() {
- return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ACTIVE);
- }
- /**
- * Activates the Tab
- * @param {!ClientRect=} previousIndicatorClientRect
- */
- }, {
- key: 'activate',
- value: function activate(previousIndicatorClientRect) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ACTIVE);
- this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED, 'true');
- this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].TABINDEX, '0');
- this.adapter_.activateIndicator(previousIndicatorClientRect);
- this.adapter_.focus();
- }
- /**
- * Deactivates the Tab
- */
- }, {
- key: 'deactivate',
- value: function deactivate() {
- // Early exit
- if (!this.isActive()) {
- return;
- }
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ACTIVE);
- this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED, 'false');
- this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].TABINDEX, '-1');
- this.adapter_.deactivateIndicator();
- }
- /**
- * Returns the dimensions of the Tab
- * @return {!MDCTabDimensions}
- */
- }, {
- key: 'computeDimensions',
- value: function computeDimensions() {
- var rootWidth = this.adapter_.getOffsetWidth();
- var rootLeft = this.adapter_.getOffsetLeft();
- var contentWidth = this.adapter_.getContentOffsetWidth();
- var contentLeft = this.adapter_.getContentOffsetLeft();
- return {
- rootLeft: rootLeft,
- rootRight: rootLeft + rootWidth,
- contentLeft: rootLeft + contentLeft,
- contentRight: rootLeft + contentLeft + contentWidth
- };
- }
- }]);
- return MDCTabFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabFoundation);
- /***/ }),
- /* 125 */
- /***/ (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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var cssClasses = {
- ACTIVE: 'mdc-tab--active'
- };
- /** @enum {string} */
- var strings = {
- ARIA_SELECTED: 'aria-selected',
- RIPPLE_SELECTOR: '.mdc-tab__ripple',
- CONTENT_SELECTOR: '.mdc-tab__content',
- TAB_INDICATOR_SELECTOR: '.mdc-tab-indicator',
- TABINDEX: 'tabIndex',
- INTERACTED_EVENT: 'MDCTab:interacted'
- };
- /***/ }),
- /* 126 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBar", function() { return MDCTabBar; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_tab_index__ = __webpack_require__(20);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_tab_scroller_index__ = __webpack_require__(49);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__adapter__ = __webpack_require__(51);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__foundation__ = __webpack_require__(132);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_4__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; }; }();
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCComponent<!MDCTabBarFoundation>}
- * @final
- */
- var MDCTabBar = function (_MDCComponent) {
- _inherits(MDCTabBar, _MDCComponent);
- /**
- * @param {...?} args
- */
- function MDCTabBar() {
- var _ref;
- _classCallCheck(this, MDCTabBar);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {!Array<!MDCTab>} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCTabBar.__proto__ || Object.getPrototypeOf(MDCTabBar)).call.apply(_ref, [this].concat(args)));
- _this.tabList_;
- /** @type {(function(!Element): !MDCTab)} */
- _this.tabFactory_;
- /** @private {?MDCTabScroller} */
- _this.tabScroller_;
- /** @type {(function(!Element): !MDCTabScroller)} */
- _this.tabScrollerFactory_;
- /** @private {?function(?Event): undefined} */
- _this.handleTabInteraction_;
- /** @private {?function(?Event): undefined} */
- _this.handleKeyDown_;
- return _this;
- }
- /**
- * @param {!Element} root
- * @return {!MDCTabBar}
- */
- _createClass(MDCTabBar, [{
- key: 'initialize',
- /**
- * @param {(function(!Element): !MDCTab)=} tabFactory A function which creates a new MDCTab
- * @param {(function(!Element): !MDCTabScroller)=} tabScrollerFactory A function which creates a new MDCTabScroller
- */
- value: function initialize() {
- var _this2 = this;
- var tabFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_1__material_tab_index__["MDCTab"](el);
- };
- var tabScrollerFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_2__material_tab_scroller_index__["MDCTabScroller"](el);
- };
- this.tabFactory_ = tabFactory;
- this.tabScrollerFactory_ = tabScrollerFactory;
- this.tabList_ = this.getTabElements_().map(function (el) {
- return _this2.tabFactory_(el);
- });
- var tabScrollerElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.TAB_SCROLLER_SELECTOR);
- if (tabScrollerElement) {
- this.tabScroller_ = this.tabScrollerFactory_(tabScrollerElement);
- }
- }
- }, {
- key: 'initialSyncWithDOM',
- value: function initialSyncWithDOM() {
- var _this3 = this;
- this.handleTabInteraction_ = function (evt) {
- return _this3.foundation_.handleTabInteraction(evt);
- };
- this.handleKeyDown_ = function (evt) {
- return _this3.foundation_.handleKeyDown(evt);
- };
- this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_1__material_tab_index__["MDCTabFoundation"].strings.INTERACTED_EVENT, this.handleTabInteraction_);
- this.root_.addEventListener('keydown', this.handleKeyDown_);
- for (var i = 0; i < this.tabList_.length; i++) {
- if (this.tabList_[i].active) {
- this.scrollIntoView(i);
- break;
- }
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- _get(MDCTabBar.prototype.__proto__ || Object.getPrototypeOf(MDCTabBar.prototype), 'destroy', this).call(this);
- this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_1__material_tab_index__["MDCTabFoundation"].strings.INTERACTED_EVENT, this.handleTabInteraction_);
- this.root_.removeEventListener('keydown', this.handleKeyDown_);
- this.tabList_.forEach(function (tab) {
- return tab.destroy();
- });
- this.tabScroller_.destroy();
- }
- /**
- * @return {!MDCTabBarFoundation}
- */
- }, {
- key: 'getDefaultFoundation',
- value: function getDefaultFoundation() {
- var _this4 = this;
- return new __WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */](
- /** @type {!MDCTabBarAdapter} */{
- scrollTo: function scrollTo(scrollX) {
- return _this4.tabScroller_.scrollTo(scrollX);
- },
- incrementScroll: function incrementScroll(scrollXIncrement) {
- return _this4.tabScroller_.incrementScroll(scrollXIncrement);
- },
- getScrollPosition: function getScrollPosition() {
- return _this4.tabScroller_.getScrollPosition();
- },
- getScrollContentWidth: function getScrollContentWidth() {
- return _this4.tabScroller_.getScrollContentWidth();
- },
- getOffsetWidth: function getOffsetWidth() {
- return _this4.root_.offsetWidth;
- },
- isRTL: function isRTL() {
- return window.getComputedStyle(_this4.root_).getPropertyValue('direction') === 'rtl';
- },
- setActiveTab: function setActiveTab(index) {
- return _this4.foundation_.activateTab(index);
- },
- activateTabAtIndex: function activateTabAtIndex(index, clientRect) {
- return _this4.tabList_[index].activate(clientRect);
- },
- deactivateTabAtIndex: function deactivateTabAtIndex(index) {
- return _this4.tabList_[index].deactivate();
- },
- focusTabAtIndex: function focusTabAtIndex(index) {
- return _this4.tabList_[index].focus();
- },
- getTabIndicatorClientRectAtIndex: function getTabIndicatorClientRectAtIndex(index) {
- return _this4.tabList_[index].computeIndicatorClientRect();
- },
- getTabDimensionsAtIndex: function getTabDimensionsAtIndex(index) {
- return _this4.tabList_[index].computeDimensions();
- },
- getPreviousActiveTabIndex: function getPreviousActiveTabIndex() {
- for (var i = 0; i < _this4.tabList_.length; i++) {
- if (_this4.tabList_[i].active) {
- return i;
- }
- }
- return -1;
- },
- getFocusedTabIndex: function getFocusedTabIndex() {
- var tabElements = _this4.getTabElements_();
- var activeElement = document.activeElement;
- return tabElements.indexOf(activeElement);
- },
- getIndexOfTab: function getIndexOfTab(tabToFind) {
- return _this4.tabList_.indexOf(tabToFind);
- },
- getTabListLength: function getTabListLength() {
- return _this4.tabList_.length;
- },
- notifyTabActivated: function notifyTabActivated(index) {
- return _this4.emit(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.TAB_ACTIVATED_EVENT, { index: index }, true);
- }
- });
- }
- /**
- * Activates the tab at the given index
- * @param {number} index The index of the tab
- */
- }, {
- key: 'activateTab',
- value: function activateTab(index) {
- this.foundation_.activateTab(index);
- }
- /**
- * Scrolls the tab at the given index into view
- * @param {number} index THe index of the tab
- */
- }, {
- key: 'scrollIntoView',
- value: function scrollIntoView(index) {
- this.foundation_.scrollIntoView(index);
- }
- }, {
- key: 'getTabElements_',
- value: function getTabElements_() {
- return [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.TAB_SELECTOR));
- }
- }, {
- key: 'useAutomaticActivation',
- set: function set(useAutomaticActivation) {
- this.foundation_.setUseAutomaticActivation(useAutomaticActivation);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCTabBar(root);
- }
- }]);
- return MDCTabBar;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 127 */
- /***/ (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__(50);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(5);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__rtl_scroller__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__rtl_default_scroller__ = __webpack_require__(128);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__rtl_negative_scroller__ = __webpack_require__(129);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__rtl_reverse_scroller__ = __webpack_require__(130);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCFoundation<!MDCTabScrollerAdapter>}
- * @final
- */
- var MDCTabScrollerFoundation = function (_MDCFoundation) {
- _inherits(MDCTabScrollerFoundation, _MDCFoundation);
- _createClass(MDCTabScrollerFoundation, null, [{
- key: 'cssClasses',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
- }
- /** @return enum {string} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
- }
- /**
- * @see MDCTabScrollerAdapter for typing information
- * @return {!MDCTabScrollerAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCTabScrollerAdapter} */{
- eventTargetMatchesSelector: function eventTargetMatchesSelector() {},
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- addScrollAreaClass: function addScrollAreaClass() {},
- setScrollAreaStyleProperty: function setScrollAreaStyleProperty() {},
- setScrollContentStyleProperty: function setScrollContentStyleProperty() {},
- getScrollContentStyleValue: function getScrollContentStyleValue() {},
- setScrollAreaScrollLeft: function setScrollAreaScrollLeft() {},
- getScrollAreaScrollLeft: function getScrollAreaScrollLeft() {},
- getScrollContentOffsetWidth: function getScrollContentOffsetWidth() {},
- getScrollAreaOffsetWidth: function getScrollAreaOffsetWidth() {},
- computeScrollAreaClientRect: function computeScrollAreaClientRect() {},
- computeScrollContentClientRect: function computeScrollContentClientRect() {},
- computeHorizontalScrollbarHeight: function computeHorizontalScrollbarHeight() {}
- }
- );
- }
- /** @param {!MDCTabScrollerAdapter} adapter */
- }]);
- function MDCTabScrollerFoundation(adapter) {
- _classCallCheck(this, MDCTabScrollerFoundation);
- /**
- * This boolean controls whether we should handle the transitionend and interaction events during the animation.
- * @private {boolean}
- */
- var _this = _possibleConstructorReturn(this, (MDCTabScrollerFoundation.__proto__ || Object.getPrototypeOf(MDCTabScrollerFoundation)).call(this, _extends(MDCTabScrollerFoundation.defaultAdapter, adapter)));
- _this.isAnimating_ = false;
- /**
- * The MDCTabScrollerRTL instance varies per browser and allows us to encapsulate the peculiar browser behavior
- * of RTL scrolling in it's own class.
- * @private {?MDCTabScrollerRTL}
- */
- _this.rtlScrollerInstance_;
- return _this;
- }
- _createClass(MDCTabScrollerFoundation, [{
- key: 'init',
- value: function init() {
- // Compute horizontal scrollbar height on scroller with overflow initially hidden, then update overflow to scroll
- // and immediately adjust bottom margin to avoid the scrollbar initially appearing before JS runs.
- var horizontalScrollbarHeight = this.adapter_.computeHorizontalScrollbarHeight();
- this.adapter_.setScrollAreaStyleProperty('margin-bottom', -horizontalScrollbarHeight + 'px');
- this.adapter_.addScrollAreaClass(MDCTabScrollerFoundation.cssClasses.SCROLL_AREA_SCROLL);
- }
- /**
- * Computes the current visual scroll position
- * @return {number}
- */
- }, {
- key: 'getScrollPosition',
- value: function getScrollPosition() {
- if (this.isRTL_()) {
- return this.computeCurrentScrollPositionRTL_();
- }
- var currentTranslateX = this.calculateCurrentTranslateX_();
- var scrollLeft = this.adapter_.getScrollAreaScrollLeft();
- return scrollLeft - currentTranslateX;
- }
- /**
- * Handles interaction events that occur during transition
- */
- }, {
- key: 'handleInteraction',
- value: function handleInteraction() {
- // Early exit if we aren't animating
- if (!this.isAnimating_) {
- return;
- }
- // Prevent other event listeners from handling this event
- this.stopScrollAnimation_();
- }
- /**
- * Handles the transitionend event
- * @param {!Event} evt
- */
- }, {
- key: 'handleTransitionEnd',
- value: function handleTransitionEnd(evt) {
- // Early exit if we aren't animating or the event was triggered by a different element.
- if (!this.isAnimating_ || !this.adapter_.eventTargetMatchesSelector(evt.target, MDCTabScrollerFoundation.strings.CONTENT_SELECTOR)) {
- return;
- }
- this.isAnimating_ = false;
- this.adapter_.removeClass(MDCTabScrollerFoundation.cssClasses.ANIMATING);
- }
- /**
- * Increment the scroll value by the scrollXIncrement
- * @param {number} scrollXIncrement The value by which to increment the scroll position
- */
- }, {
- key: 'incrementScroll',
- value: function incrementScroll(scrollXIncrement) {
- // Early exit for non-operational increment values
- if (scrollXIncrement === 0) {
- return;
- }
- if (this.isRTL_()) {
- return this.incrementScrollRTL_(scrollXIncrement);
- }
- this.incrementScroll_(scrollXIncrement);
- }
- /**
- * Scrolls to the given scrollX value
- * @param {number} scrollX
- */
- }, {
- key: 'scrollTo',
- value: function scrollTo(scrollX) {
- if (this.isRTL_()) {
- return this.scrollToRTL_(scrollX);
- }
- this.scrollTo_(scrollX);
- }
- /**
- * Returns the appropriate version of the MDCTabScrollerRTL
- * @return {!MDCTabScrollerRTL}
- */
- }, {
- key: 'getRTLScroller',
- value: function getRTLScroller() {
- if (!this.rtlScrollerInstance_) {
- this.rtlScrollerInstance_ = this.rtlScrollerFactory_();
- }
- return this.rtlScrollerInstance_;
- }
- /**
- * Returns the translateX value from a CSS matrix transform function string
- * @return {number}
- * @private
- */
- }, {
- key: 'calculateCurrentTranslateX_',
- value: function calculateCurrentTranslateX_() {
- var transformValue = this.adapter_.getScrollContentStyleValue('transform');
- // Early exit if no transform is present
- if (transformValue === 'none') {
- return 0;
- }
- // The transform value comes back as a matrix transformation in the form
- // of `matrix(a, b, c, d, tx, ty)`. We only care about tx (translateX) so
- // we're going to grab all the parenthesized values, strip out tx, and
- // parse it.
- var results = /\((.+)\)/.exec(transformValue)[1];
- var parts = results.split(',');
- return parseFloat(parts[4]);
- }
- /**
- * Calculates a safe scroll value that is > 0 and < the max scroll value
- * @param {number} scrollX The distance to scroll
- * @return {number}
- * @private
- */
- }, {
- key: 'clampScrollValue_',
- value: function clampScrollValue_(scrollX) {
- var edges = this.calculateScrollEdges_();
- return Math.min(Math.max(edges.left, scrollX), edges.right);
- }
- /**
- * @return {number}
- * @private
- */
- }, {
- key: 'computeCurrentScrollPositionRTL_',
- value: function computeCurrentScrollPositionRTL_() {
- var translateX = this.calculateCurrentTranslateX_();
- return this.getRTLScroller().getScrollPositionRTL(translateX);
- }
- /**
- * @return {!MDCTabScrollerHorizontalEdges}
- * @private
- */
- }, {
- key: 'calculateScrollEdges_',
- value: function calculateScrollEdges_() {
- var contentWidth = this.adapter_.getScrollContentOffsetWidth();
- var rootWidth = this.adapter_.getScrollAreaOffsetWidth();
- return (/** @type {!MDCTabScrollerHorizontalEdges} */{
- left: 0,
- right: contentWidth - rootWidth
- }
- );
- }
- /**
- * Internal scroll method
- * @param {number} scrollX The new scroll position
- * @private
- */
- }, {
- key: 'scrollTo_',
- value: function scrollTo_(scrollX) {
- var currentScrollX = this.getScrollPosition();
- var safeScrollX = this.clampScrollValue_(scrollX);
- var scrollDelta = safeScrollX - currentScrollX;
- this.animate_( /** @type {!MDCTabScrollerAnimation} */{
- finalScrollPosition: safeScrollX,
- scrollDelta: scrollDelta
- });
- }
- /**
- * Internal RTL scroll method
- * @param {number} scrollX The new scroll position
- * @private
- */
- }, {
- key: 'scrollToRTL_',
- value: function scrollToRTL_(scrollX) {
- var animation = this.getRTLScroller().scrollToRTL(scrollX);
- this.animate_(animation);
- }
- /**
- * Internal increment scroll method
- * @param {number} scrollX The new scroll position increment
- * @private
- */
- }, {
- key: 'incrementScroll_',
- value: function incrementScroll_(scrollX) {
- var currentScrollX = this.getScrollPosition();
- var targetScrollX = scrollX + currentScrollX;
- var safeScrollX = this.clampScrollValue_(targetScrollX);
- var scrollDelta = safeScrollX - currentScrollX;
- this.animate_( /** @type {!MDCTabScrollerAnimation} */{
- finalScrollPosition: safeScrollX,
- scrollDelta: scrollDelta
- });
- }
- /**
- * Internal incremenet scroll RTL method
- * @param {number} scrollX The new scroll position RTL increment
- * @private
- */
- }, {
- key: 'incrementScrollRTL_',
- value: function incrementScrollRTL_(scrollX) {
- var animation = this.getRTLScroller().incrementScrollRTL(scrollX);
- this.animate_(animation);
- }
- /**
- * Animates the tab scrolling
- * @param {!MDCTabScrollerAnimation} animation The animation to apply
- * @private
- */
- }, {
- key: 'animate_',
- value: function animate_(animation) {
- var _this2 = this;
- // Early exit if translateX is 0, which means there's no animation to perform
- if (animation.scrollDelta === 0) {
- return;
- }
- this.stopScrollAnimation_();
- // This animation uses the FLIP approach.
- // Read more here: https://aerotwist.com/blog/flip-your-animations/
- this.adapter_.setScrollAreaScrollLeft(animation.finalScrollPosition);
- this.adapter_.setScrollContentStyleProperty('transform', 'translateX(' + animation.scrollDelta + 'px)');
- // Force repaint
- this.adapter_.computeScrollAreaClientRect();
- requestAnimationFrame(function () {
- _this2.adapter_.addClass(MDCTabScrollerFoundation.cssClasses.ANIMATING);
- _this2.adapter_.setScrollContentStyleProperty('transform', 'none');
- });
- this.isAnimating_ = true;
- }
- /**
- * Stops scroll animation
- * @private
- */
- }, {
- key: 'stopScrollAnimation_',
- value: function stopScrollAnimation_() {
- this.isAnimating_ = false;
- var currentScrollPosition = this.getAnimatingScrollPosition_();
- this.adapter_.removeClass(MDCTabScrollerFoundation.cssClasses.ANIMATING);
- this.adapter_.setScrollContentStyleProperty('transform', 'translateX(0px)');
- this.adapter_.setScrollAreaScrollLeft(currentScrollPosition);
- }
- /**
- * Gets the current scroll position during animation
- * @return {number}
- * @private
- */
- }, {
- key: 'getAnimatingScrollPosition_',
- value: function getAnimatingScrollPosition_() {
- var currentTranslateX = this.calculateCurrentTranslateX_();
- var scrollLeft = this.adapter_.getScrollAreaScrollLeft();
- if (this.isRTL_()) {
- return this.getRTLScroller().getAnimatingScrollPosition(scrollLeft, currentTranslateX);
- }
- return scrollLeft - currentTranslateX;
- }
- /**
- * Determines the RTL Scroller to use
- * @return {!MDCTabScrollerRTL}
- * @private
- */
- }, {
- key: 'rtlScrollerFactory_',
- value: function rtlScrollerFactory_() {
- // Browsers have three different implementations of scrollLeft in RTL mode,
- // dependent on the browser. The behavior is based off the max LTR
- // scrollleft value and 0.
- //
- // * Default scrolling in RTL *
- // - Left-most value: 0
- // - Right-most value: Max LTR scrollLeft value
- //
- // * Negative scrolling in RTL *
- // - Left-most value: Negated max LTR scrollLeft value
- // - Right-most value: 0
- //
- // * Reverse scrolling in RTL *
- // - Left-most value: Max LTR scrollLeft value
- // - Right-most value: 0
- //
- // We use those principles below to determine which RTL scrollLeft
- // behavior is implemented in the current browser.
- var initialScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- this.adapter_.setScrollAreaScrollLeft(initialScrollLeft - 1);
- var newScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- // If the newScrollLeft value is negative,then we know that the browser has
- // implemented negative RTL scrolling, since all other implementations have
- // only positive values.
- if (newScrollLeft < 0) {
- // Undo the scrollLeft test check
- this.adapter_.setScrollAreaScrollLeft(initialScrollLeft);
- return new __WEBPACK_IMPORTED_MODULE_5__rtl_negative_scroller__["a" /* default */](this.adapter_);
- }
- var rootClientRect = this.adapter_.computeScrollAreaClientRect();
- var contentClientRect = this.adapter_.computeScrollContentClientRect();
- var rightEdgeDelta = Math.round(contentClientRect.right - rootClientRect.right);
- // Undo the scrollLeft test check
- this.adapter_.setScrollAreaScrollLeft(initialScrollLeft);
- // By calculating the clientRect of the root element and the clientRect of
- // the content element, we can determine how much the scroll value changed
- // when we performed the scrollLeft subtraction above.
- if (rightEdgeDelta === newScrollLeft) {
- return new __WEBPACK_IMPORTED_MODULE_6__rtl_reverse_scroller__["a" /* default */](this.adapter_);
- }
- return new __WEBPACK_IMPORTED_MODULE_4__rtl_default_scroller__["a" /* default */](this.adapter_);
- }
- /**
- * @return {boolean}
- * @private
- */
- }, {
- key: 'isRTL_',
- value: function isRTL_() {
- return this.adapter_.getScrollContentStyleValue('direction') === 'rtl';
- }
- }]);
- return MDCTabScrollerFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabScrollerFoundation);
- /***/ }),
- /* 128 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rtl_scroller__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(5);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCTabScrollerRTL}
- * @final
- */
- var MDCTabScrollerRTLDefault = function (_MDCTabScrollerRTL) {
- _inherits(MDCTabScrollerRTLDefault, _MDCTabScrollerRTL);
- function MDCTabScrollerRTLDefault() {
- _classCallCheck(this, MDCTabScrollerRTLDefault);
- return _possibleConstructorReturn(this, (MDCTabScrollerRTLDefault.__proto__ || Object.getPrototypeOf(MDCTabScrollerRTLDefault)).apply(this, arguments));
- }
- _createClass(MDCTabScrollerRTLDefault, [{
- key: 'getScrollPositionRTL',
- /**
- * @return {number}
- */
- value: function getScrollPositionRTL() {
- var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- var _calculateScrollEdges = this.calculateScrollEdges_(),
- right = _calculateScrollEdges.right;
- // Scroll values on most browsers are ints instead of floats so we round
- return Math.round(right - currentScrollLeft);
- }
- /**
- * @param {number} scrollX
- * @return {!MDCTabScrollerAnimation}
- */
- }, {
- key: 'scrollToRTL',
- value: function scrollToRTL(scrollX) {
- var edges = this.calculateScrollEdges_();
- var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- var clampedScrollLeft = this.clampScrollValue_(edges.right - scrollX);
- return (/** @type {!MDCTabScrollerAnimation} */{
- finalScrollPosition: clampedScrollLeft,
- scrollDelta: clampedScrollLeft - currentScrollLeft
- }
- );
- }
- /**
- * @param {number} scrollX
- * @return {!MDCTabScrollerAnimation}
- */
- }, {
- key: 'incrementScrollRTL',
- value: function incrementScrollRTL(scrollX) {
- var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- var clampedScrollLeft = this.clampScrollValue_(currentScrollLeft - scrollX);
- return (/** @type {!MDCTabScrollerAnimation} */{
- finalScrollPosition: clampedScrollLeft,
- scrollDelta: clampedScrollLeft - currentScrollLeft
- }
- );
- }
- /**
- * @param {number} scrollX
- * @return {number}
- */
- }, {
- key: 'getAnimatingScrollPosition',
- value: function getAnimatingScrollPosition(scrollX) {
- return scrollX;
- }
- /**
- * @return {!MDCTabScrollerHorizontalEdges}
- * @private
- */
- }, {
- key: 'calculateScrollEdges_',
- value: function calculateScrollEdges_() {
- var contentWidth = this.adapter_.getScrollContentOffsetWidth();
- var rootWidth = this.adapter_.getScrollAreaOffsetWidth();
- return (/** @type {!MDCTabScrollerHorizontalEdges} */{
- left: 0,
- right: contentWidth - rootWidth
- }
- );
- }
- /**
- * @param {number} scrollX
- * @return {number}
- * @private
- */
- }, {
- key: 'clampScrollValue_',
- value: function clampScrollValue_(scrollX) {
- var edges = this.calculateScrollEdges_();
- return Math.min(Math.max(edges.left, scrollX), edges.right);
- }
- }]);
- return MDCTabScrollerRTLDefault;
- }(__WEBPACK_IMPORTED_MODULE_0__rtl_scroller__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabScrollerRTLDefault);
- /***/ }),
- /* 129 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rtl_scroller__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(5);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCTabScrollerRTL}
- * @final
- */
- var MDCTabScrollerRTLNegative = function (_MDCTabScrollerRTL) {
- _inherits(MDCTabScrollerRTLNegative, _MDCTabScrollerRTL);
- function MDCTabScrollerRTLNegative() {
- _classCallCheck(this, MDCTabScrollerRTLNegative);
- return _possibleConstructorReturn(this, (MDCTabScrollerRTLNegative.__proto__ || Object.getPrototypeOf(MDCTabScrollerRTLNegative)).apply(this, arguments));
- }
- _createClass(MDCTabScrollerRTLNegative, [{
- key: 'getScrollPositionRTL',
- /**
- * @param {number} translateX The current translateX position
- * @return {number}
- */
- value: function getScrollPositionRTL(translateX) {
- var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- return Math.round(translateX - currentScrollLeft);
- }
- /**
- * @param {number} scrollX
- * @return {!MDCTabScrollerAnimation}
- */
- }, {
- key: 'scrollToRTL',
- value: function scrollToRTL(scrollX) {
- var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- var clampedScrollLeft = this.clampScrollValue_(-scrollX);
- return (/** @type {!MDCTabScrollerAnimation} */{
- finalScrollPosition: clampedScrollLeft,
- scrollDelta: clampedScrollLeft - currentScrollLeft
- }
- );
- }
- /**
- * @param {number} scrollX
- * @return {!MDCTabScrollerAnimation}
- */
- }, {
- key: 'incrementScrollRTL',
- value: function incrementScrollRTL(scrollX) {
- var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- var clampedScrollLeft = this.clampScrollValue_(currentScrollLeft - scrollX);
- return (/** @type {!MDCTabScrollerAnimation} */{
- finalScrollPosition: clampedScrollLeft,
- scrollDelta: clampedScrollLeft - currentScrollLeft
- }
- );
- }
- /**
- * @param {number} scrollX
- * @param {number} translateX
- * @return {number}
- */
- }, {
- key: 'getAnimatingScrollPosition',
- value: function getAnimatingScrollPosition(scrollX, translateX) {
- return scrollX - translateX;
- }
- /**
- * @return {!MDCTabScrollerHorizontalEdges}
- * @private
- */
- }, {
- key: 'calculateScrollEdges_',
- value: function calculateScrollEdges_() {
- var contentWidth = this.adapter_.getScrollContentOffsetWidth();
- var rootWidth = this.adapter_.getScrollAreaOffsetWidth();
- return (/** @type {!MDCTabScrollerHorizontalEdges} */{
- left: rootWidth - contentWidth,
- right: 0
- }
- );
- }
- /**
- * @param {number} scrollX
- * @return {number}
- * @private
- */
- }, {
- key: 'clampScrollValue_',
- value: function clampScrollValue_(scrollX) {
- var edges = this.calculateScrollEdges_();
- return Math.max(Math.min(edges.right, scrollX), edges.left);
- }
- }]);
- return MDCTabScrollerRTLNegative;
- }(__WEBPACK_IMPORTED_MODULE_0__rtl_scroller__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabScrollerRTLNegative);
- /***/ }),
- /* 130 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rtl_scroller__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(5);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCTabScrollerRTL}
- * @final
- */
- var MDCTabScrollerRTLReverse = function (_MDCTabScrollerRTL) {
- _inherits(MDCTabScrollerRTLReverse, _MDCTabScrollerRTL);
- function MDCTabScrollerRTLReverse() {
- _classCallCheck(this, MDCTabScrollerRTLReverse);
- return _possibleConstructorReturn(this, (MDCTabScrollerRTLReverse.__proto__ || Object.getPrototypeOf(MDCTabScrollerRTLReverse)).apply(this, arguments));
- }
- _createClass(MDCTabScrollerRTLReverse, [{
- key: 'getScrollPositionRTL',
- /**
- * @param {number} translateX
- * @return {number}
- */
- value: function getScrollPositionRTL(translateX) {
- var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- // Scroll values on most browsers are ints instead of floats so we round
- return Math.round(currentScrollLeft - translateX);
- }
- /**
- * @param {number} scrollX
- * @return {!MDCTabScrollerAnimation}
- */
- }, {
- key: 'scrollToRTL',
- value: function scrollToRTL(scrollX) {
- var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- var clampedScrollLeft = this.clampScrollValue_(scrollX);
- return (/** @type {!MDCTabScrollerAnimation} */{
- finalScrollPosition: clampedScrollLeft,
- scrollDelta: currentScrollLeft - clampedScrollLeft
- }
- );
- }
- /**
- * @param {number} scrollX
- * @return {!MDCTabScrollerAnimation}
- */
- }, {
- key: 'incrementScrollRTL',
- value: function incrementScrollRTL(scrollX) {
- var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
- var clampedScrollLeft = this.clampScrollValue_(currentScrollLeft + scrollX);
- return (/** @type {!MDCTabScrollerAnimation} */{
- finalScrollPosition: clampedScrollLeft,
- scrollDelta: currentScrollLeft - clampedScrollLeft
- }
- );
- }
- /**
- * @param {number} scrollX
- * @return {number}
- */
- }, {
- key: 'getAnimatingScrollPosition',
- value: function getAnimatingScrollPosition(scrollX, translateX) {
- return scrollX + translateX;
- }
- /**
- * @return {!MDCTabScrollerHorizontalEdges}
- * @private
- */
- }, {
- key: 'calculateScrollEdges_',
- value: function calculateScrollEdges_() {
- var contentWidth = this.adapter_.getScrollContentOffsetWidth();
- var rootWidth = this.adapter_.getScrollAreaOffsetWidth();
- return (/** @type {!MDCTabScrollerHorizontalEdges} */{
- left: contentWidth - rootWidth,
- right: 0
- }
- );
- }
- /**
- * @param {number} scrollX
- * @return {number}
- * @private
- */
- }, {
- key: 'clampScrollValue_',
- value: function clampScrollValue_(scrollX) {
- var edges = this.calculateScrollEdges_();
- return Math.min(Math.max(edges.right, scrollX), edges.left);
- }
- }]);
- return MDCTabScrollerRTLReverse;
- }(__WEBPACK_IMPORTED_MODULE_0__rtl_scroller__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabScrollerRTLReverse);
- /***/ }),
- /* 131 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "computeHorizontalScrollbarHeight", function() { return computeHorizontalScrollbarHeight; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMatchesProperty", function() { return getMatchesProperty; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(50);
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * Stores result from computeHorizontalScrollbarHeight to avoid redundant processing.
- * @private {number|undefined}
- */
- var horizontalScrollbarHeight_ = void 0;
- /**
- * Computes the height of browser-rendered horizontal scrollbars using a self-created test element.
- * May return 0 (e.g. on OS X browsers under default configuration).
- * @param {!Document} documentObj
- * @param {boolean=} shouldCacheResult
- * @return {number}
- */
- function computeHorizontalScrollbarHeight(documentObj) {
- var shouldCacheResult = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
- if (shouldCacheResult && typeof horizontalScrollbarHeight_ !== 'undefined') {
- return horizontalScrollbarHeight_;
- }
- var el = documentObj.createElement('div');
- el.classList.add(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].SCROLL_TEST);
- documentObj.body.appendChild(el);
- var horizontalScrollbarHeight = el.offsetHeight - el.clientHeight;
- documentObj.body.removeChild(el);
- if (shouldCacheResult) {
- horizontalScrollbarHeight_ = horizontalScrollbarHeight;
- }
- return horizontalScrollbarHeight;
- }
- /**
- * @param {!Object} HTMLElementPrototype
- * @return {!Array<string>}
- */
- function getMatchesProperty(HTMLElementPrototype) {
- return ['msMatchesSelector', 'matches'].filter(function (p) {
- return p in HTMLElementPrototype;
- }).pop();
- }
- /***/ }),
- /* 132 */
- /***/ (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__(133);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(51);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_tab_adapter__ = __webpack_require__(10);
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @type {Set<string>}
- */
- var ACCEPTABLE_KEYS = new Set();
- // IE11 has no support for new Set with iterable so we need to initialize this by hand
- ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_LEFT_KEY);
- ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_RIGHT_KEY);
- ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].END_KEY);
- ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].HOME_KEY);
- ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ENTER_KEY);
- ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].SPACE_KEY);
- /**
- * @type {Map<number, string>}
- */
- var KEYCODE_MAP = new Map();
- // IE11 has no support for new Map with iterable so we need to initialize this by hand
- KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].ARROW_LEFT_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_LEFT_KEY);
- KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].ARROW_RIGHT_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_RIGHT_KEY);
- KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].END_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].END_KEY);
- KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].HOME_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].HOME_KEY);
- KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].ENTER_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ENTER_KEY);
- KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].SPACE_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].SPACE_KEY);
- /**
- * @extends {MDCFoundation<!MDCTabBarAdapter>}
- * @final
- */
- var MDCTabBarFoundation = function (_MDCFoundation) {
- _inherits(MDCTabBarFoundation, _MDCFoundation);
- _createClass(MDCTabBarFoundation, null, [{
- key: 'strings',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
- }
- /** @return enum {number} */
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */];
- }
- /**
- * @see MDCTabBarAdapter for typing information
- * @return {!MDCTabBarAdapter}
- */
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCTabBarAdapter} */{
- scrollTo: function scrollTo() {},
- incrementScroll: function incrementScroll() {},
- getScrollPosition: function getScrollPosition() {},
- getScrollContentWidth: function getScrollContentWidth() {},
- getOffsetWidth: function getOffsetWidth() {},
- isRTL: function isRTL() {},
- setActiveTab: function setActiveTab() {},
- activateTabAtIndex: function activateTabAtIndex() {},
- deactivateTabAtIndex: function deactivateTabAtIndex() {},
- focusTabAtIndex: function focusTabAtIndex() {},
- getTabIndicatorClientRectAtIndex: function getTabIndicatorClientRectAtIndex() {},
- getTabDimensionsAtIndex: function getTabDimensionsAtIndex() {},
- getPreviousActiveTabIndex: function getPreviousActiveTabIndex() {},
- getFocusedTabIndex: function getFocusedTabIndex() {},
- getIndexOfTab: function getIndexOfTab() {},
- getTabListLength: function getTabListLength() {},
- notifyTabActivated: function notifyTabActivated() {}
- }
- );
- }
- /**
- * @param {!MDCTabBarAdapter} adapter
- * */
- }]);
- function MDCTabBarFoundation(adapter) {
- _classCallCheck(this, MDCTabBarFoundation);
- /** @private {boolean} */
- var _this = _possibleConstructorReturn(this, (MDCTabBarFoundation.__proto__ || Object.getPrototypeOf(MDCTabBarFoundation)).call(this, _extends(MDCTabBarFoundation.defaultAdapter, adapter)));
- _this.useAutomaticActivation_ = false;
- return _this;
- }
- /**
- * Switches between automatic and manual activation modes.
- * See https://www.w3.org/TR/wai-aria-practices/#tabpanel for examples.
- * @param {boolean} useAutomaticActivation
- */
- _createClass(MDCTabBarFoundation, [{
- key: 'setUseAutomaticActivation',
- value: function setUseAutomaticActivation(useAutomaticActivation) {
- this.useAutomaticActivation_ = useAutomaticActivation;
- }
- /**
- * Activates the tab at the given index
- * @param {number} index
- */
- }, {
- key: 'activateTab',
- value: function activateTab(index) {
- var previousActiveIndex = this.adapter_.getPreviousActiveTabIndex();
- if (!this.indexIsInRange_(index) || index === previousActiveIndex) {
- return;
- }
- this.adapter_.deactivateTabAtIndex(previousActiveIndex);
- this.adapter_.activateTabAtIndex(index, this.adapter_.getTabIndicatorClientRectAtIndex(previousActiveIndex));
- this.scrollIntoView(index);
- this.adapter_.notifyTabActivated(index);
- }
- /**
- * Handles the keydown event
- * @param {!Event} evt
- */
- }, {
- key: 'handleKeyDown',
- value: function handleKeyDown(evt) {
- // Get the key from the event
- var key = this.getKeyFromEvent_(evt);
- // Early exit if the event key isn't one of the keyboard navigation keys
- if (key === undefined) {
- return;
- }
- // Prevent default behavior for movement keys, but not for activation keys, since :active is used to apply ripple
- if (!this.isActivationKey_(key)) {
- evt.preventDefault();
- }
- if (this.useAutomaticActivation_) {
- if (this.isActivationKey_(key)) {
- return;
- }
- var index = this.determineTargetFromKey_(this.adapter_.getPreviousActiveTabIndex(), key);
- this.adapter_.setActiveTab(index);
- this.scrollIntoView(index);
- } else {
- var focusedTabIndex = this.adapter_.getFocusedTabIndex();
- if (this.isActivationKey_(key)) {
- this.adapter_.setActiveTab(focusedTabIndex);
- } else {
- var _index = this.determineTargetFromKey_(focusedTabIndex, key);
- this.adapter_.focusTabAtIndex(_index);
- this.scrollIntoView(_index);
- }
- }
- }
- /**
- * Handles the MDCTab:interacted event
- * @param {!Event} evt
- */
- }, {
- key: 'handleTabInteraction',
- value: function handleTabInteraction(evt) {
- this.adapter_.setActiveTab(this.adapter_.getIndexOfTab(evt.detail.tab));
- }
- /**
- * Scrolls the tab at the given index into view
- * @param {number} index The tab index to make visible
- */
- }, {
- key: 'scrollIntoView',
- value: function scrollIntoView(index) {
- // Early exit if the index is out of range
- if (!this.indexIsInRange_(index)) {
- return;
- }
- // Always scroll to 0 if scrolling to the 0th index
- if (index === 0) {
- return this.adapter_.scrollTo(0);
- }
- // Always scroll to the max value if scrolling to the Nth index
- // MDCTabScroller.scrollTo() will never scroll past the max possible value
- if (index === this.adapter_.getTabListLength() - 1) {
- return this.adapter_.scrollTo(this.adapter_.getScrollContentWidth());
- }
- if (this.isRTL_()) {
- return this.scrollIntoViewRTL_(index);
- }
- this.scrollIntoView_(index);
- }
- /**
- * Private method for determining the index of the destination tab based on what key was pressed
- * @param {number} origin The original index from which to determine the destination
- * @param {string} key The name of the key
- * @return {number}
- * @private
- */
- }, {
- key: 'determineTargetFromKey_',
- value: function determineTargetFromKey_(origin, key) {
- var isRTL = this.isRTL_();
- var maxIndex = this.adapter_.getTabListLength() - 1;
- var shouldGoToEnd = key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].END_KEY;
- var shouldDecrement = key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_LEFT_KEY && !isRTL || key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_RIGHT_KEY && isRTL;
- var shouldIncrement = key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_RIGHT_KEY && !isRTL || key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_LEFT_KEY && isRTL;
- var index = origin;
- if (shouldGoToEnd) {
- index = maxIndex;
- } else if (shouldDecrement) {
- index -= 1;
- } else if (shouldIncrement) {
- index += 1;
- } else {
- index = 0;
- }
- if (index < 0) {
- index = maxIndex;
- } else if (index > maxIndex) {
- index = 0;
- }
- return index;
- }
- /**
- * Calculates the scroll increment that will make the tab at the given index visible
- * @param {number} index The index of the tab
- * @param {number} nextIndex The index of the next tab
- * @param {number} scrollPosition The current scroll position
- * @param {number} barWidth The width of the Tab Bar
- * @return {number}
- * @private
- */
- }, {
- key: 'calculateScrollIncrement_',
- value: function calculateScrollIncrement_(index, nextIndex, scrollPosition, barWidth) {
- var nextTabDimensions = this.adapter_.getTabDimensionsAtIndex(nextIndex);
- var relativeContentLeft = nextTabDimensions.contentLeft - scrollPosition - barWidth;
- var relativeContentRight = nextTabDimensions.contentRight - scrollPosition;
- var leftIncrement = relativeContentRight - __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].EXTRA_SCROLL_AMOUNT;
- var rightIncrement = relativeContentLeft + __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].EXTRA_SCROLL_AMOUNT;
- if (nextIndex < index) {
- return Math.min(leftIncrement, 0);
- }
- return Math.max(rightIncrement, 0);
- }
- /**
- * Calculates the scroll increment that will make the tab at the given index visible in RTL
- * @param {number} index The index of the tab
- * @param {number} nextIndex The index of the next tab
- * @param {number} scrollPosition The current scroll position
- * @param {number} barWidth The width of the Tab Bar
- * @param {number} scrollContentWidth The width of the scroll content
- * @return {number}
- * @private
- */
- }, {
- key: 'calculateScrollIncrementRTL_',
- value: function calculateScrollIncrementRTL_(index, nextIndex, scrollPosition, barWidth, scrollContentWidth) {
- var nextTabDimensions = this.adapter_.getTabDimensionsAtIndex(nextIndex);
- var relativeContentLeft = scrollContentWidth - nextTabDimensions.contentLeft - scrollPosition;
- var relativeContentRight = scrollContentWidth - nextTabDimensions.contentRight - scrollPosition - barWidth;
- var leftIncrement = relativeContentRight + __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].EXTRA_SCROLL_AMOUNT;
- var rightIncrement = relativeContentLeft - __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].EXTRA_SCROLL_AMOUNT;
- if (nextIndex > index) {
- return Math.max(leftIncrement, 0);
- }
- return Math.min(rightIncrement, 0);
- }
- /**
- * Determines the index of the adjacent tab closest to either edge of the Tab Bar
- * @param {number} index The index of the tab
- * @param {!MDCTabDimensions} tabDimensions The dimensions of the tab
- * @param {number} scrollPosition The current scroll position
- * @param {number} barWidth The width of the tab bar
- * @return {number}
- * @private
- */
- }, {
- key: 'findAdjacentTabIndexClosestToEdge_',
- value: function findAdjacentTabIndexClosestToEdge_(index, tabDimensions, scrollPosition, barWidth) {
- /**
- * Tabs are laid out in the Tab Scroller like this:
- *
- * Scroll Position
- * +---+
- * | | Bar Width
- * | +-----------------------------------+
- * | | |
- * | V V
- * | +-----------------------------------+
- * V | Tab Scroller |
- * +------------+--------------+-------------------+
- * | Tab | Tab | Tab |
- * +------------+--------------+-------------------+
- * | |
- * +-----------------------------------+
- *
- * To determine the next adjacent index, we look at the Tab root left and
- * Tab root right, both relative to the scroll position. If the Tab root
- * left is less than 0, then we know it's out of view to the left. If the
- * Tab root right minus the bar width is greater than 0, we know the Tab is
- * out of view to the right. From there, we either increment or decrement
- * the index.
- */
- var relativeRootLeft = tabDimensions.rootLeft - scrollPosition;
- var relativeRootRight = tabDimensions.rootRight - scrollPosition - barWidth;
- var relativeRootDelta = relativeRootLeft + relativeRootRight;
- var leftEdgeIsCloser = relativeRootLeft < 0 || relativeRootDelta < 0;
- var rightEdgeIsCloser = relativeRootRight > 0 || relativeRootDelta > 0;
- if (leftEdgeIsCloser) {
- return index - 1;
- }
- if (rightEdgeIsCloser) {
- return index + 1;
- }
- return -1;
- }
- /**
- * Determines the index of the adjacent tab closest to either edge of the Tab Bar in RTL
- * @param {number} index The index of the tab
- * @param {!MDCTabDimensions} tabDimensions The dimensions of the tab
- * @param {number} scrollPosition The current scroll position
- * @param {number} barWidth The width of the tab bar
- * @param {number} scrollContentWidth The width of the scroller content
- * @return {number}
- * @private
- */
- }, {
- key: 'findAdjacentTabIndexClosestToEdgeRTL_',
- value: function findAdjacentTabIndexClosestToEdgeRTL_(index, tabDimensions, scrollPosition, barWidth, scrollContentWidth) {
- var rootLeft = scrollContentWidth - tabDimensions.rootLeft - barWidth - scrollPosition;
- var rootRight = scrollContentWidth - tabDimensions.rootRight - scrollPosition;
- var rootDelta = rootLeft + rootRight;
- var leftEdgeIsCloser = rootLeft > 0 || rootDelta > 0;
- var rightEdgeIsCloser = rootRight < 0 || rootDelta < 0;
- if (leftEdgeIsCloser) {
- return index + 1;
- }
- if (rightEdgeIsCloser) {
- return index - 1;
- }
- return -1;
- }
- /**
- * Returns the key associated with a keydown event
- * @param {!Event} evt The keydown event
- * @return {string}
- * @private
- */
- }, {
- key: 'getKeyFromEvent_',
- value: function getKeyFromEvent_(evt) {
- if (ACCEPTABLE_KEYS.has(evt.key)) {
- return evt.key;
- }
- return KEYCODE_MAP.get(evt.keyCode);
- }
- }, {
- key: 'isActivationKey_',
- value: function isActivationKey_(key) {
- return key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].SPACE_KEY || key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ENTER_KEY;
- }
- /**
- * Returns whether a given index is inclusively between the ends
- * @param {number} index The index to test
- * @private
- */
- }, {
- key: 'indexIsInRange_',
- value: function indexIsInRange_(index) {
- return index >= 0 && index < this.adapter_.getTabListLength();
- }
- /**
- * Returns the view's RTL property
- * @return {boolean}
- * @private
- */
- }, {
- key: 'isRTL_',
- value: function isRTL_() {
- return this.adapter_.isRTL();
- }
- /**
- * Scrolls the tab at the given index into view for left-to-right useragents
- * @param {number} index The index of the tab to scroll into view
- * @private
- */
- }, {
- key: 'scrollIntoView_',
- value: function scrollIntoView_(index) {
- var scrollPosition = this.adapter_.getScrollPosition();
- var barWidth = this.adapter_.getOffsetWidth();
- var tabDimensions = this.adapter_.getTabDimensionsAtIndex(index);
- var nextIndex = this.findAdjacentTabIndexClosestToEdge_(index, tabDimensions, scrollPosition, barWidth);
- if (!this.indexIsInRange_(nextIndex)) {
- return;
- }
- var scrollIncrement = this.calculateScrollIncrement_(index, nextIndex, scrollPosition, barWidth);
- this.adapter_.incrementScroll(scrollIncrement);
- }
- /**
- * Scrolls the tab at the given index into view in RTL
- * @param {number} index The tab index to make visible
- * @private
- */
- }, {
- key: 'scrollIntoViewRTL_',
- value: function scrollIntoViewRTL_(index) {
- var scrollPosition = this.adapter_.getScrollPosition();
- var barWidth = this.adapter_.getOffsetWidth();
- var tabDimensions = this.adapter_.getTabDimensionsAtIndex(index);
- var scrollWidth = this.adapter_.getScrollContentWidth();
- var nextIndex = this.findAdjacentTabIndexClosestToEdgeRTL_(index, tabDimensions, scrollPosition, barWidth, scrollWidth);
- if (!this.indexIsInRange_(nextIndex)) {
- return;
- }
- var scrollIncrement = this.calculateScrollIncrementRTL_(index, nextIndex, scrollPosition, barWidth, scrollWidth);
- this.adapter_.incrementScroll(scrollIncrement);
- }
- }]);
- return MDCTabBarFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTabBarFoundation);
- /***/ }),
- /* 133 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return numbers; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var strings = {
- TAB_ACTIVATED_EVENT: 'MDCTabBar:activated',
- TAB_SCROLLER_SELECTOR: '.mdc-tab-scroller',
- TAB_SELECTOR: '.mdc-tab',
- ARROW_LEFT_KEY: 'ArrowLeft',
- ARROW_RIGHT_KEY: 'ArrowRight',
- END_KEY: 'End',
- HOME_KEY: 'Home',
- ENTER_KEY: 'Enter',
- SPACE_KEY: 'Space'
- };
- /** @enum {number} */
- var numbers = {
- EXTRA_SCROLL_AMOUNT: 20,
- ARROW_LEFT_KEYCODE: 37,
- ARROW_RIGHT_KEYCODE: 39,
- END_KEYCODE: 35,
- HOME_KEYCODE: 36,
- ENTER_KEYCODE: 13,
- SPACE_KEYCODE: 32
- };
- /***/ }),
- /* 134 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_util__ = __webpack_require__(6);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(52);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__adapter__ = __webpack_require__(53);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__foundation__ = __webpack_require__(137);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__material_line_ripple_index__ = __webpack_require__(17);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__helper_text_index__ = __webpack_require__(138);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__icon_index__ = __webpack_require__(139);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__material_floating_label_index__ = __webpack_require__(16);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__material_notched_outline_index__ = __webpack_require__(19);
- /* 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__, "MDCTextFieldHelperText", function() { return __WEBPACK_IMPORTED_MODULE_7__helper_text_index__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldHelperTextFoundation", function() { return __WEBPACK_IMPORTED_MODULE_7__helper_text_index__["b"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldIcon", function() { return __WEBPACK_IMPORTED_MODULE_8__icon_index__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldIconFoundation", function() { return __WEBPACK_IMPORTED_MODULE_8__icon_index__["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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /* 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_;
- /** @type {?MDCRipple} */
- _this.ripple;
- /** @private {?MDCLineRipple} */
- _this.lineRipple_;
- /** @private {?MDCTextFieldHelperText} */
- _this.helperText_;
- /** @private {?MDCTextFieldIcon} */
- _this.icon_;
- /** @private {?MDCFloatingLabel} */
- _this.label_;
- /** @private {?MDCNotchedOutline} */
- _this.outline_;
- 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): !MDCLineRipple)=} lineRippleFactory A function which
- * creates a new MDCLineRipple.
- * @param {(function(!Element): !MDCTextFieldHelperText)=} helperTextFactory A function which
- * creates a new MDCTextFieldHelperText.
- * @param {(function(!Element): !MDCTextFieldIcon)=} iconFactory A function which
- * creates a new MDCTextFieldIcon.
- * @param {(function(!Element): !MDCFloatingLabel)=} labelFactory A function which
- * creates a new MDCFloatingLabel.
- * @param {(function(!Element): !MDCNotchedOutline)=} outlineFactory A function which
- * creates a new MDCNotchedOutline.
- */
- value: function initialize() {
- var rippleFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el, foundation) {
- return new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"](el, foundation);
- };
- var lineRippleFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_6__material_line_ripple_index__["MDCLineRipple"](el);
- };
- var helperTextFactory = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_7__helper_text_index__["a" /* MDCTextFieldHelperText */](el);
- };
- var iconFactory = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_8__icon_index__["a" /* MDCTextFieldIcon */](el);
- };
- var _this2 = this;
- var labelFactory = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_9__material_floating_label_index__["MDCFloatingLabel"](el);
- };
- var outlineFactory = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : function (el) {
- return new __WEBPACK_IMPORTED_MODULE_10__material_notched_outline_index__["MDCNotchedOutline"](el);
- };
- this.input_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].INPUT_SELECTOR);
- var labelElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].LABEL_SELECTOR);
- if (labelElement) {
- this.label_ = labelFactory(labelElement);
- }
- var lineRippleElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].LINE_RIPPLE_SELECTOR);
- if (lineRippleElement) {
- this.lineRipple_ = lineRippleFactory(lineRippleElement);
- }
- var outlineElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].OUTLINE_SELECTOR);
- if (outlineElement) {
- this.outline_ = outlineFactory(outlineElement);
- }
- if (this.input_.hasAttribute(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].ARIA_CONTROLS)) {
- var helperTextElement = document.getElementById(this.input_.getAttribute(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].ARIA_CONTROLS));
- if (helperTextElement) {
- this.helperText_ = helperTextFactory(helperTextElement);
- }
- }
- var iconElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].ICON_SELECTOR);
- if (iconElement) {
- this.icon_ = iconFactory(iconElement);
- }
- this.ripple = null;
- if (!this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* cssClasses */].TEXTAREA) && !this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* cssClasses */].OUTLINED)) {
- var MATCHES = Object(__WEBPACK_IMPORTED_MODULE_2__material_ripple_util__["getMatchesProperty"])(HTMLElement.prototype);
- var adapter = _extends(__WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"].createAdapter( /** @type {!RippleCapableSurface} */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_index__["MDCRippleFoundation"](adapter);
- this.ripple = rippleFactory(this.root_, foundation);
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- if (this.ripple) {
- this.ripple.destroy();
- }
- if (this.lineRipple_) {
- this.lineRipple_.destroy();
- }
- if (this.helperText_) {
- this.helperText_.destroy();
- }
- if (this.icon_) {
- this.icon_.destroy();
- }
- if (this.label_) {
- this.label_.destroy();
- }
- if (this.outline_) {
- this.outline_.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 {string} The value of the input.
- */
- }, {
- key: 'layout',
- /**
- * Recomputes the outline SVG path for the outline element.
- */
- value: function layout() {
- var openNotch = this.foundation_.shouldFloat;
- this.foundation_.notchOutline(openNotch);
- }
- /**
- * @return {!MDCTextFieldFoundation}
- */
- }, {
- key: 'getDefaultFoundation',
- 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);
- },
- hasClass: function hasClass(className) {
- return _this3.root_.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);
- },
- registerValidationAttributeChangeHandler: function registerValidationAttributeChangeHandler(handler) {
- var getAttributesList = function getAttributesList(mutationsList) {
- return mutationsList.map(function (mutation) {
- return mutation.attributeName;
- });
- };
- var observer = new MutationObserver(function (mutationsList) {
- return handler(getAttributesList(mutationsList));
- });
- var targetNode = _this3.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].INPUT_SELECTOR);
- var config = { attributes: true };
- observer.observe(targetNode, config);
- return observer;
- },
- deregisterValidationAttributeChangeHandler: function deregisterValidationAttributeChangeHandler(observer) {
- return observer.disconnect();
- },
- isFocused: function isFocused() {
- return document.activeElement === _this3.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].INPUT_SELECTOR);
- },
- isRtl: function isRtl() {
- return window.getComputedStyle(_this3.root_).getPropertyValue('direction') === 'rtl';
- }
- }, this.getInputAdapterMethods_(), this.getLabelAdapterMethods_(), this.getLineRippleAdapterMethods_(), this.getOutlineAdapterMethods_()), this.getFoundationMap_());
- }
- /**
- * @return {!{
- * shakeLabel: function(boolean): undefined,
- * floatLabel: function(boolean): undefined,
- * hasLabel: function(): boolean,
- * getLabelWidth: function(): number,
- * }}
- */
- }, {
- key: 'getLabelAdapterMethods_',
- value: function getLabelAdapterMethods_() {
- var _this4 = this;
- return {
- shakeLabel: function shakeLabel(shouldShake) {
- return _this4.label_.shake(shouldShake);
- },
- floatLabel: function floatLabel(shouldFloat) {
- return _this4.label_.float(shouldFloat);
- },
- hasLabel: function hasLabel() {
- return !!_this4.label_;
- },
- getLabelWidth: function getLabelWidth() {
- return _this4.label_.getWidth();
- }
- };
- }
- /**
- * @return {!{
- * activateLineRipple: function(): undefined,
- * deactivateLineRipple: function(): undefined,
- * setLineRippleTransformOrigin: function(number): undefined,
- * }}
- */
- }, {
- key: 'getLineRippleAdapterMethods_',
- value: function getLineRippleAdapterMethods_() {
- var _this5 = this;
- return {
- activateLineRipple: function activateLineRipple() {
- if (_this5.lineRipple_) {
- _this5.lineRipple_.activate();
- }
- },
- deactivateLineRipple: function deactivateLineRipple() {
- if (_this5.lineRipple_) {
- _this5.lineRipple_.deactivate();
- }
- },
- setLineRippleTransformOrigin: function setLineRippleTransformOrigin(normalizedX) {
- if (_this5.lineRipple_) {
- _this5.lineRipple_.setRippleCenter(normalizedX);
- }
- }
- };
- }
- /**
- * @return {!{
- * notchOutline: function(number, boolean): undefined,
- * hasOutline: function(): boolean,
- * }}
- */
- }, {
- key: 'getOutlineAdapterMethods_',
- value: function getOutlineAdapterMethods_() {
- var _this6 = this;
- return {
- notchOutline: function notchOutline(labelWidth, isRtl) {
- return _this6.outline_.notch(labelWidth, isRtl);
- },
- closeOutline: function closeOutline() {
- return _this6.outline_.closeNotch();
- },
- hasOutline: function hasOutline() {
- return !!_this6.outline_;
- }
- };
- }
- /**
- * @return {!{
- * registerInputInteractionHandler: function(string, function()): undefined,
- * deregisterInputInteractionHandler: function(string, function()): undefined,
- * getNativeInput: function(): ?Element,
- * }}
- */
- }, {
- key: 'getInputAdapterMethods_',
- value: function getInputAdapterMethods_() {
- var _this7 = this;
- return {
- registerInputInteractionHandler: function registerInputInteractionHandler(evtType, handler) {
- return _this7.input_.addEventListener(evtType, handler);
- },
- deregisterInputInteractionHandler: function deregisterInputInteractionHandler(evtType, handler) {
- return _this7.input_.removeEventListener(evtType, handler);
- },
- getNativeInput: function getNativeInput() {
- return _this7.input_;
- }
- };
- }
- /**
- * Returns a map of all subcomponents to subfoundations.
- * @return {!FoundationMapType}
- */
- }, {
- key: 'getFoundationMap_',
- value: function getFoundationMap_() {
- return {
- helperText: this.helperText_ ? this.helperText_.foundation : undefined,
- icon: this.icon_ ? this.icon_.foundation : undefined
- };
- }
- }, {
- key: 'value',
- get: function get() {
- return this.foundation_.getValue();
- }
- /**
- * @param {string} value The value to set on the input.
- */
- ,
- set: function set(value) {
- this.foundation_.setValue(value);
- }
- /**
- * @return {boolean} True if the Text Field is disabled.
- */
- }, {
- 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);
- }
- /**
- * @return {boolean} valid True if the Text Field is valid.
- */
- }, {
- key: 'valid',
- get: function get() {
- return this.foundation_.isValid();
- }
- /**
- * @param {boolean} valid Sets the Text Field valid or invalid.
- */
- ,
- set: function set(valid) {
- this.foundation_.setValid(valid);
- }
- /**
- * @return {boolean} True if the Text Field is required.
- */
- }, {
- key: 'required',
- get: function get() {
- return this.input_.required;
- }
- /**
- * @param {boolean} required Sets the Text Field to required.
- */
- ,
- set: function set(required) {
- this.input_.required = required;
- }
- /**
- * @return {string} The input element's validation pattern.
- */
- }, {
- key: 'pattern',
- get: function get() {
- return this.input_.pattern;
- }
- /**
- * @param {string} pattern Sets the input element's validation pattern.
- */
- ,
- set: function set(pattern) {
- this.input_.pattern = pattern;
- }
- /**
- * @return {number} The input element's minLength.
- */
- }, {
- key: 'minLength',
- get: function get() {
- return this.input_.minLength;
- }
- /**
- * @param {number} minLength Sets the input element's minLength.
- */
- ,
- set: function set(minLength) {
- this.input_.minLength = minLength;
- }
- /**
- * @return {number} The input element's maxLength.
- */
- }, {
- key: 'maxLength',
- get: function get() {
- return this.input_.maxLength;
- }
- /**
- * @param {number} maxLength Sets the input element's maxLength.
- */
- ,
- set: function set(maxLength) {
- // Chrome throws exception if maxLength is set < 0
- if (maxLength < 0) {
- this.input_.removeAttribute('maxLength');
- } else {
- this.input_.maxLength = maxLength;
- }
- }
- /**
- * @return {string} The input element's min.
- */
- }, {
- key: 'min',
- get: function get() {
- return this.input_.min;
- }
- /**
- * @param {string} min Sets the input element's min.
- */
- ,
- set: function set(min) {
- this.input_.min = min;
- }
- /**
- * @return {string} The input element's max.
- */
- }, {
- key: 'max',
- get: function get() {
- return this.input_.max;
- }
- /**
- * @param {string} max Sets the input element's max.
- */
- ,
- set: function set(max) {
- this.input_.max = max;
- }
- /**
- * @return {string} The input element's step.
- */
- }, {
- key: 'step',
- get: function get() {
- return this.input_.step;
- }
- /**
- * @param {string} step Sets the input element's step.
- */
- ,
- set: function set(step) {
- this.input_.step = step;
- }
- /**
- * Sets the helper text element content.
- * @param {string} content
- */
- }, {
- key: 'helperTextContent',
- set: function set(content) {
- this.foundation_.setHelperTextContent(content);
- }
- /**
- * Sets the aria label of the icon.
- * @param {string} label
- */
- }, {
- key: 'iconAriaLabel',
- set: function set(label) {
- this.foundation_.setIconAriaLabel(label);
- }
- /**
- * Sets the text content of the icon.
- * @param {string} content
- */
- }, {
- key: 'iconContent',
- set: function set(content) {
- this.foundation_.setIconContent(content);
- }
- /**
- * Enables or disables the use of native validation. Use this for custom validation.
- * @param {boolean} useNativeValidation Set this to false to ignore native input validation.
- */
- }, {
- key: 'useNativeValidation',
- set: function set(useNativeValidation) {
- this.foundation_.setUseNativeValidation(useNativeValidation);
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCTextField(root);
- }
- }]);
- return MDCTextField;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 135 */
- /***/ (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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @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'
- };
- /***/ }),
- /* 136 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return strings; });
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /** @enum {string} */
- var strings = {
- ICON_EVENT: 'MDCTextField:icon',
- ICON_ROLE: 'button'
- };
- /***/ }),
- /* 137 */
- /***/ (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__helper_text_foundation__ = __webpack_require__(22);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__icon_foundation__ = __webpack_require__(23);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__adapter__ = __webpack_require__(53);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__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; }
- /**
- * @license
- * Copyright 2016 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /* eslint-disable no-unused-vars */
- /* eslint-enable no-unused-vars */
- /**
- * @extends {MDCFoundation<!MDCTextFieldAdapter>}
- * @final
- */
- var MDCTextFieldFoundation = function (_MDCFoundation) {
- _inherits(MDCTextFieldFoundation, _MDCFoundation);
- _createClass(MDCTextFieldFoundation, [{
- key: 'shouldShake',
- /** @return {boolean} */
- get: function get() {
- return !this.isValid() && !this.isFocused_ && !!this.getValue();
- }
- /**
- * @return {boolean}
- * @private
- */
- }, {
- key: 'shouldAlwaysFloat_',
- get: function get() {
- var type = this.getNativeInput_().type;
- return __WEBPACK_IMPORTED_MODULE_4__constants__["a" /* ALWAYS_FLOAT_TYPES */].indexOf(type) >= 0;
- }
- /** @return {boolean} */
- }, {
- key: 'shouldFloat',
- get: function get() {
- return this.shouldAlwaysFloat_ || this.isFocused_ || !!this.getValue() || this.isBadInput_();
- }
- /**
- * {@see MDCTextFieldAdapter} for typing information on parameters and return
- * types.
- * @return {!MDCTextFieldAdapter}
- */
- }], [{
- key: 'cssClasses',
- /** @return enum {string} */
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */];
- }
- /** @return enum {string} */
- }, {
- key: 'strings',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */];
- }
- /** @return enum {string} */
- }, {
- key: 'numbers',
- get: function get() {
- return __WEBPACK_IMPORTED_MODULE_4__constants__["d" /* numbers */];
- }
- }, {
- key: 'defaultAdapter',
- get: function get() {
- return (/** @type {!MDCTextFieldAdapter} */{
- addClass: function addClass() {},
- removeClass: function removeClass() {},
- hasClass: function hasClass() {},
- registerTextFieldInteractionHandler: function registerTextFieldInteractionHandler() {},
- deregisterTextFieldInteractionHandler: function deregisterTextFieldInteractionHandler() {},
- registerInputInteractionHandler: function registerInputInteractionHandler() {},
- deregisterInputInteractionHandler: function deregisterInputInteractionHandler() {},
- registerValidationAttributeChangeHandler: function registerValidationAttributeChangeHandler() {},
- deregisterValidationAttributeChangeHandler: function deregisterValidationAttributeChangeHandler() {},
- getNativeInput: function getNativeInput() {},
- isFocused: function isFocused() {},
- isRtl: function isRtl() {},
- activateLineRipple: function activateLineRipple() {},
- deactivateLineRipple: function deactivateLineRipple() {},
- setLineRippleTransformOrigin: function setLineRippleTransformOrigin() {},
- shakeLabel: function shakeLabel() {},
- floatLabel: function floatLabel() {},
- hasLabel: function hasLabel() {},
- getLabelWidth: function getLabelWidth() {},
- hasOutline: function hasOutline() {},
- notchOutline: function notchOutline() {},
- closeOutline: function closeOutline() {}
- }
- );
- }
- /**
- * @param {!MDCTextFieldAdapter} adapter
- * @param {!FoundationMapType=} foundationMap Map from subcomponent names to their subfoundations.
- */
- }]);
- function MDCTextFieldFoundation(adapter) {
- var foundationMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : /** @type {!FoundationMapType} */{};
- _classCallCheck(this, MDCTextFieldFoundation);
- /** @type {!MDCTextFieldHelperTextFoundation|undefined} */
- var _this = _possibleConstructorReturn(this, (MDCTextFieldFoundation.__proto__ || Object.getPrototypeOf(MDCTextFieldFoundation)).call(this, _extends(MDCTextFieldFoundation.defaultAdapter, adapter)));
- _this.helperText_ = foundationMap.helperText;
- /** @type {!MDCTextFieldIconFoundation|undefined} */
- _this.icon_ = foundationMap.icon;
- /** @private {boolean} */
- _this.isFocused_ = false;
- /** @private {boolean} */
- _this.receivedUserInput_ = false;
- /** @private {boolean} */
- _this.useCustomValidityChecking_ = false;
- /** @private {boolean} */
- _this.isValid_ = true;
- /** @private {boolean} */
- _this.useNativeValidation_ = true;
- /** @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.setTransformOrigin(evt);
- };
- /** @private {function(!Event): undefined} */
- _this.textFieldInteractionHandler_ = function () {
- return _this.handleTextFieldInteraction();
- };
- /** @private {function(!Array): undefined} */
- _this.validationAttributeChangeHandler_ = function (attributesList) {
- return _this.handleValidationAttributeChange(attributesList);
- };
- /** @private {!MutationObserver} */
- _this.validationObserver_;
- return _this;
- }
- _createClass(MDCTextFieldFoundation, [{
- key: 'init',
- value: function init() {
- var _this2 = this;
- if (this.adapter_.isFocused()) {
- this.inputFocusHandler_();
- } else if (this.adapter_.hasLabel() && this.shouldFloat) {
- this.notchOutline(true);
- this.adapter_.floatLabel(true);
- }
- 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.validationObserver_ = this.adapter_.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- var _this3 = this;
- 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_.deregisterValidationAttributeChangeHandler(this.validationObserver_);
- }
- /**
- * Handles user interactions with the Text Field.
- */
- }, {
- key: 'handleTextFieldInteraction',
- value: function handleTextFieldInteraction() {
- if (this.adapter_.getNativeInput().disabled) {
- return;
- }
- this.receivedUserInput_ = true;
- }
- /**
- * Handles validation attribute changes
- * @param {!Array<string>} attributesList
- */
- }, {
- key: 'handleValidationAttributeChange',
- value: function handleValidationAttributeChange(attributesList) {
- var _this4 = this;
- attributesList.some(function (attributeName) {
- if (__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* VALIDATION_ATTR_WHITELIST */].indexOf(attributeName) > -1) {
- _this4.styleValidity_(true);
- return true;
- }
- });
- }
- /**
- * Opens/closes the notched outline.
- * @param {boolean} openNotch
- */
- }, {
- key: 'notchOutline',
- value: function notchOutline(openNotch) {
- if (!this.adapter_.hasOutline()) {
- return;
- }
- if (openNotch) {
- var isDense = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */].DENSE);
- var labelScale = isDense ? __WEBPACK_IMPORTED_MODULE_4__constants__["d" /* numbers */].DENSE_LABEL_SCALE : __WEBPACK_IMPORTED_MODULE_4__constants__["d" /* numbers */].LABEL_SCALE;
- var labelWidth = this.adapter_.getLabelWidth() * labelScale;
- var isRtl = this.adapter_.isRtl();
- this.adapter_.notchOutline(labelWidth, isRtl);
- } else {
- this.adapter_.closeOutline();
- }
- }
- /**
- * Activates the text field focus state.
- */
- }, {
- key: 'activateFocus',
- value: function activateFocus() {
- this.isFocused_ = true;
- this.styleFocused_(this.isFocused_);
- this.adapter_.activateLineRipple();
- if (this.adapter_.hasLabel()) {
- this.notchOutline(this.shouldFloat);
- this.adapter_.floatLabel(this.shouldFloat);
- this.adapter_.shakeLabel(this.shouldShake);
- }
- if (this.helperText_) {
- this.helperText_.showToScreenReader();
- }
- }
- /**
- * Sets the line ripple's transform origin, so that the line ripple activate
- * animation will animate out from the 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;
- this.adapter_.setLineRippleTransformOrigin(normalizedX);
- }
- /**
- * 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();
- }
- }
- /**
- * Deactivates the Text Field's focus state.
- */
- }, {
- key: 'deactivateFocus',
- value: function deactivateFocus() {
- this.isFocused_ = false;
- this.adapter_.deactivateLineRipple();
- var isValid = this.isValid();
- this.styleValidity_(isValid);
- this.styleFocused_(this.isFocused_);
- if (this.adapter_.hasLabel()) {
- this.notchOutline(this.shouldFloat);
- this.adapter_.floatLabel(this.shouldFloat);
- this.adapter_.shakeLabel(this.shouldShake);
- }
- if (!this.shouldFloat) {
- this.receivedUserInput_ = false;
- }
- }
- /**
- * @return {string} The value of the input Element.
- */
- }, {
- key: 'getValue',
- value: function getValue() {
- return this.getNativeInput_().value;
- }
- /**
- * @param {string} value The value to set on the input Element.
- */
- }, {
- key: 'setValue',
- value: function setValue(value) {
- this.getNativeInput_().value = value;
- var isValid = this.isValid();
- this.styleValidity_(isValid);
- if (this.adapter_.hasLabel()) {
- this.notchOutline(this.shouldFloat);
- this.adapter_.floatLabel(this.shouldFloat);
- this.adapter_.shakeLabel(this.shouldShake);
- }
- }
- /**
- * @return {boolean} If a custom validity is set, returns that value.
- * Otherwise, returns the result of native validity checks.
- */
- }, {
- key: 'isValid',
- value: function isValid() {
- return this.useNativeValidation_ ? this.isNativeInputValid_() : this.isValid_;
- }
- /**
- * @param {boolean} isValid Sets the validity state of the Text Field.
- */
- }, {
- key: 'setValid',
- value: function setValid(isValid) {
- this.isValid_ = isValid;
- this.styleValidity_(isValid);
- var shouldShake = !isValid && !this.isFocused_;
- if (this.adapter_.hasLabel()) {
- this.adapter_.shakeLabel(shouldShake);
- }
- }
- /**
- * Enables or disables the use of native validation. Use this for custom validation.
- * @param {boolean} useNativeValidation Set this to false to ignore native input validation.
- */
- }, {
- key: 'setUseNativeValidation',
- value: function setUseNativeValidation(useNativeValidation) {
- this.useNativeValidation_ = useNativeValidation;
- }
- /**
- * @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) {
- this.getNativeInput_().disabled = disabled;
- this.styleDisabled_(disabled);
- }
- /**
- * @param {string} content Sets the content of the helper text.
- */
- }, {
- key: 'setHelperTextContent',
- value: function setHelperTextContent(content) {
- if (this.helperText_) {
- this.helperText_.setContent(content);
- }
- }
- /**
- * Sets the aria label of the icon.
- * @param {string} label
- */
- }, {
- key: 'setIconAriaLabel',
- value: function setIconAriaLabel(label) {
- if (this.icon_) {
- this.icon_.setAriaLabel(label);
- }
- }
- /**
- * Sets the text content of the icon.
- * @param {string} content
- */
- }, {
- key: 'setIconContent',
- value: function setIconContent(content) {
- if (this.icon_) {
- this.icon_.setContent(content);
- }
- }
- /**
- * @return {boolean} True if the Text Field input fails in converting the
- * user-supplied value.
- * @private
- */
- }, {
- key: 'isBadInput_',
- value: function isBadInput_() {
- return this.getNativeInput_().validity.badInput;
- }
- /**
- * @return {boolean} The result of native validity checking
- * (ValidityState.valid).
- */
- }, {
- key: 'isNativeInputValid_',
- value: function isNativeInputValid_() {
- return this.getNativeInput_().validity.valid;
- }
- /**
- * Styles the component based on the validity state.
- * @param {boolean} isValid
- * @private
- */
- }, {
- key: 'styleValidity_',
- value: function styleValidity_(isValid) {
- var INVALID = MDCTextFieldFoundation.cssClasses.INVALID;
- if (isValid) {
- this.adapter_.removeClass(INVALID);
- } else {
- this.adapter_.addClass(INVALID);
- }
- if (this.helperText_) {
- this.helperText_.setValidity(isValid);
- }
- }
- /**
- * Styles the component based on the focused state.
- * @param {boolean} isFocused
- * @private
- */
- }, {
- key: 'styleFocused_',
- value: function styleFocused_(isFocused) {
- var FOCUSED = MDCTextFieldFoundation.cssClasses.FOCUSED;
- if (isFocused) {
- this.adapter_.addClass(FOCUSED);
- } else {
- this.adapter_.removeClass(FOCUSED);
- }
- }
- /**
- * Styles the component based on the disabled state.
- * @param {boolean} isDisabled
- * @private
- */
- }, {
- key: 'styleDisabled_',
- value: function styleDisabled_(isDisabled) {
- var _MDCTextFieldFoundati = MDCTextFieldFoundation.cssClasses,
- DISABLED = _MDCTextFieldFoundati.DISABLED,
- INVALID = _MDCTextFieldFoundati.INVALID;
- if (isDisabled) {
- this.adapter_.addClass(DISABLED);
- this.adapter_.removeClass(INVALID);
- } else {
- this.adapter_.removeClass(DISABLED);
- }
- if (this.icon_) {
- this.icon_.setDisabled(isDisabled);
- }
- }
- /**
- * @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} */{
- value: '',
- disabled: false,
- validity: {
- badInput: false,
- valid: true
- }
- };
- }
- }]);
- return MDCTextFieldFoundation;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTextFieldFoundation);
- /***/ }),
- /* 138 */
- /***/ (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__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(54);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(22);
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @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 */]);
- /***/ }),
- /* 139 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTextFieldIcon; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(55);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(23);
- /* 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCComponent<!MDCTextFieldIconFoundation>}
- * @final
- */
- var MDCTextFieldIcon = function (_MDCComponent) {
- _inherits(MDCTextFieldIcon, _MDCComponent);
- function MDCTextFieldIcon() {
- _classCallCheck(this, MDCTextFieldIcon);
- return _possibleConstructorReturn(this, (MDCTextFieldIcon.__proto__ || Object.getPrototypeOf(MDCTextFieldIcon)).apply(this, arguments));
- }
- _createClass(MDCTextFieldIcon, [{
- key: 'getDefaultFoundation',
- /**
- * @return {!MDCTextFieldIconFoundation}
- */
- value: function getDefaultFoundation() {
- var _this2 = this;
- return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCTextFieldIconAdapter} */_extends({
- getAttr: function getAttr(attr) {
- return _this2.root_.getAttribute(attr);
- },
- 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;
- },
- registerInteractionHandler: function registerInteractionHandler(evtType, handler) {
- return _this2.root_.addEventListener(evtType, handler);
- },
- deregisterInteractionHandler: function deregisterInteractionHandler(evtType, handler) {
- return _this2.root_.removeEventListener(evtType, handler);
- },
- notifyIconAction: function notifyIconAction() {
- return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */);
- }
- }));
- }
- }, {
- key: 'foundation',
- /**
- * @return {!MDCTextFieldIconFoundation}
- */
- get: function get() {
- return this.foundation_;
- }
- }], [{
- key: 'attachTo',
- /**
- * @param {!Element} root
- * @return {!MDCTextFieldIcon}
- */
- value: function attachTo(root) {
- return new MDCTextFieldIcon(root);
- }
- }]);
- return MDCTextFieldIcon;
- }(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
- /***/ }),
- /* 140 */
- /***/ (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_index__ = __webpack_require__(3);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(141);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCToolbarFoundation", 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; }; }();
- 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 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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: 'initialize',
- value: function initialize() {
- this.ripples_ = [].map.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ICON_SELECTOR), function (icon) {
- var ripple = __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"].attachTo(icon);
- ripple.unbounded = true;
- return ripple;
- });
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.ripples_.forEach(function (ripple) {
- ripple.destroy();
- });
- _get(MDCToolbar.prototype.__proto__ || Object.getPrototypeOf(MDCToolbar.prototype), 'destroy', this).call(this);
- }
- }, {
- 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);
- },
- registerScrollHandler: function registerScrollHandler(handler) {
- return window.addEventListener('scroll', handler);
- },
- deregisterScrollHandler: function deregisterScrollHandler(handler) {
- return window.removeEventListener('scroll', handler);
- },
- 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_2__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_2__foundation__["a" /* default */].strings.FIRST_ROW_SELECTOR);
- }
- }, {
- key: 'titleElement_',
- get: function get() {
- return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__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_index__["MDCComponent"]);
- /***/ }),
- /* 141 */
- /***/ (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__(142);
- 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.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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);
- /***/ }),
- /* 142 */
- /***/ (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 2017 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- 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',
- ICON_SELECTOR: '.mdc-toolbar__icon',
- 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
- };
- /***/ }),
- /* 143 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTopAppBar", function() { return MDCTopAppBar; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_component__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__foundation__ = __webpack_require__(12);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fixed_foundation__ = __webpack_require__(144);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__short_foundation__ = __webpack_require__(145);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__standard_foundation__ = __webpack_require__(146);
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTopAppBarBaseFoundation", function() { return __WEBPACK_IMPORTED_MODULE_4__foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTopAppBarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_7__standard_foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFixedTopAppBarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_5__fixed_foundation__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCShortTopAppBarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_6__short_foundation__["a"]; });
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- /**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCComponent<!MDCTopAppBarBaseFoundation>}
- * @final
- */
- var MDCTopAppBar = function (_MDCComponent) {
- _inherits(MDCTopAppBar, _MDCComponent);
- /**
- * @param {...?} args
- */
- function MDCTopAppBar() {
- var _ref;
- _classCallCheck(this, MDCTopAppBar);
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- /** @private {?Element} */
- var _this = _possibleConstructorReturn(this, (_ref = MDCTopAppBar.__proto__ || Object.getPrototypeOf(MDCTopAppBar)).call.apply(_ref, [this].concat(args)));
- _this.navIcon_;
- /** @type {?Array<MDCRipple>} */
- _this.iconRipples_;
- /** @type {Object} */
- _this.scrollTarget_;
- return _this;
- }
- _createClass(MDCTopAppBar, [{
- key: 'initialize',
- value: function initialize() {
- var rippleFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
- return __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__["MDCRipple"].attachTo(el);
- };
- this.navIcon_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].NAVIGATION_ICON_SELECTOR);
- // Get all icons in the toolbar and instantiate the ripples
- var icons = [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].ACTION_ITEM_SELECTOR));
- if (this.navIcon_) {
- icons.push(this.navIcon_);
- }
- this.iconRipples_ = icons.map(function (icon) {
- var ripple = rippleFactory(icon);
- ripple.unbounded = true;
- return ripple;
- });
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- this.iconRipples_.forEach(function (iconRipple) {
- return iconRipple.destroy();
- });
- _get(MDCTopAppBar.prototype.__proto__ || Object.getPrototypeOf(MDCTopAppBar.prototype), 'destroy', this).call(this);
- }
- }, {
- key: 'setScrollTarget',
- value: function setScrollTarget(target) {
- this.foundation_.destroyScrollHandler();
- this.scrollTarget_ = target;
- this.foundation_.initScrollHandler();
- }
- /**
- * @param {!Element} root
- * @return {!MDCTopAppBar}
- */
- }, {
- key: 'getDefaultFoundation',
- /**
- * @return {!MDCTopAppBarBaseFoundation}
- */
- value: function getDefaultFoundation() {
- var _this2 = this;
- /** @type {!MDCTopAppBarAdapter} */
- var adapter = /** @type {!MDCTopAppBarAdapter} */_extends({
- 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);
- },
- setStyle: function setStyle(property, value) {
- return _this2.root_.style.setProperty(property, value);
- },
- getTopAppBarHeight: function getTopAppBarHeight() {
- return _this2.root_.clientHeight;
- },
- registerNavigationIconInteractionHandler: function registerNavigationIconInteractionHandler(evtType, handler) {
- if (_this2.navIcon_) {
- _this2.navIcon_.addEventListener(evtType, handler);
- }
- },
- deregisterNavigationIconInteractionHandler: function deregisterNavigationIconInteractionHandler(evtType, handler) {
- if (_this2.navIcon_) {
- _this2.navIcon_.removeEventListener(evtType, handler);
- }
- },
- notifyNavigationIconClicked: function notifyNavigationIconClicked() {
- _this2.emit(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].NAVIGATION_EVENT, {});
- },
- registerScrollHandler: function registerScrollHandler(handler) {
- return _this2.scrollTarget_.addEventListener('scroll', handler);
- },
- deregisterScrollHandler: function deregisterScrollHandler(handler) {
- return _this2.scrollTarget_.removeEventListener('scroll', handler);
- },
- registerResizeHandler: function registerResizeHandler(handler) {
- return window.addEventListener('resize', handler);
- },
- deregisterResizeHandler: function deregisterResizeHandler(handler) {
- return window.removeEventListener('resize', handler);
- },
- getViewportScrollY: function getViewportScrollY() {
- return _this2.scrollTarget_[_this2.scrollTarget_ === window ? 'pageYOffset' : 'scrollTop'];
- },
- getTotalActionItems: function getTotalActionItems() {
- return _this2.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].ACTION_ITEM_SELECTOR).length;
- }
- });
- this.scrollTarget_ = window;
- /** @type {!MDCTopAppBarBaseFoundation} */
- var foundation = void 0;
- if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].SHORT_CLASS)) {
- foundation = new __WEBPACK_IMPORTED_MODULE_6__short_foundation__["a" /* default */](adapter);
- } else if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].FIXED_CLASS)) {
- foundation = new __WEBPACK_IMPORTED_MODULE_5__fixed_foundation__["a" /* default */](adapter);
- } else {
- foundation = new __WEBPACK_IMPORTED_MODULE_7__standard_foundation__["a" /* default */](adapter);
- }
- return foundation;
- }
- }], [{
- key: 'attachTo',
- value: function attachTo(root) {
- return new MDCTopAppBar(root);
- }
- }]);
- return MDCTopAppBar;
- }(__WEBPACK_IMPORTED_MODULE_1__material_base_component__["a" /* default */]);
- /***/ }),
- /* 144 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__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; }; }();
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCTopAppBarFoundation<!MDCFixedTopAppBarFoundation>}
- * @final
- */
- var MDCFixedTopAppBarFoundation = function (_MDCTopAppBarFoundati) {
- _inherits(MDCFixedTopAppBarFoundation, _MDCTopAppBarFoundati);
- /**
- * @param {!MDCTopAppBarAdapter} adapter
- */
- function MDCFixedTopAppBarFoundation(adapter) {
- _classCallCheck(this, MDCFixedTopAppBarFoundation);
- /** State variable for the previous scroll iteration top app bar state */
- var _this = _possibleConstructorReturn(this, (MDCFixedTopAppBarFoundation.__proto__ || Object.getPrototypeOf(MDCFixedTopAppBarFoundation)).call(this, adapter));
- _this.wasScrolled_ = false;
- _this.scrollHandler_ = function () {
- return _this.fixedScrollHandler_();
- };
- return _this;
- }
- _createClass(MDCFixedTopAppBarFoundation, [{
- key: 'init',
- value: function init() {
- _get(MDCFixedTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCFixedTopAppBarFoundation.prototype), 'init', this).call(this);
- this.adapter_.registerScrollHandler(this.scrollHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- _get(MDCFixedTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCFixedTopAppBarFoundation.prototype), 'destroy', this).call(this);
- this.adapter_.deregisterScrollHandler(this.scrollHandler_);
- }
- /**
- * Scroll handler for applying/removing the modifier class
- * on the fixed top app bar.
- */
- }, {
- key: 'fixedScrollHandler_',
- value: function fixedScrollHandler_() {
- var currentScroll = this.adapter_.getViewportScrollY();
- if (currentScroll <= 0) {
- if (this.wasScrolled_) {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].FIXED_SCROLLED_CLASS);
- this.wasScrolled_ = false;
- }
- } else {
- if (!this.wasScrolled_) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].FIXED_SCROLLED_CLASS);
- this.wasScrolled_ = true;
- }
- }
- }
- }]);
- return MDCFixedTopAppBarFoundation;
- }(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCFixedTopAppBarFoundation);
- /***/ }),
- /* 145 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(12);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(8);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- /**
- * @extends {MDCTopAppBarBaseFoundation<!MDCShortTopAppBarFoundation>}
- * @final
- */
- var MDCShortTopAppBarFoundation = function (_MDCTopAppBarBaseFoun) {
- _inherits(MDCShortTopAppBarFoundation, _MDCTopAppBarBaseFoun);
- /**
- * @param {!MDCTopAppBarAdapter} adapter
- */
- function MDCShortTopAppBarFoundation(adapter) {
- _classCallCheck(this, MDCShortTopAppBarFoundation);
- // State variable for the current top app bar state
- var _this = _possibleConstructorReturn(this, (MDCShortTopAppBarFoundation.__proto__ || Object.getPrototypeOf(MDCShortTopAppBarFoundation)).call(this, adapter));
- _this.isCollapsed = false;
- _this.scrollHandler_ = function () {
- return _this.shortAppBarScrollHandler_();
- };
- return _this;
- }
- _createClass(MDCShortTopAppBarFoundation, [{
- key: 'init',
- value: function init() {
- _get(MDCShortTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCShortTopAppBarFoundation.prototype), 'init', this).call(this);
- var isAlwaysCollapsed = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SHORT_COLLAPSED_CLASS);
- if (this.adapter_.getTotalActionItems() > 0) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SHORT_HAS_ACTION_ITEM_CLASS);
- }
- if (!isAlwaysCollapsed) {
- this.adapter_.registerScrollHandler(this.scrollHandler_);
- this.shortAppBarScrollHandler_();
- }
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- _get(MDCShortTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCShortTopAppBarFoundation.prototype), 'destroy', this).call(this);
- this.adapter_.deregisterScrollHandler(this.scrollHandler_);
- }
- /**
- * Scroll handler for applying/removing the collapsed modifier class
- * on the short top app bar.
- * @private
- */
- }, {
- key: 'shortAppBarScrollHandler_',
- value: function shortAppBarScrollHandler_() {
- var currentScroll = this.adapter_.getViewportScrollY();
- if (currentScroll <= 0) {
- if (this.isCollapsed) {
- this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SHORT_COLLAPSED_CLASS);
- this.isCollapsed = false;
- }
- } else {
- if (!this.isCollapsed) {
- this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SHORT_COLLAPSED_CLASS);
- this.isCollapsed = true;
- }
- }
- }
- }]);
- return MDCShortTopAppBarFoundation;
- }(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCShortTopAppBarFoundation);
- /***/ }),
- /* 146 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(12);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(8);
- 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 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
- var INITIAL_VALUE = 0;
- /**
- * @extends {MDCTopAppBarBaseFoundation<!MDCTopAppBarFoundation>}
- * @final
- */
- var MDCTopAppBarFoundation = function (_MDCTopAppBarBaseFoun) {
- _inherits(MDCTopAppBarFoundation, _MDCTopAppBarBaseFoun);
- /**
- * @param {!MDCTopAppBarAdapter} adapter
- */
- function MDCTopAppBarFoundation(adapter) {
- _classCallCheck(this, MDCTopAppBarFoundation);
- /**
- * Used for diffs of current scroll position vs previous scroll position
- * @private {number}
- */
- var _this = _possibleConstructorReturn(this, (MDCTopAppBarFoundation.__proto__ || Object.getPrototypeOf(MDCTopAppBarFoundation)).call(this, adapter));
- _this.lastScrollPosition_ = _this.adapter_.getViewportScrollY();
- /**
- * Used to verify when the top app bar is completely showing or completely hidden
- * @private {number}
- */
- _this.topAppBarHeight_ = _this.adapter_.getTopAppBarHeight();
- /**
- * wasDocked_ is used to indicate if the top app bar was docked in the previous
- * scroll handler iteration.
- * @private {boolean}
- */
- _this.wasDocked_ = true;
- /**
- * isDockedShowing_ is used to indicate if the top app bar is docked in the fully
- * shown position.
- * @private {boolean}
- */
- _this.isDockedShowing_ = true;
- /**
- * Variable for current scroll position of the top app bar
- * @private {number}
- */
- _this.currentAppBarOffsetTop_ = 0;
- /**
- * Used to prevent the top app bar from being scrolled out of view during resize events
- * @private {boolean} */
- _this.isCurrentlyBeingResized_ = false;
- /**
- * The timeout that's used to throttle the resize events
- * @private {number}
- */
- _this.resizeThrottleId_ = INITIAL_VALUE;
- /**
- * The timeout that's used to debounce toggling the isCurrentlyBeingResized_ variable after a resize
- * @private {number}
- */
- _this.resizeDebounceId_ = INITIAL_VALUE;
- _this.scrollHandler_ = function () {
- return _this.topAppBarScrollHandler_();
- };
- _this.resizeHandler_ = function () {
- return _this.topAppBarResizeHandler_();
- };
- return _this;
- }
- _createClass(MDCTopAppBarFoundation, [{
- key: 'init',
- value: function init() {
- _get(MDCTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTopAppBarFoundation.prototype), 'init', this).call(this);
- this.adapter_.registerScrollHandler(this.scrollHandler_);
- this.adapter_.registerResizeHandler(this.resizeHandler_);
- }
- }, {
- key: 'destroy',
- value: function destroy() {
- _get(MDCTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTopAppBarFoundation.prototype), 'destroy', this).call(this);
- this.adapter_.deregisterScrollHandler(this.scrollHandler_);
- this.adapter_.deregisterResizeHandler(this.resizeHandler_);
- this.adapter_.setStyle('top', '');
- }
- /**
- * Function to determine if the DOM needs to update.
- * @return {boolean}
- * @private
- */
- }, {
- key: 'checkForUpdate_',
- value: function checkForUpdate_() {
- var offscreenBoundaryTop = -this.topAppBarHeight_;
- var hasAnyPixelsOffscreen = this.currentAppBarOffsetTop_ < 0;
- var hasAnyPixelsOnscreen = this.currentAppBarOffsetTop_ > offscreenBoundaryTop;
- var partiallyShowing = hasAnyPixelsOffscreen && hasAnyPixelsOnscreen;
- // If it's partially showing, it can't be docked.
- if (partiallyShowing) {
- this.wasDocked_ = false;
- } else {
- // Not previously docked and not partially showing, it's now docked.
- if (!this.wasDocked_) {
- this.wasDocked_ = true;
- return true;
- } else if (this.isDockedShowing_ !== hasAnyPixelsOnscreen) {
- this.isDockedShowing_ = hasAnyPixelsOnscreen;
- return true;
- }
- }
- return partiallyShowing;
- }
- /**
- * Function to move the top app bar if needed.
- * @private
- */
- }, {
- key: 'moveTopAppBar_',
- value: function moveTopAppBar_() {
- if (this.checkForUpdate_()) {
- // Once the top app bar is fully hidden we use the max potential top app bar height as our offset
- // so the top app bar doesn't show if the window resizes and the new height > the old height.
- var offset = this.currentAppBarOffsetTop_;
- if (Math.abs(offset) >= this.topAppBarHeight_) {
- offset = -__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].MAX_TOP_APP_BAR_HEIGHT;
- }
- this.adapter_.setStyle('top', offset + 'px');
- }
- }
- /**
- * Scroll handler for the default scroll behavior of the top app bar.
- * @private
- */
- }, {
- key: 'topAppBarScrollHandler_',
- value: function topAppBarScrollHandler_() {
- var currentScrollPosition = Math.max(this.adapter_.getViewportScrollY(), 0);
- var diff = currentScrollPosition - this.lastScrollPosition_;
- this.lastScrollPosition_ = currentScrollPosition;
- // If the window is being resized the lastScrollPosition_ needs to be updated but the
- // current scroll of the top app bar should stay in the same position.
- if (!this.isCurrentlyBeingResized_) {
- this.currentAppBarOffsetTop_ -= diff;
- if (this.currentAppBarOffsetTop_ > 0) {
- this.currentAppBarOffsetTop_ = 0;
- } else if (Math.abs(this.currentAppBarOffsetTop_) > this.topAppBarHeight_) {
- this.currentAppBarOffsetTop_ = -this.topAppBarHeight_;
- }
- this.moveTopAppBar_();
- }
- }
- /**
- * Top app bar resize handler that throttle/debounce functions that execute updates.
- * @private
- */
- }, {
- key: 'topAppBarResizeHandler_',
- value: function topAppBarResizeHandler_() {
- var _this2 = this;
- // Throttle resize events 10 p/s
- if (!this.resizeThrottleId_) {
- this.resizeThrottleId_ = setTimeout(function () {
- _this2.resizeThrottleId_ = INITIAL_VALUE;
- _this2.throttledResizeHandler_();
- }, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].DEBOUNCE_THROTTLE_RESIZE_TIME_MS);
- }
- this.isCurrentlyBeingResized_ = true;
- if (this.resizeDebounceId_) {
- clearTimeout(this.resizeDebounceId_);
- }
- this.resizeDebounceId_ = setTimeout(function () {
- _this2.topAppBarScrollHandler_();
- _this2.isCurrentlyBeingResized_ = false;
- _this2.resizeDebounceId_ = INITIAL_VALUE;
- }, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].DEBOUNCE_THROTTLE_RESIZE_TIME_MS);
- }
- /**
- * Throttled function that updates the top app bar scrolled values if the
- * top app bar height changes.
- * @private
- */
- }, {
- key: 'throttledResizeHandler_',
- value: function throttledResizeHandler_() {
- var currentHeight = this.adapter_.getTopAppBarHeight();
- if (this.topAppBarHeight_ !== currentHeight) {
- this.wasDocked_ = false;
- // Since the top app bar has a different height depending on the screen width, this
- // will ensure that the top app bar remains in the correct location if
- // completely hidden and a resize makes the top app bar a different height.
- this.currentAppBarOffsetTop_ -= this.topAppBarHeight_ - currentHeight;
- this.topAppBarHeight_ = currentHeight;
- }
- this.topAppBarScrollHandler_();
- }
- }]);
- return MDCTopAppBarFoundation;
- }(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]);
- /* harmony default export */ __webpack_exports__["a"] = (MDCTopAppBarFoundation);
- /***/ })
- /******/ ]);
- });
- //# sourceMappingURL=material-components-web.js.map
|