12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724 |
- 'use strict';
- var preact = require('preact');
- var compat = require('preact/compat');
- function _interopNamespace(e) {
- if (e && e.__esModule) return e;
- var n = Object.create(null);
- if (e) {
- Object.keys(e).forEach(function (k) {
- if (k !== 'default') {
- var d = Object.getOwnPropertyDescriptor(e, k);
- Object.defineProperty(n, k, d.get ? d : {
- enumerable: true,
- get: function () { return e[k]; }
- });
- }
- });
- }
- n["default"] = e;
- return Object.freeze(n);
- }
- var preact__namespace = /*#__PURE__*/_interopNamespace(preact);
- const styleTexts = [];
- const styleEls = new Map();
- function injectStyles(styleText) {
- styleTexts.push(styleText);
- styleEls.forEach((styleEl) => {
- appendStylesTo(styleEl, styleText);
- });
- }
- function ensureElHasStyles(el) {
- if (el.isConnected && // sometimes true if SSR system simulates DOM
- el.getRootNode // sometimes undefined if SSR system simulates DOM
- ) {
- registerStylesRoot(el.getRootNode());
- }
- }
- function registerStylesRoot(rootNode) {
- let styleEl = styleEls.get(rootNode);
- if (!styleEl || !styleEl.isConnected) {
- styleEl = rootNode.querySelector('style[data-fullcalendar]');
- if (!styleEl) {
- styleEl = document.createElement('style');
- styleEl.setAttribute('data-fullcalendar', '');
- const nonce = getNonceValue();
- if (nonce) {
- styleEl.nonce = nonce;
- }
- const parentEl = rootNode === document ? document.head : rootNode;
- const insertBefore = rootNode === document
- ? parentEl.querySelector('script,link[rel=stylesheet],link[as=style],style')
- : parentEl.firstChild;
- parentEl.insertBefore(styleEl, insertBefore);
- }
- styleEls.set(rootNode, styleEl);
- hydrateStylesRoot(styleEl);
- }
- }
- function hydrateStylesRoot(styleEl) {
- for (const styleText of styleTexts) {
- appendStylesTo(styleEl, styleText);
- }
- }
- function appendStylesTo(styleEl, styleText) {
- const { sheet } = styleEl;
- const ruleCnt = sheet.cssRules.length;
- styleText.split('}').forEach((styleStr, i) => {
- styleStr = styleStr.trim();
- if (styleStr) {
- sheet.insertRule(styleStr + '}', ruleCnt + i);
- }
- });
- }
- // nonce
- // -------------------------------------------------------------------------------------------------
- let queriedNonceValue;
- function getNonceValue() {
- if (queriedNonceValue === undefined) {
- queriedNonceValue = queryNonceValue();
- }
- return queriedNonceValue;
- }
- /*
- TODO: discourage meta tag and instead put nonce attribute on placeholder <style> tag
- */
- function queryNonceValue() {
- const metaWithNonce = document.querySelector('meta[name="csp-nonce"]');
- if (metaWithNonce && metaWithNonce.hasAttribute('content')) {
- return metaWithNonce.getAttribute('content');
- }
- const elWithNonce = document.querySelector('script[nonce]');
- if (elWithNonce) {
- return elWithNonce.nonce || '';
- }
- return '';
- }
- // main
- // -------------------------------------------------------------------------------------------------
- if (typeof document !== 'undefined') {
- registerStylesRoot(document);
- }
- var css_248z = ":root{--fc-small-font-size:.85em;--fc-page-bg-color:#fff;--fc-neutral-bg-color:hsla(0,0%,82%,.3);--fc-neutral-text-color:grey;--fc-border-color:#ddd;--fc-button-text-color:#fff;--fc-button-bg-color:#2c3e50;--fc-button-border-color:#2c3e50;--fc-button-hover-bg-color:#1e2b37;--fc-button-hover-border-color:#1a252f;--fc-button-active-bg-color:#1a252f;--fc-button-active-border-color:#151e27;--fc-event-bg-color:#3788d8;--fc-event-border-color:#3788d8;--fc-event-text-color:#fff;--fc-event-selected-overlay-color:rgba(0,0,0,.25);--fc-more-link-bg-color:#d0d0d0;--fc-more-link-text-color:inherit;--fc-event-resizer-thickness:8px;--fc-event-resizer-dot-total-width:8px;--fc-event-resizer-dot-border-width:1px;--fc-non-business-color:hsla(0,0%,84%,.3);--fc-bg-event-color:#8fdf82;--fc-bg-event-opacity:0.3;--fc-highlight-color:rgba(188,232,241,.3);--fc-today-bg-color:rgba(255,220,40,.15);--fc-now-indicator-color:red}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc{display:flex;flex-direction:column;font-size:1em}.fc,.fc *,.fc :after,.fc :before{box-sizing:border-box}.fc table{border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{padding:0;vertical-align:top}.fc a[data-navlink]{cursor:pointer}.fc a[data-navlink]:hover{text-decoration:underline}.fc-direction-ltr{direction:ltr;text-align:left}.fc-direction-rtl{direction:rtl;text-align:right}.fc-theme-standard td,.fc-theme-standard th{border:1px solid var(--fc-border-color)}.fc-liquid-hack td,.fc-liquid-hack th{position:relative}@font-face{font-family:fcicons;font-style:normal;font-weight:400;src:url(\"data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=\") format(\"truetype\")}.fc-icon{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:fcicons!important;font-style:normal;font-variant:normal;font-weight:400;height:1em;line-height:1;text-align:center;text-transform:none;-moz-user-select:none;user-select:none;width:1em}.fc-icon-chevron-left:before{content:\"\\e900\"}.fc-icon-chevron-right:before{content:\"\\e901\"}.fc-icon-chevrons-left:before{content:\"\\e902\"}.fc-icon-chevrons-right:before{content:\"\\e903\"}.fc-icon-minus-square:before{content:\"\\e904\"}.fc-icon-plus-square:before{content:\"\\e905\"}.fc-icon-x:before{content:\"\\e906\"}.fc .fc-button{border-radius:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}.fc .fc-button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.fc .fc-button{-webkit-appearance:button}.fc .fc-button:not(:disabled){cursor:pointer}.fc .fc-button{background-color:transparent;border:1px solid transparent;border-radius:.25em;display:inline-block;font-size:1em;font-weight:400;line-height:1.5;padding:.4em .65em;text-align:center;-moz-user-select:none;user-select:none;vertical-align:middle}.fc .fc-button:hover{text-decoration:none}.fc .fc-button:focus{box-shadow:0 0 0 .2rem rgba(44,62,80,.25);outline:0}.fc .fc-button:disabled{opacity:.65}.fc .fc-button-primary{background-color:var(--fc-button-bg-color);border-color:var(--fc-button-border-color);color:var(--fc-button-text-color)}.fc .fc-button-primary:hover{background-color:var(--fc-button-hover-bg-color);border-color:var(--fc-button-hover-border-color);color:var(--fc-button-text-color)}.fc .fc-button-primary:disabled{background-color:var(--fc-button-bg-color);border-color:var(--fc-button-border-color);color:var(--fc-button-text-color)}.fc .fc-button-primary:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{background-color:var(--fc-button-active-bg-color);border-color:var(--fc-button-active-border-color);color:var(--fc-button-text-color)}.fc .fc-button-primary:not(:disabled).fc-button-active:focus,.fc .fc-button-primary:not(:disabled):active:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc .fc-button .fc-icon{font-size:1.5em;vertical-align:middle}.fc .fc-button-group{display:inline-flex;position:relative;vertical-align:middle}.fc .fc-button-group>.fc-button{flex:1 1 auto;position:relative}.fc .fc-button-group>.fc-button.fc-button-active,.fc .fc-button-group>.fc-button:active,.fc .fc-button-group>.fc-button:focus,.fc .fc-button-group>.fc-button:hover{z-index:1}.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child){border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px}.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child){border-bottom-left-radius:0;border-top-left-radius:0}.fc .fc-toolbar{align-items:center;display:flex;justify-content:space-between}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:1.5em}.fc .fc-toolbar.fc-footer-toolbar{margin-top:1.5em}.fc .fc-toolbar-title{font-size:1.75em;margin:0}.fc-direction-ltr .fc-toolbar>*>:not(:first-child){margin-left:.75em}.fc-direction-rtl .fc-toolbar>*>:not(:first-child){margin-right:.75em}.fc-direction-rtl .fc-toolbar-ltr{flex-direction:row-reverse}.fc .fc-scroller{-webkit-overflow-scrolling:touch;position:relative}.fc .fc-scroller-liquid{height:100%}.fc .fc-scroller-liquid-absolute{bottom:0;left:0;position:absolute;right:0;top:0}.fc .fc-scroller-harness{direction:ltr;overflow:hidden;position:relative}.fc .fc-scroller-harness-liquid{height:100%}.fc-direction-rtl .fc-scroller-harness>.fc-scroller{direction:rtl}.fc-theme-standard .fc-scrollgrid{border:1px solid var(--fc-border-color)}.fc .fc-scrollgrid,.fc .fc-scrollgrid table{table-layout:fixed;width:100%}.fc .fc-scrollgrid table{border-left-style:hidden;border-right-style:hidden;border-top-style:hidden}.fc .fc-scrollgrid{border-bottom-width:0;border-collapse:separate;border-right-width:0}.fc .fc-scrollgrid-liquid{height:100%}.fc .fc-scrollgrid-section,.fc .fc-scrollgrid-section table,.fc .fc-scrollgrid-section>td{height:1px}.fc .fc-scrollgrid-section-liquid>td{height:100%}.fc .fc-scrollgrid-section>*{border-left-width:0;border-top-width:0}.fc .fc-scrollgrid-section-footer>*,.fc .fc-scrollgrid-section-header>*{border-bottom-width:0}.fc .fc-scrollgrid-section-body table,.fc .fc-scrollgrid-section-footer table{border-bottom-style:hidden}.fc .fc-scrollgrid-section-sticky>*{background:var(--fc-page-bg-color);position:sticky;z-index:3}.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>*{top:0}.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>*{bottom:0}.fc .fc-scrollgrid-sticky-shim{height:1px;margin-bottom:-1px}.fc-sticky{position:sticky}.fc .fc-view-harness{flex-grow:1;position:relative}.fc .fc-view-harness-active>.fc-view{bottom:0;left:0;position:absolute;right:0;top:0}.fc .fc-col-header-cell-cushion{display:inline-block;padding:2px 4px}.fc .fc-bg-event,.fc .fc-highlight,.fc .fc-non-business{bottom:0;left:0;position:absolute;right:0;top:0}.fc .fc-non-business{background:var(--fc-non-business-color)}.fc .fc-bg-event{background:var(--fc-bg-event-color);opacity:var(--fc-bg-event-opacity)}.fc .fc-bg-event .fc-event-title{font-size:var(--fc-small-font-size);font-style:italic;margin:.5em}.fc .fc-highlight{background:var(--fc-highlight-color)}.fc .fc-cell-shaded,.fc .fc-day-disabled{background:var(--fc-neutral-bg-color)}a.fc-event,a.fc-event:hover{text-decoration:none}.fc-event.fc-event-draggable,.fc-event[href]{cursor:pointer}.fc-event .fc-event-main{position:relative;z-index:2}.fc-event-dragging:not(.fc-event-selected){opacity:.75}.fc-event-dragging.fc-event-selected{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-event .fc-event-resizer{display:none;position:absolute;z-index:4}.fc-event-selected .fc-event-resizer,.fc-event:hover .fc-event-resizer{display:block}.fc-event-selected .fc-event-resizer{background:var(--fc-page-bg-color);border-color:inherit;border-radius:calc(var(--fc-event-resizer-dot-total-width)/2);border-style:solid;border-width:var(--fc-event-resizer-dot-border-width);height:var(--fc-event-resizer-dot-total-width);width:var(--fc-event-resizer-dot-total-width)}.fc-event-selected .fc-event-resizer:before{bottom:-20px;content:\"\";left:-20px;position:absolute;right:-20px;top:-20px}.fc-event-selected,.fc-event:focus{box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event-selected:before,.fc-event:focus:before{bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;z-index:3}.fc-event-selected:after,.fc-event:focus:after{background:var(--fc-event-selected-overlay-color);bottom:-1px;content:\"\";left:-1px;position:absolute;right:-1px;top:-1px;z-index:1}.fc-h-event{background-color:var(--fc-event-bg-color);border:1px solid var(--fc-event-border-color);display:block}.fc-h-event .fc-event-main{color:var(--fc-event-text-color)}.fc-h-event .fc-event-main-frame{display:flex}.fc-h-event .fc-event-time{max-width:100%;overflow:hidden}.fc-h-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-width:0}.fc-h-event .fc-event-title{display:inline-block;left:0;max-width:100%;overflow:hidden;right:0;vertical-align:top}.fc-h-event.fc-event-selected:before{bottom:-10px;top:-10px}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end){border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.fc-h-event:not(.fc-event-selected) .fc-event-resizer{bottom:0;top:0;width:var(--fc-event-resizer-thickness)}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end{cursor:w-resize;left:calc(var(--fc-event-resizer-thickness)*-.5)}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start{cursor:e-resize;right:calc(var(--fc-event-resizer-thickness)*-.5)}.fc-h-event.fc-event-selected .fc-event-resizer{margin-top:calc(var(--fc-event-resizer-dot-total-width)*-.5);top:50%}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end{left:calc(var(--fc-event-resizer-dot-total-width)*-.5)}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start{right:calc(var(--fc-event-resizer-dot-total-width)*-.5)}.fc .fc-popover{box-shadow:0 2px 6px rgba(0,0,0,.15);position:absolute;z-index:9999}.fc .fc-popover-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:3px 4px}.fc .fc-popover-title{margin:0 2px}.fc .fc-popover-close{cursor:pointer;font-size:1.1em;opacity:.65}.fc-theme-standard .fc-popover{background:var(--fc-page-bg-color);border:1px solid var(--fc-border-color)}.fc-theme-standard .fc-popover-header{background:var(--fc-neutral-bg-color)}";
- injectStyles(css_248z);
- class DelayedRunner {
- constructor(drainedOption) {
- this.drainedOption = drainedOption;
- this.isRunning = false;
- this.isDirty = false;
- this.pauseDepths = {};
- this.timeoutId = 0;
- }
- request(delay) {
- this.isDirty = true;
- if (!this.isPaused()) {
- this.clearTimeout();
- if (delay == null) {
- this.tryDrain();
- }
- else {
- this.timeoutId = setTimeout(// NOT OPTIMAL! TODO: look at debounce
- this.tryDrain.bind(this), delay);
- }
- }
- }
- pause(scope = '') {
- let { pauseDepths } = this;
- pauseDepths[scope] = (pauseDepths[scope] || 0) + 1;
- this.clearTimeout();
- }
- resume(scope = '', force) {
- let { pauseDepths } = this;
- if (scope in pauseDepths) {
- if (force) {
- delete pauseDepths[scope];
- }
- else {
- pauseDepths[scope] -= 1;
- let depth = pauseDepths[scope];
- if (depth <= 0) {
- delete pauseDepths[scope];
- }
- }
- this.tryDrain();
- }
- }
- isPaused() {
- return Object.keys(this.pauseDepths).length;
- }
- tryDrain() {
- if (!this.isRunning && !this.isPaused()) {
- this.isRunning = true;
- while (this.isDirty) {
- this.isDirty = false;
- this.drained(); // might set isDirty to true again
- }
- this.isRunning = false;
- }
- }
- clear() {
- this.clearTimeout();
- this.isDirty = false;
- this.pauseDepths = {};
- }
- clearTimeout() {
- if (this.timeoutId) {
- clearTimeout(this.timeoutId);
- this.timeoutId = 0;
- }
- }
- drained() {
- if (this.drainedOption) {
- this.drainedOption();
- }
- }
- }
- function removeElement(el) {
- if (el.parentNode) {
- el.parentNode.removeChild(el);
- }
- }
- // Querying
- // ----------------------------------------------------------------------------------------------------------------
- function elementClosest(el, selector) {
- if (el.closest) {
- return el.closest(selector);
- // really bad fallback for IE
- // from https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
- }
- if (!document.documentElement.contains(el)) {
- return null;
- }
- do {
- if (elementMatches(el, selector)) {
- return el;
- }
- el = (el.parentElement || el.parentNode);
- } while (el !== null && el.nodeType === 1);
- return null;
- }
- function elementMatches(el, selector) {
- let method = el.matches || el.matchesSelector || el.msMatchesSelector;
- return method.call(el, selector);
- }
- // accepts multiple subject els
- // returns a real array. good for methods like forEach
- // TODO: accept the document
- function findElements(container, selector) {
- let containers = container instanceof HTMLElement ? [container] : container;
- let allMatches = [];
- for (let i = 0; i < containers.length; i += 1) {
- let matches = containers[i].querySelectorAll(selector);
- for (let j = 0; j < matches.length; j += 1) {
- allMatches.push(matches[j]);
- }
- }
- return allMatches;
- }
- // accepts multiple subject els
- // only queries direct child elements // TODO: rename to findDirectChildren!
- function findDirectChildren(parent, selector) {
- let parents = parent instanceof HTMLElement ? [parent] : parent;
- let allMatches = [];
- for (let i = 0; i < parents.length; i += 1) {
- let childNodes = parents[i].children; // only ever elements
- for (let j = 0; j < childNodes.length; j += 1) {
- let childNode = childNodes[j];
- if (!selector || elementMatches(childNode, selector)) {
- allMatches.push(childNode);
- }
- }
- }
- return allMatches;
- }
- // Style
- // ----------------------------------------------------------------------------------------------------------------
- const PIXEL_PROP_RE = /(top|left|right|bottom|width|height)$/i;
- function applyStyle(el, props) {
- for (let propName in props) {
- applyStyleProp(el, propName, props[propName]);
- }
- }
- function applyStyleProp(el, name, val) {
- if (val == null) {
- el.style[name] = '';
- }
- else if (typeof val === 'number' && PIXEL_PROP_RE.test(name)) {
- el.style[name] = `${val}px`;
- }
- else {
- el.style[name] = val;
- }
- }
- // Event Handling
- // ----------------------------------------------------------------------------------------------------------------
- // if intercepting bubbled events at the document/window/body level,
- // and want to see originating element (the 'target'), use this util instead
- // of `ev.target` because it goes within web-component boundaries.
- function getEventTargetViaRoot(ev) {
- var _a, _b;
- return (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)[0]) !== null && _b !== void 0 ? _b : ev.target;
- }
- // Unique ID for DOM attribute
- let guid$1 = 0;
- function getUniqueDomId() {
- guid$1 += 1;
- return 'fc-dom-' + guid$1;
- }
- // Stops a mouse/touch event from doing it's native browser action
- function preventDefault(ev) {
- ev.preventDefault();
- }
- // Event Delegation
- // ----------------------------------------------------------------------------------------------------------------
- function buildDelegationHandler(selector, handler) {
- return (ev) => {
- let matchedChild = elementClosest(ev.target, selector);
- if (matchedChild) {
- handler.call(matchedChild, ev, matchedChild);
- }
- };
- }
- function listenBySelector(container, eventType, selector, handler) {
- let attachedHandler = buildDelegationHandler(selector, handler);
- container.addEventListener(eventType, attachedHandler);
- return () => {
- container.removeEventListener(eventType, attachedHandler);
- };
- }
- function listenToHoverBySelector(container, selector, onMouseEnter, onMouseLeave) {
- let currentMatchedChild;
- return listenBySelector(container, 'mouseover', selector, (mouseOverEv, matchedChild) => {
- if (matchedChild !== currentMatchedChild) {
- currentMatchedChild = matchedChild;
- onMouseEnter(mouseOverEv, matchedChild);
- let realOnMouseLeave = (mouseLeaveEv) => {
- currentMatchedChild = null;
- onMouseLeave(mouseLeaveEv, matchedChild);
- matchedChild.removeEventListener('mouseleave', realOnMouseLeave);
- };
- // listen to the next mouseleave, and then unattach
- matchedChild.addEventListener('mouseleave', realOnMouseLeave);
- }
- });
- }
- // Animation
- // ----------------------------------------------------------------------------------------------------------------
- const transitionEventNames = [
- 'webkitTransitionEnd',
- 'otransitionend',
- 'oTransitionEnd',
- 'msTransitionEnd',
- 'transitionend',
- ];
- // triggered only when the next single subsequent transition finishes
- function whenTransitionDone(el, callback) {
- let realCallback = (ev) => {
- callback(ev);
- transitionEventNames.forEach((eventName) => {
- el.removeEventListener(eventName, realCallback);
- });
- };
- transitionEventNames.forEach((eventName) => {
- el.addEventListener(eventName, realCallback); // cross-browser way to determine when the transition finishes
- });
- }
- // ARIA workarounds
- // ----------------------------------------------------------------------------------------------------------------
- function createAriaClickAttrs(handler) {
- return Object.assign({ onClick: handler }, createAriaKeyboardAttrs(handler));
- }
- function createAriaKeyboardAttrs(handler) {
- return {
- tabIndex: 0,
- onKeyDown(ev) {
- if (ev.key === 'Enter' || ev.key === ' ') {
- handler(ev);
- ev.preventDefault(); // if space, don't scroll down page
- }
- },
- };
- }
- let guidNumber = 0;
- function guid() {
- guidNumber += 1;
- return String(guidNumber);
- }
- /* FullCalendar-specific DOM Utilities
- ----------------------------------------------------------------------------------------------------------------------*/
- // Make the mouse cursor express that an event is not allowed in the current area
- function disableCursor() {
- document.body.classList.add('fc-not-allowed');
- }
- // Returns the mouse cursor to its original look
- function enableCursor() {
- document.body.classList.remove('fc-not-allowed');
- }
- /* Selection
- ----------------------------------------------------------------------------------------------------------------------*/
- function preventSelection(el) {
- el.style.userSelect = 'none';
- el.style.webkitUserSelect = 'none';
- el.addEventListener('selectstart', preventDefault);
- }
- function allowSelection(el) {
- el.style.userSelect = '';
- el.style.webkitUserSelect = '';
- el.removeEventListener('selectstart', preventDefault);
- }
- /* Context Menu
- ----------------------------------------------------------------------------------------------------------------------*/
- function preventContextMenu(el) {
- el.addEventListener('contextmenu', preventDefault);
- }
- function allowContextMenu(el) {
- el.removeEventListener('contextmenu', preventDefault);
- }
- function parseFieldSpecs(input) {
- let specs = [];
- let tokens = [];
- let i;
- let token;
- if (typeof input === 'string') {
- tokens = input.split(/\s*,\s*/);
- }
- else if (typeof input === 'function') {
- tokens = [input];
- }
- else if (Array.isArray(input)) {
- tokens = input;
- }
- for (i = 0; i < tokens.length; i += 1) {
- token = tokens[i];
- if (typeof token === 'string') {
- specs.push(token.charAt(0) === '-' ?
- { field: token.substring(1), order: -1 } :
- { field: token, order: 1 });
- }
- else if (typeof token === 'function') {
- specs.push({ func: token });
- }
- }
- return specs;
- }
- function compareByFieldSpecs(obj0, obj1, fieldSpecs) {
- let i;
- let cmp;
- for (i = 0; i < fieldSpecs.length; i += 1) {
- cmp = compareByFieldSpec(obj0, obj1, fieldSpecs[i]);
- if (cmp) {
- return cmp;
- }
- }
- return 0;
- }
- function compareByFieldSpec(obj0, obj1, fieldSpec) {
- if (fieldSpec.func) {
- return fieldSpec.func(obj0, obj1);
- }
- return flexibleCompare(obj0[fieldSpec.field], obj1[fieldSpec.field])
- * (fieldSpec.order || 1);
- }
- function flexibleCompare(a, b) {
- if (!a && !b) {
- return 0;
- }
- if (b == null) {
- return -1;
- }
- if (a == null) {
- return 1;
- }
- if (typeof a === 'string' || typeof b === 'string') {
- return String(a).localeCompare(String(b));
- }
- return a - b;
- }
- /* String Utilities
- ----------------------------------------------------------------------------------------------------------------------*/
- function padStart(val, len) {
- let s = String(val);
- return '000'.substr(0, len - s.length) + s;
- }
- function formatWithOrdinals(formatter, args, fallbackText) {
- if (typeof formatter === 'function') {
- return formatter(...args);
- }
- if (typeof formatter === 'string') { // non-blank string
- return args.reduce((str, arg, index) => (str.replace('$' + index, arg || '')), formatter);
- }
- return fallbackText;
- }
- /* Number Utilities
- ----------------------------------------------------------------------------------------------------------------------*/
- function compareNumbers(a, b) {
- return a - b;
- }
- function isInt(n) {
- return n % 1 === 0;
- }
- /* FC-specific DOM dimension stuff
- ----------------------------------------------------------------------------------------------------------------------*/
- function computeSmallestCellWidth(cellEl) {
- let allWidthEl = cellEl.querySelector('.fc-scrollgrid-shrink-frame');
- let contentWidthEl = cellEl.querySelector('.fc-scrollgrid-shrink-cushion');
- if (!allWidthEl) {
- throw new Error('needs fc-scrollgrid-shrink-frame className'); // TODO: use const
- }
- if (!contentWidthEl) {
- throw new Error('needs fc-scrollgrid-shrink-cushion className');
- }
- return cellEl.getBoundingClientRect().width - allWidthEl.getBoundingClientRect().width + // the cell padding+border
- contentWidthEl.getBoundingClientRect().width;
- }
- const INTERNAL_UNITS = ['years', 'months', 'days', 'milliseconds'];
- const PARSE_RE = /^(-?)(?:(\d+)\.)?(\d+):(\d\d)(?::(\d\d)(?:\.(\d\d\d))?)?/;
- // Parsing and Creation
- function createDuration(input, unit) {
- if (typeof input === 'string') {
- return parseString(input);
- }
- if (typeof input === 'object' && input) { // non-null object
- return parseObject(input);
- }
- if (typeof input === 'number') {
- return parseObject({ [unit || 'milliseconds']: input });
- }
- return null;
- }
- function parseString(s) {
- let m = PARSE_RE.exec(s);
- if (m) {
- let sign = m[1] ? -1 : 1;
- return {
- years: 0,
- months: 0,
- days: sign * (m[2] ? parseInt(m[2], 10) : 0),
- milliseconds: sign * ((m[3] ? parseInt(m[3], 10) : 0) * 60 * 60 * 1000 + // hours
- (m[4] ? parseInt(m[4], 10) : 0) * 60 * 1000 + // minutes
- (m[5] ? parseInt(m[5], 10) : 0) * 1000 + // seconds
- (m[6] ? parseInt(m[6], 10) : 0) // ms
- ),
- };
- }
- return null;
- }
- function parseObject(obj) {
- let duration = {
- years: obj.years || obj.year || 0,
- months: obj.months || obj.month || 0,
- days: obj.days || obj.day || 0,
- milliseconds: (obj.hours || obj.hour || 0) * 60 * 60 * 1000 + // hours
- (obj.minutes || obj.minute || 0) * 60 * 1000 + // minutes
- (obj.seconds || obj.second || 0) * 1000 + // seconds
- (obj.milliseconds || obj.millisecond || obj.ms || 0), // ms
- };
- let weeks = obj.weeks || obj.week;
- if (weeks) {
- duration.days += weeks * 7;
- duration.specifiedWeeks = true;
- }
- return duration;
- }
- // Equality
- function durationsEqual(d0, d1) {
- return d0.years === d1.years &&
- d0.months === d1.months &&
- d0.days === d1.days &&
- d0.milliseconds === d1.milliseconds;
- }
- function asCleanDays(dur) {
- if (!dur.years && !dur.months && !dur.milliseconds) {
- return dur.days;
- }
- return 0;
- }
- // Simple Math
- function addDurations(d0, d1) {
- return {
- years: d0.years + d1.years,
- months: d0.months + d1.months,
- days: d0.days + d1.days,
- milliseconds: d0.milliseconds + d1.milliseconds,
- };
- }
- function subtractDurations(d1, d0) {
- return {
- years: d1.years - d0.years,
- months: d1.months - d0.months,
- days: d1.days - d0.days,
- milliseconds: d1.milliseconds - d0.milliseconds,
- };
- }
- function multiplyDuration(d, n) {
- return {
- years: d.years * n,
- months: d.months * n,
- days: d.days * n,
- milliseconds: d.milliseconds * n,
- };
- }
- // Conversions
- // "Rough" because they are based on average-case Gregorian months/years
- function asRoughYears(dur) {
- return asRoughDays(dur) / 365;
- }
- function asRoughMonths(dur) {
- return asRoughDays(dur) / 30;
- }
- function asRoughDays(dur) {
- return asRoughMs(dur) / 864e5;
- }
- function asRoughMinutes(dur) {
- return asRoughMs(dur) / (1000 * 60);
- }
- function asRoughSeconds(dur) {
- return asRoughMs(dur) / 1000;
- }
- function asRoughMs(dur) {
- return dur.years * (365 * 864e5) +
- dur.months * (30 * 864e5) +
- dur.days * 864e5 +
- dur.milliseconds;
- }
- // Advanced Math
- function wholeDivideDurations(numerator, denominator) {
- let res = null;
- for (let i = 0; i < INTERNAL_UNITS.length; i += 1) {
- let unit = INTERNAL_UNITS[i];
- if (denominator[unit]) {
- let localRes = numerator[unit] / denominator[unit];
- if (!isInt(localRes) || (res !== null && res !== localRes)) {
- return null;
- }
- res = localRes;
- }
- else if (numerator[unit]) {
- // needs to divide by something but can't!
- return null;
- }
- }
- return res;
- }
- function greatestDurationDenominator(dur) {
- let ms = dur.milliseconds;
- if (ms) {
- if (ms % 1000 !== 0) {
- return { unit: 'millisecond', value: ms };
- }
- if (ms % (1000 * 60) !== 0) {
- return { unit: 'second', value: ms / 1000 };
- }
- if (ms % (1000 * 60 * 60) !== 0) {
- return { unit: 'minute', value: ms / (1000 * 60) };
- }
- if (ms) {
- return { unit: 'hour', value: ms / (1000 * 60 * 60) };
- }
- }
- if (dur.days) {
- if (dur.specifiedWeeks && dur.days % 7 === 0) {
- return { unit: 'week', value: dur.days / 7 };
- }
- return { unit: 'day', value: dur.days };
- }
- if (dur.months) {
- return { unit: 'month', value: dur.months };
- }
- if (dur.years) {
- return { unit: 'year', value: dur.years };
- }
- return { unit: 'millisecond', value: 0 };
- }
- // TODO: new util arrayify?
- function removeExact(array, exactVal) {
- let removeCnt = 0;
- let i = 0;
- while (i < array.length) {
- if (array[i] === exactVal) {
- array.splice(i, 1);
- removeCnt += 1;
- }
- else {
- i += 1;
- }
- }
- return removeCnt;
- }
- function isArraysEqual(a0, a1, equalityFunc) {
- if (a0 === a1) {
- return true;
- }
- let len = a0.length;
- let i;
- if (len !== a1.length) { // not array? or not same length?
- return false;
- }
- for (i = 0; i < len; i += 1) {
- if (!(equalityFunc ? equalityFunc(a0[i], a1[i]) : a0[i] === a1[i])) {
- return false;
- }
- }
- return true;
- }
- const DAY_IDS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
- // Adding
- function addWeeks(m, n) {
- let a = dateToUtcArray(m);
- a[2] += n * 7;
- return arrayToUtcDate(a);
- }
- function addDays(m, n) {
- let a = dateToUtcArray(m);
- a[2] += n;
- return arrayToUtcDate(a);
- }
- function addMs(m, n) {
- let a = dateToUtcArray(m);
- a[6] += n;
- return arrayToUtcDate(a);
- }
- // Diffing (all return floats)
- // TODO: why not use ranges?
- function diffWeeks(m0, m1) {
- return diffDays(m0, m1) / 7;
- }
- function diffDays(m0, m1) {
- return (m1.valueOf() - m0.valueOf()) / (1000 * 60 * 60 * 24);
- }
- function diffHours(m0, m1) {
- return (m1.valueOf() - m0.valueOf()) / (1000 * 60 * 60);
- }
- function diffMinutes(m0, m1) {
- return (m1.valueOf() - m0.valueOf()) / (1000 * 60);
- }
- function diffSeconds(m0, m1) {
- return (m1.valueOf() - m0.valueOf()) / 1000;
- }
- function diffDayAndTime(m0, m1) {
- let m0day = startOfDay(m0);
- let m1day = startOfDay(m1);
- return {
- years: 0,
- months: 0,
- days: Math.round(diffDays(m0day, m1day)),
- milliseconds: (m1.valueOf() - m1day.valueOf()) - (m0.valueOf() - m0day.valueOf()),
- };
- }
- // Diffing Whole Units
- function diffWholeWeeks(m0, m1) {
- let d = diffWholeDays(m0, m1);
- if (d !== null && d % 7 === 0) {
- return d / 7;
- }
- return null;
- }
- function diffWholeDays(m0, m1) {
- if (timeAsMs(m0) === timeAsMs(m1)) {
- return Math.round(diffDays(m0, m1));
- }
- return null;
- }
- // Start-Of
- function startOfDay(m) {
- return arrayToUtcDate([
- m.getUTCFullYear(),
- m.getUTCMonth(),
- m.getUTCDate(),
- ]);
- }
- function startOfHour(m) {
- return arrayToUtcDate([
- m.getUTCFullYear(),
- m.getUTCMonth(),
- m.getUTCDate(),
- m.getUTCHours(),
- ]);
- }
- function startOfMinute(m) {
- return arrayToUtcDate([
- m.getUTCFullYear(),
- m.getUTCMonth(),
- m.getUTCDate(),
- m.getUTCHours(),
- m.getUTCMinutes(),
- ]);
- }
- function startOfSecond(m) {
- return arrayToUtcDate([
- m.getUTCFullYear(),
- m.getUTCMonth(),
- m.getUTCDate(),
- m.getUTCHours(),
- m.getUTCMinutes(),
- m.getUTCSeconds(),
- ]);
- }
- // Week Computation
- function weekOfYear(marker, dow, doy) {
- let y = marker.getUTCFullYear();
- let w = weekOfGivenYear(marker, y, dow, doy);
- if (w < 1) {
- return weekOfGivenYear(marker, y - 1, dow, doy);
- }
- let nextW = weekOfGivenYear(marker, y + 1, dow, doy);
- if (nextW >= 1) {
- return Math.min(w, nextW);
- }
- return w;
- }
- function weekOfGivenYear(marker, year, dow, doy) {
- let firstWeekStart = arrayToUtcDate([year, 0, 1 + firstWeekOffset(year, dow, doy)]);
- let dayStart = startOfDay(marker);
- let days = Math.round(diffDays(firstWeekStart, dayStart));
- return Math.floor(days / 7) + 1; // zero-indexed
- }
- // start-of-first-week - start-of-year
- function firstWeekOffset(year, dow, doy) {
- // first-week day -- which january is always in the first week (4 for iso, 1 for other)
- let fwd = 7 + dow - doy;
- // first-week day local weekday -- which local weekday is fwd
- let fwdlw = (7 + arrayToUtcDate([year, 0, fwd]).getUTCDay() - dow) % 7;
- return -fwdlw + fwd - 1;
- }
- // Array Conversion
- function dateToLocalArray(date) {
- return [
- date.getFullYear(),
- date.getMonth(),
- date.getDate(),
- date.getHours(),
- date.getMinutes(),
- date.getSeconds(),
- date.getMilliseconds(),
- ];
- }
- function arrayToLocalDate(a) {
- return new Date(a[0], a[1] || 0, a[2] == null ? 1 : a[2], // day of month
- a[3] || 0, a[4] || 0, a[5] || 0);
- }
- function dateToUtcArray(date) {
- return [
- date.getUTCFullYear(),
- date.getUTCMonth(),
- date.getUTCDate(),
- date.getUTCHours(),
- date.getUTCMinutes(),
- date.getUTCSeconds(),
- date.getUTCMilliseconds(),
- ];
- }
- function arrayToUtcDate(a) {
- // according to web standards (and Safari), a month index is required.
- // massage if only given a year.
- if (a.length === 1) {
- a = a.concat([0]);
- }
- return new Date(Date.UTC(...a));
- }
- // Other Utils
- function isValidDate(m) {
- return !isNaN(m.valueOf());
- }
- function timeAsMs(m) {
- return m.getUTCHours() * 1000 * 60 * 60 +
- m.getUTCMinutes() * 1000 * 60 +
- m.getUTCSeconds() * 1000 +
- m.getUTCMilliseconds();
- }
- // timeZoneOffset is in minutes
- function buildIsoString(marker, timeZoneOffset, stripZeroTime = false) {
- let s = marker.toISOString();
- s = s.replace('.000', '');
- if (stripZeroTime) {
- s = s.replace('T00:00:00Z', '');
- }
- if (s.length > 10) { // time part wasn't stripped, can add timezone info
- if (timeZoneOffset == null) {
- s = s.replace('Z', '');
- }
- else if (timeZoneOffset !== 0) {
- s = s.replace('Z', formatTimeZoneOffset(timeZoneOffset, true));
- }
- // otherwise, its UTC-0 and we want to keep the Z
- }
- return s;
- }
- // formats the date, but with no time part
- // TODO: somehow merge with buildIsoString and stripZeroTime
- // TODO: rename. omit "string"
- function formatDayString(marker) {
- return marker.toISOString().replace(/T.*$/, '');
- }
- function formatIsoMonthStr(marker) {
- return marker.toISOString().match(/^\d{4}-\d{2}/)[0];
- }
- // TODO: use Date::toISOString and use everything after the T?
- function formatIsoTimeString(marker) {
- return padStart(marker.getUTCHours(), 2) + ':' +
- padStart(marker.getUTCMinutes(), 2) + ':' +
- padStart(marker.getUTCSeconds(), 2);
- }
- function formatTimeZoneOffset(minutes, doIso = false) {
- let sign = minutes < 0 ? '-' : '+';
- let abs = Math.abs(minutes);
- let hours = Math.floor(abs / 60);
- let mins = Math.round(abs % 60);
- if (doIso) {
- return `${sign + padStart(hours, 2)}:${padStart(mins, 2)}`;
- }
- return `GMT${sign}${hours}${mins ? `:${padStart(mins, 2)}` : ''}`;
- }
- function memoize(workerFunc, resEquality, teardownFunc) {
- let currentArgs;
- let currentRes;
- return function (...newArgs) {
- if (!currentArgs) {
- currentRes = workerFunc.apply(this, newArgs);
- }
- else if (!isArraysEqual(currentArgs, newArgs)) {
- if (teardownFunc) {
- teardownFunc(currentRes);
- }
- let res = workerFunc.apply(this, newArgs);
- if (!resEquality || !resEquality(res, currentRes)) {
- currentRes = res;
- }
- }
- currentArgs = newArgs;
- return currentRes;
- };
- }
- function memoizeObjArg(workerFunc, resEquality, teardownFunc) {
- let currentArg;
- let currentRes;
- return (newArg) => {
- if (!currentArg) {
- currentRes = workerFunc.call(this, newArg);
- }
- else if (!isPropsEqual(currentArg, newArg)) {
- if (teardownFunc) {
- teardownFunc(currentRes);
- }
- let res = workerFunc.call(this, newArg);
- if (!resEquality || !resEquality(res, currentRes)) {
- currentRes = res;
- }
- }
- currentArg = newArg;
- return currentRes;
- };
- }
- function memoizeArraylike(// used at all?
- workerFunc, resEquality, teardownFunc) {
- let currentArgSets = [];
- let currentResults = [];
- return (newArgSets) => {
- let currentLen = currentArgSets.length;
- let newLen = newArgSets.length;
- let i = 0;
- for (; i < currentLen; i += 1) {
- if (!newArgSets[i]) { // one of the old sets no longer exists
- if (teardownFunc) {
- teardownFunc(currentResults[i]);
- }
- }
- else if (!isArraysEqual(currentArgSets[i], newArgSets[i])) {
- if (teardownFunc) {
- teardownFunc(currentResults[i]);
- }
- let res = workerFunc.apply(this, newArgSets[i]);
- if (!resEquality || !resEquality(res, currentResults[i])) {
- currentResults[i] = res;
- }
- }
- }
- for (; i < newLen; i += 1) {
- currentResults[i] = workerFunc.apply(this, newArgSets[i]);
- }
- currentArgSets = newArgSets;
- currentResults.splice(newLen); // remove excess
- return currentResults;
- };
- }
- function memoizeHashlike(workerFunc, resEquality, teardownFunc) {
- let currentArgHash = {};
- let currentResHash = {};
- return (newArgHash) => {
- let newResHash = {};
- for (let key in newArgHash) {
- if (!currentResHash[key]) {
- newResHash[key] = workerFunc.apply(this, newArgHash[key]);
- }
- else if (!isArraysEqual(currentArgHash[key], newArgHash[key])) {
- if (teardownFunc) {
- teardownFunc(currentResHash[key]);
- }
- let res = workerFunc.apply(this, newArgHash[key]);
- newResHash[key] = (resEquality && resEquality(res, currentResHash[key]))
- ? currentResHash[key]
- : res;
- }
- else {
- newResHash[key] = currentResHash[key];
- }
- }
- currentArgHash = newArgHash;
- currentResHash = newResHash;
- return newResHash;
- };
- }
- const EXTENDED_SETTINGS_AND_SEVERITIES = {
- week: 3,
- separator: 0,
- omitZeroMinute: 0,
- meridiem: 0,
- omitCommas: 0,
- };
- const STANDARD_DATE_PROP_SEVERITIES = {
- timeZoneName: 7,
- era: 6,
- year: 5,
- month: 4,
- day: 2,
- weekday: 2,
- hour: 1,
- minute: 1,
- second: 1,
- };
- const MERIDIEM_RE = /\s*([ap])\.?m\.?/i; // eats up leading spaces too
- const COMMA_RE = /,/g; // we need re for globalness
- const MULTI_SPACE_RE = /\s+/g;
- const LTR_RE = /\u200e/g; // control character
- const UTC_RE = /UTC|GMT/;
- class NativeFormatter {
- constructor(formatSettings) {
- let standardDateProps = {};
- let extendedSettings = {};
- let severity = 0;
- for (let name in formatSettings) {
- if (name in EXTENDED_SETTINGS_AND_SEVERITIES) {
- extendedSettings[name] = formatSettings[name];
- severity = Math.max(EXTENDED_SETTINGS_AND_SEVERITIES[name], severity);
- }
- else {
- standardDateProps[name] = formatSettings[name];
- if (name in STANDARD_DATE_PROP_SEVERITIES) { // TODO: what about hour12? no severity
- severity = Math.max(STANDARD_DATE_PROP_SEVERITIES[name], severity);
- }
- }
- }
- this.standardDateProps = standardDateProps;
- this.extendedSettings = extendedSettings;
- this.severity = severity;
- this.buildFormattingFunc = memoize(buildFormattingFunc);
- }
- format(date, context) {
- return this.buildFormattingFunc(this.standardDateProps, this.extendedSettings, context)(date);
- }
- formatRange(start, end, context, betterDefaultSeparator) {
- let { standardDateProps, extendedSettings } = this;
- let diffSeverity = computeMarkerDiffSeverity(start.marker, end.marker, context.calendarSystem);
- if (!diffSeverity) {
- return this.format(start, context);
- }
- let biggestUnitForPartial = diffSeverity;
- if (biggestUnitForPartial > 1 && // the two dates are different in a way that's larger scale than time
- (standardDateProps.year === 'numeric' || standardDateProps.year === '2-digit') &&
- (standardDateProps.month === 'numeric' || standardDateProps.month === '2-digit') &&
- (standardDateProps.day === 'numeric' || standardDateProps.day === '2-digit')) {
- biggestUnitForPartial = 1; // make it look like the dates are only different in terms of time
- }
- let full0 = this.format(start, context);
- let full1 = this.format(end, context);
- if (full0 === full1) {
- return full0;
- }
- let partialDateProps = computePartialFormattingOptions(standardDateProps, biggestUnitForPartial);
- let partialFormattingFunc = buildFormattingFunc(partialDateProps, extendedSettings, context);
- let partial0 = partialFormattingFunc(start);
- let partial1 = partialFormattingFunc(end);
- let insertion = findCommonInsertion(full0, partial0, full1, partial1);
- let separator = extendedSettings.separator || betterDefaultSeparator || context.defaultSeparator || '';
- if (insertion) {
- return insertion.before + partial0 + separator + partial1 + insertion.after;
- }
- return full0 + separator + full1;
- }
- getLargestUnit() {
- switch (this.severity) {
- case 7:
- case 6:
- case 5:
- return 'year';
- case 4:
- return 'month';
- case 3:
- return 'week';
- case 2:
- return 'day';
- default:
- return 'time'; // really?
- }
- }
- }
- function buildFormattingFunc(standardDateProps, extendedSettings, context) {
- let standardDatePropCnt = Object.keys(standardDateProps).length;
- if (standardDatePropCnt === 1 && standardDateProps.timeZoneName === 'short') {
- return (date) => (formatTimeZoneOffset(date.timeZoneOffset));
- }
- if (standardDatePropCnt === 0 && extendedSettings.week) {
- return (date) => (formatWeekNumber(context.computeWeekNumber(date.marker), context.weekText, context.weekTextLong, context.locale, extendedSettings.week));
- }
- return buildNativeFormattingFunc(standardDateProps, extendedSettings, context);
- }
- function buildNativeFormattingFunc(standardDateProps, extendedSettings, context) {
- standardDateProps = Object.assign({}, standardDateProps); // copy
- extendedSettings = Object.assign({}, extendedSettings); // copy
- sanitizeSettings(standardDateProps, extendedSettings);
- standardDateProps.timeZone = 'UTC'; // we leverage the only guaranteed timeZone for our UTC markers
- let normalFormat = new Intl.DateTimeFormat(context.locale.codes, standardDateProps);
- let zeroFormat; // needed?
- if (extendedSettings.omitZeroMinute) {
- let zeroProps = Object.assign({}, standardDateProps);
- delete zeroProps.minute; // seconds and ms were already considered in sanitizeSettings
- zeroFormat = new Intl.DateTimeFormat(context.locale.codes, zeroProps);
- }
- return (date) => {
- let { marker } = date;
- let format;
- if (zeroFormat && !marker.getUTCMinutes()) {
- format = zeroFormat;
- }
- else {
- format = normalFormat;
- }
- let s = format.format(marker);
- return postProcess(s, date, standardDateProps, extendedSettings, context);
- };
- }
- function sanitizeSettings(standardDateProps, extendedSettings) {
- // deal with a browser inconsistency where formatting the timezone
- // requires that the hour/minute be present.
- if (standardDateProps.timeZoneName) {
- if (!standardDateProps.hour) {
- standardDateProps.hour = '2-digit';
- }
- if (!standardDateProps.minute) {
- standardDateProps.minute = '2-digit';
- }
- }
- // only support short timezone names
- if (standardDateProps.timeZoneName === 'long') {
- standardDateProps.timeZoneName = 'short';
- }
- // if requesting to display seconds, MUST display minutes
- if (extendedSettings.omitZeroMinute && (standardDateProps.second || standardDateProps.millisecond)) {
- delete extendedSettings.omitZeroMinute;
- }
- }
- function postProcess(s, date, standardDateProps, extendedSettings, context) {
- s = s.replace(LTR_RE, ''); // remove left-to-right control chars. do first. good for other regexes
- if (standardDateProps.timeZoneName === 'short') {
- s = injectTzoStr(s, (context.timeZone === 'UTC' || date.timeZoneOffset == null) ?
- 'UTC' : // important to normalize for IE, which does "GMT"
- formatTimeZoneOffset(date.timeZoneOffset));
- }
- if (extendedSettings.omitCommas) {
- s = s.replace(COMMA_RE, '').trim();
- }
- if (extendedSettings.omitZeroMinute) {
- s = s.replace(':00', ''); // zeroFormat doesn't always achieve this
- }
- // ^ do anything that might create adjacent spaces before this point,
- // because MERIDIEM_RE likes to eat up loading spaces
- if (extendedSettings.meridiem === false) {
- s = s.replace(MERIDIEM_RE, '').trim();
- }
- else if (extendedSettings.meridiem === 'narrow') { // a/p
- s = s.replace(MERIDIEM_RE, (m0, m1) => m1.toLocaleLowerCase());
- }
- else if (extendedSettings.meridiem === 'short') { // am/pm
- s = s.replace(MERIDIEM_RE, (m0, m1) => `${m1.toLocaleLowerCase()}m`);
- }
- else if (extendedSettings.meridiem === 'lowercase') { // other meridiem transformers already converted to lowercase
- s = s.replace(MERIDIEM_RE, (m0) => m0.toLocaleLowerCase());
- }
- s = s.replace(MULTI_SPACE_RE, ' ');
- s = s.trim();
- return s;
- }
- function injectTzoStr(s, tzoStr) {
- let replaced = false;
- s = s.replace(UTC_RE, () => {
- replaced = true;
- return tzoStr;
- });
- // IE11 doesn't include UTC/GMT in the original string, so append to end
- if (!replaced) {
- s += ` ${tzoStr}`;
- }
- return s;
- }
- function formatWeekNumber(num, weekText, weekTextLong, locale, display) {
- let parts = [];
- if (display === 'long') {
- parts.push(weekTextLong);
- }
- else if (display === 'short' || display === 'narrow') {
- parts.push(weekText);
- }
- if (display === 'long' || display === 'short') {
- parts.push(' ');
- }
- parts.push(locale.simpleNumberFormat.format(num));
- if (locale.options.direction === 'rtl') { // TODO: use control characters instead?
- parts.reverse();
- }
- return parts.join('');
- }
- // Range Formatting Utils
- // 0 = exactly the same
- // 1 = different by time
- // and bigger
- function computeMarkerDiffSeverity(d0, d1, ca) {
- if (ca.getMarkerYear(d0) !== ca.getMarkerYear(d1)) {
- return 5;
- }
- if (ca.getMarkerMonth(d0) !== ca.getMarkerMonth(d1)) {
- return 4;
- }
- if (ca.getMarkerDay(d0) !== ca.getMarkerDay(d1)) {
- return 2;
- }
- if (timeAsMs(d0) !== timeAsMs(d1)) {
- return 1;
- }
- return 0;
- }
- function computePartialFormattingOptions(options, biggestUnit) {
- let partialOptions = {};
- for (let name in options) {
- if (!(name in STANDARD_DATE_PROP_SEVERITIES) || // not a date part prop (like timeZone)
- STANDARD_DATE_PROP_SEVERITIES[name] <= biggestUnit) {
- partialOptions[name] = options[name];
- }
- }
- return partialOptions;
- }
- function findCommonInsertion(full0, partial0, full1, partial1) {
- let i0 = 0;
- while (i0 < full0.length) {
- let found0 = full0.indexOf(partial0, i0);
- if (found0 === -1) {
- break;
- }
- let before0 = full0.substr(0, found0);
- i0 = found0 + partial0.length;
- let after0 = full0.substr(i0);
- let i1 = 0;
- while (i1 < full1.length) {
- let found1 = full1.indexOf(partial1, i1);
- if (found1 === -1) {
- break;
- }
- let before1 = full1.substr(0, found1);
- i1 = found1 + partial1.length;
- let after1 = full1.substr(i1);
- if (before0 === before1 && after0 === after1) {
- return {
- before: before0,
- after: after0,
- };
- }
- }
- }
- return null;
- }
- function expandZonedMarker(dateInfo, calendarSystem) {
- let a = calendarSystem.markerToArray(dateInfo.marker);
- return {
- marker: dateInfo.marker,
- timeZoneOffset: dateInfo.timeZoneOffset,
- array: a,
- year: a[0],
- month: a[1],
- day: a[2],
- hour: a[3],
- minute: a[4],
- second: a[5],
- millisecond: a[6],
- };
- }
- function createVerboseFormattingArg(start, end, context, betterDefaultSeparator) {
- let startInfo = expandZonedMarker(start, context.calendarSystem);
- let endInfo = end ? expandZonedMarker(end, context.calendarSystem) : null;
- return {
- date: startInfo,
- start: startInfo,
- end: endInfo,
- timeZone: context.timeZone,
- localeCodes: context.locale.codes,
- defaultSeparator: betterDefaultSeparator || context.defaultSeparator,
- };
- }
- /*
- TODO: fix the terminology of "formatter" vs "formatting func"
- */
- /*
- At the time of instantiation, this object does not know which cmd-formatting system it will use.
- It receives this at the time of formatting, as a setting.
- */
- class CmdFormatter {
- constructor(cmdStr) {
- this.cmdStr = cmdStr;
- }
- format(date, context, betterDefaultSeparator) {
- return context.cmdFormatter(this.cmdStr, createVerboseFormattingArg(date, null, context, betterDefaultSeparator));
- }
- formatRange(start, end, context, betterDefaultSeparator) {
- return context.cmdFormatter(this.cmdStr, createVerboseFormattingArg(start, end, context, betterDefaultSeparator));
- }
- }
- class FuncFormatter {
- constructor(func) {
- this.func = func;
- }
- format(date, context, betterDefaultSeparator) {
- return this.func(createVerboseFormattingArg(date, null, context, betterDefaultSeparator));
- }
- formatRange(start, end, context, betterDefaultSeparator) {
- return this.func(createVerboseFormattingArg(start, end, context, betterDefaultSeparator));
- }
- }
- function createFormatter(input) {
- if (typeof input === 'object' && input) { // non-null object
- return new NativeFormatter(input);
- }
- if (typeof input === 'string') {
- return new CmdFormatter(input);
- }
- if (typeof input === 'function') {
- return new FuncFormatter(input);
- }
- return null;
- }
- // base options
- // ------------
- const BASE_OPTION_REFINERS = {
- navLinkDayClick: identity,
- navLinkWeekClick: identity,
- duration: createDuration,
- bootstrapFontAwesome: identity,
- buttonIcons: identity,
- customButtons: identity,
- defaultAllDayEventDuration: createDuration,
- defaultTimedEventDuration: createDuration,
- nextDayThreshold: createDuration,
- scrollTime: createDuration,
- scrollTimeReset: Boolean,
- slotMinTime: createDuration,
- slotMaxTime: createDuration,
- dayPopoverFormat: createFormatter,
- slotDuration: createDuration,
- snapDuration: createDuration,
- headerToolbar: identity,
- footerToolbar: identity,
- defaultRangeSeparator: String,
- titleRangeSeparator: String,
- forceEventDuration: Boolean,
- dayHeaders: Boolean,
- dayHeaderFormat: createFormatter,
- dayHeaderClassNames: identity,
- dayHeaderContent: identity,
- dayHeaderDidMount: identity,
- dayHeaderWillUnmount: identity,
- dayCellClassNames: identity,
- dayCellContent: identity,
- dayCellDidMount: identity,
- dayCellWillUnmount: identity,
- initialView: String,
- aspectRatio: Number,
- weekends: Boolean,
- weekNumberCalculation: identity,
- weekNumbers: Boolean,
- weekNumberClassNames: identity,
- weekNumberContent: identity,
- weekNumberDidMount: identity,
- weekNumberWillUnmount: identity,
- editable: Boolean,
- viewClassNames: identity,
- viewDidMount: identity,
- viewWillUnmount: identity,
- nowIndicator: Boolean,
- nowIndicatorClassNames: identity,
- nowIndicatorContent: identity,
- nowIndicatorDidMount: identity,
- nowIndicatorWillUnmount: identity,
- showNonCurrentDates: Boolean,
- lazyFetching: Boolean,
- startParam: String,
- endParam: String,
- timeZoneParam: String,
- timeZone: String,
- locales: identity,
- locale: identity,
- themeSystem: String,
- dragRevertDuration: Number,
- dragScroll: Boolean,
- allDayMaintainDuration: Boolean,
- unselectAuto: Boolean,
- dropAccept: identity,
- eventOrder: parseFieldSpecs,
- eventOrderStrict: Boolean,
- handleWindowResize: Boolean,
- windowResizeDelay: Number,
- longPressDelay: Number,
- eventDragMinDistance: Number,
- expandRows: Boolean,
- height: identity,
- contentHeight: identity,
- direction: String,
- weekNumberFormat: createFormatter,
- eventResizableFromStart: Boolean,
- displayEventTime: Boolean,
- displayEventEnd: Boolean,
- weekText: String,
- weekTextLong: String,
- progressiveEventRendering: Boolean,
- businessHours: identity,
- initialDate: identity,
- now: identity,
- eventDataTransform: identity,
- stickyHeaderDates: identity,
- stickyFooterScrollbar: identity,
- viewHeight: identity,
- defaultAllDay: Boolean,
- eventSourceFailure: identity,
- eventSourceSuccess: identity,
- eventDisplay: String,
- eventStartEditable: Boolean,
- eventDurationEditable: Boolean,
- eventOverlap: identity,
- eventConstraint: identity,
- eventAllow: identity,
- eventBackgroundColor: String,
- eventBorderColor: String,
- eventTextColor: String,
- eventColor: String,
- eventClassNames: identity,
- eventContent: identity,
- eventDidMount: identity,
- eventWillUnmount: identity,
- selectConstraint: identity,
- selectOverlap: identity,
- selectAllow: identity,
- droppable: Boolean,
- unselectCancel: String,
- slotLabelFormat: identity,
- slotLaneClassNames: identity,
- slotLaneContent: identity,
- slotLaneDidMount: identity,
- slotLaneWillUnmount: identity,
- slotLabelClassNames: identity,
- slotLabelContent: identity,
- slotLabelDidMount: identity,
- slotLabelWillUnmount: identity,
- dayMaxEvents: identity,
- dayMaxEventRows: identity,
- dayMinWidth: Number,
- slotLabelInterval: createDuration,
- allDayText: String,
- allDayClassNames: identity,
- allDayContent: identity,
- allDayDidMount: identity,
- allDayWillUnmount: identity,
- slotMinWidth: Number,
- navLinks: Boolean,
- eventTimeFormat: createFormatter,
- rerenderDelay: Number,
- moreLinkText: identity,
- moreLinkHint: identity,
- selectMinDistance: Number,
- selectable: Boolean,
- selectLongPressDelay: Number,
- eventLongPressDelay: Number,
- selectMirror: Boolean,
- eventMaxStack: Number,
- eventMinHeight: Number,
- eventMinWidth: Number,
- eventShortHeight: Number,
- slotEventOverlap: Boolean,
- plugins: identity,
- firstDay: Number,
- dayCount: Number,
- dateAlignment: String,
- dateIncrement: createDuration,
- hiddenDays: identity,
- fixedWeekCount: Boolean,
- validRange: identity,
- visibleRange: identity,
- titleFormat: identity,
- eventInteractive: Boolean,
- // only used by list-view, but languages define the value, so we need it in base options
- noEventsText: String,
- viewHint: identity,
- navLinkHint: identity,
- closeHint: String,
- timeHint: String,
- eventHint: String,
- moreLinkClick: identity,
- moreLinkClassNames: identity,
- moreLinkContent: identity,
- moreLinkDidMount: identity,
- moreLinkWillUnmount: identity,
- monthStartFormat: createFormatter,
- // for connectors
- // (can't be part of plugin system b/c must be provided at runtime)
- handleCustomRendering: identity,
- customRenderingMetaMap: identity,
- customRenderingReplaces: Boolean,
- };
- // do NOT give a type here. need `typeof BASE_OPTION_DEFAULTS` to give real results.
- // raw values.
- const BASE_OPTION_DEFAULTS = {
- eventDisplay: 'auto',
- defaultRangeSeparator: ' - ',
- titleRangeSeparator: ' \u2013 ',
- defaultTimedEventDuration: '01:00:00',
- defaultAllDayEventDuration: { day: 1 },
- forceEventDuration: false,
- nextDayThreshold: '00:00:00',
- dayHeaders: true,
- initialView: '',
- aspectRatio: 1.35,
- headerToolbar: {
- start: 'title',
- center: '',
- end: 'today prev,next',
- },
- weekends: true,
- weekNumbers: false,
- weekNumberCalculation: 'local',
- editable: false,
- nowIndicator: false,
- scrollTime: '06:00:00',
- scrollTimeReset: true,
- slotMinTime: '00:00:00',
- slotMaxTime: '24:00:00',
- showNonCurrentDates: true,
- lazyFetching: true,
- startParam: 'start',
- endParam: 'end',
- timeZoneParam: 'timeZone',
- timeZone: 'local',
- locales: [],
- locale: '',
- themeSystem: 'standard',
- dragRevertDuration: 500,
- dragScroll: true,
- allDayMaintainDuration: false,
- unselectAuto: true,
- dropAccept: '*',
- eventOrder: 'start,-duration,allDay,title',
- dayPopoverFormat: { month: 'long', day: 'numeric', year: 'numeric' },
- handleWindowResize: true,
- windowResizeDelay: 100,
- longPressDelay: 1000,
- eventDragMinDistance: 5,
- expandRows: false,
- navLinks: false,
- selectable: false,
- eventMinHeight: 15,
- eventMinWidth: 30,
- eventShortHeight: 30,
- monthStartFormat: { month: 'long', day: 'numeric' },
- };
- // calendar listeners
- // ------------------
- const CALENDAR_LISTENER_REFINERS = {
- datesSet: identity,
- eventsSet: identity,
- eventAdd: identity,
- eventChange: identity,
- eventRemove: identity,
- windowResize: identity,
- eventClick: identity,
- eventMouseEnter: identity,
- eventMouseLeave: identity,
- select: identity,
- unselect: identity,
- loading: identity,
- // internal
- _unmount: identity,
- _beforeprint: identity,
- _afterprint: identity,
- _noEventDrop: identity,
- _noEventResize: identity,
- _resize: identity,
- _scrollRequest: identity,
- };
- // calendar-specific options
- // -------------------------
- const CALENDAR_OPTION_REFINERS = {
- buttonText: identity,
- buttonHints: identity,
- views: identity,
- plugins: identity,
- initialEvents: identity,
- events: identity,
- eventSources: identity,
- };
- const COMPLEX_OPTION_COMPARATORS = {
- headerToolbar: isMaybeObjectsEqual,
- footerToolbar: isMaybeObjectsEqual,
- buttonText: isMaybeObjectsEqual,
- buttonHints: isMaybeObjectsEqual,
- buttonIcons: isMaybeObjectsEqual,
- dateIncrement: isMaybeObjectsEqual,
- plugins: isMaybeArraysEqual,
- events: isMaybeArraysEqual,
- eventSources: isMaybeArraysEqual,
- ['resources']: isMaybeArraysEqual,
- };
- function isMaybeObjectsEqual(a, b) {
- if (typeof a === 'object' && typeof b === 'object' && a && b) { // both non-null objects
- return isPropsEqual(a, b);
- }
- return a === b;
- }
- function isMaybeArraysEqual(a, b) {
- if (Array.isArray(a) && Array.isArray(b)) {
- return isArraysEqual(a, b);
- }
- return a === b;
- }
- // view-specific options
- // ---------------------
- const VIEW_OPTION_REFINERS = {
- type: String,
- component: identity,
- buttonText: String,
- buttonTextKey: String,
- dateProfileGeneratorClass: identity,
- usesMinMaxTime: Boolean,
- classNames: identity,
- content: identity,
- didMount: identity,
- willUnmount: identity,
- };
- // util funcs
- // ----------------------------------------------------------------------------------------------------
- function mergeRawOptions(optionSets) {
- return mergeProps(optionSets, COMPLEX_OPTION_COMPARATORS);
- }
- function refineProps(input, refiners) {
- let refined = {};
- let extra = {};
- for (let propName in refiners) {
- if (propName in input) {
- refined[propName] = refiners[propName](input[propName]);
- }
- }
- for (let propName in input) {
- if (!(propName in refiners)) {
- extra[propName] = input[propName];
- }
- }
- return { refined, extra };
- }
- function identity(raw) {
- return raw;
- }
- const { hasOwnProperty } = Object.prototype;
- // Merges an array of objects into a single object.
- // The second argument allows for an array of property names who's object values will be merged together.
- function mergeProps(propObjs, complexPropsMap) {
- let dest = {};
- if (complexPropsMap) {
- for (let name in complexPropsMap) {
- if (complexPropsMap[name] === isMaybeObjectsEqual) { // implies that it's object-mergeable
- let complexObjs = [];
- // collect the trailing object values, stopping when a non-object is discovered
- for (let i = propObjs.length - 1; i >= 0; i -= 1) {
- let val = propObjs[i][name];
- if (typeof val === 'object' && val) { // non-null object
- complexObjs.unshift(val);
- }
- else if (val !== undefined) {
- dest[name] = val; // if there were no objects, this value will be used
- break;
- }
- }
- // if the trailing values were objects, use the merged value
- if (complexObjs.length) {
- dest[name] = mergeProps(complexObjs);
- }
- }
- }
- }
- // copy values into the destination, going from last to first
- for (let i = propObjs.length - 1; i >= 0; i -= 1) {
- let props = propObjs[i];
- for (let name in props) {
- if (!(name in dest)) { // if already assigned by previous props or complex props, don't reassign
- dest[name] = props[name];
- }
- }
- }
- return dest;
- }
- function filterHash(hash, func) {
- let filtered = {};
- for (let key in hash) {
- if (func(hash[key], key)) {
- filtered[key] = hash[key];
- }
- }
- return filtered;
- }
- function mapHash(hash, func) {
- let newHash = {};
- for (let key in hash) {
- newHash[key] = func(hash[key], key);
- }
- return newHash;
- }
- function arrayToHash(a) {
- let hash = {};
- for (let item of a) {
- hash[item] = true;
- }
- return hash;
- }
- // TODO: reassess browser support
- // https://caniuse.com/?search=object.values
- function hashValuesToArray(obj) {
- let a = [];
- for (let key in obj) {
- a.push(obj[key]);
- }
- return a;
- }
- function isPropsEqual(obj0, obj1) {
- if (obj0 === obj1) {
- return true;
- }
- for (let key in obj0) {
- if (hasOwnProperty.call(obj0, key)) {
- if (!(key in obj1)) {
- return false;
- }
- }
- }
- for (let key in obj1) {
- if (hasOwnProperty.call(obj1, key)) {
- if (obj0[key] !== obj1[key]) {
- return false;
- }
- }
- }
- return true;
- }
- const HANDLER_RE = /^on[A-Z]/;
- function isNonHandlerPropsEqual(obj0, obj1) {
- const keys = getUnequalProps(obj0, obj1);
- for (let key of keys) {
- if (!HANDLER_RE.test(key)) {
- return false;
- }
- }
- return true;
- }
- function getUnequalProps(obj0, obj1) {
- let keys = [];
- for (let key in obj0) {
- if (hasOwnProperty.call(obj0, key)) {
- if (!(key in obj1)) {
- keys.push(key);
- }
- }
- }
- for (let key in obj1) {
- if (hasOwnProperty.call(obj1, key)) {
- if (obj0[key] !== obj1[key]) {
- keys.push(key);
- }
- }
- }
- return keys;
- }
- function compareObjs(oldProps, newProps, equalityFuncs = {}) {
- if (oldProps === newProps) {
- return true;
- }
- for (let key in newProps) {
- if (key in oldProps && isObjValsEqual(oldProps[key], newProps[key], equalityFuncs[key])) ;
- else {
- return false;
- }
- }
- // check for props that were omitted in the new
- for (let key in oldProps) {
- if (!(key in newProps)) {
- return false;
- }
- }
- return true;
- }
- /*
- assumed "true" equality for handler names like "onReceiveSomething"
- */
- function isObjValsEqual(val0, val1, comparator) {
- if (val0 === val1 || comparator === true) {
- return true;
- }
- if (comparator) {
- return comparator(val0, val1);
- }
- return false;
- }
- function collectFromHash(hash, startIndex = 0, endIndex, step = 1) {
- let res = [];
- if (endIndex == null) {
- endIndex = Object.keys(hash).length;
- }
- for (let i = startIndex; i < endIndex; i += step) {
- let val = hash[i];
- if (val !== undefined) { // will disregard undefined for sparse arrays
- res.push(val);
- }
- }
- return res;
- }
- let calendarSystemClassMap = {};
- function registerCalendarSystem(name, theClass) {
- calendarSystemClassMap[name] = theClass;
- }
- function createCalendarSystem(name) {
- return new calendarSystemClassMap[name]();
- }
- class GregorianCalendarSystem {
- getMarkerYear(d) {
- return d.getUTCFullYear();
- }
- getMarkerMonth(d) {
- return d.getUTCMonth();
- }
- getMarkerDay(d) {
- return d.getUTCDate();
- }
- arrayToMarker(arr) {
- return arrayToUtcDate(arr);
- }
- markerToArray(marker) {
- return dateToUtcArray(marker);
- }
- }
- registerCalendarSystem('gregory', GregorianCalendarSystem);
- const ISO_RE = /^\s*(\d{4})(-?(\d{2})(-?(\d{2})([T ](\d{2}):?(\d{2})(:?(\d{2})(\.(\d+))?)?(Z|(([-+])(\d{2})(:?(\d{2}))?))?)?)?)?$/;
- function parse(str) {
- let m = ISO_RE.exec(str);
- if (m) {
- let marker = new Date(Date.UTC(Number(m[1]), m[3] ? Number(m[3]) - 1 : 0, Number(m[5] || 1), Number(m[7] || 0), Number(m[8] || 0), Number(m[10] || 0), m[12] ? Number(`0.${m[12]}`) * 1000 : 0));
- if (isValidDate(marker)) {
- let timeZoneOffset = null;
- if (m[13]) {
- timeZoneOffset = (m[15] === '-' ? -1 : 1) * (Number(m[16] || 0) * 60 +
- Number(m[18] || 0));
- }
- return {
- marker,
- isTimeUnspecified: !m[6],
- timeZoneOffset,
- };
- }
- }
- return null;
- }
- class DateEnv {
- constructor(settings) {
- let timeZone = this.timeZone = settings.timeZone;
- let isNamedTimeZone = timeZone !== 'local' && timeZone !== 'UTC';
- if (settings.namedTimeZoneImpl && isNamedTimeZone) {
- this.namedTimeZoneImpl = new settings.namedTimeZoneImpl(timeZone);
- }
- this.canComputeOffset = Boolean(!isNamedTimeZone || this.namedTimeZoneImpl);
- this.calendarSystem = createCalendarSystem(settings.calendarSystem);
- this.locale = settings.locale;
- this.weekDow = settings.locale.week.dow;
- this.weekDoy = settings.locale.week.doy;
- if (settings.weekNumberCalculation === 'ISO') {
- this.weekDow = 1;
- this.weekDoy = 4;
- }
- if (typeof settings.firstDay === 'number') {
- this.weekDow = settings.firstDay;
- }
- if (typeof settings.weekNumberCalculation === 'function') {
- this.weekNumberFunc = settings.weekNumberCalculation;
- }
- this.weekText = settings.weekText != null ? settings.weekText : settings.locale.options.weekText;
- this.weekTextLong = (settings.weekTextLong != null ? settings.weekTextLong : settings.locale.options.weekTextLong) || this.weekText;
- this.cmdFormatter = settings.cmdFormatter;
- this.defaultSeparator = settings.defaultSeparator;
- }
- // Creating / Parsing
- createMarker(input) {
- let meta = this.createMarkerMeta(input);
- if (meta === null) {
- return null;
- }
- return meta.marker;
- }
- createNowMarker() {
- if (this.canComputeOffset) {
- return this.timestampToMarker(new Date().valueOf());
- }
- // if we can't compute the current date val for a timezone,
- // better to give the current local date vals than UTC
- return arrayToUtcDate(dateToLocalArray(new Date()));
- }
- createMarkerMeta(input) {
- if (typeof input === 'string') {
- return this.parse(input);
- }
- let marker = null;
- if (typeof input === 'number') {
- marker = this.timestampToMarker(input);
- }
- else if (input instanceof Date) {
- input = input.valueOf();
- if (!isNaN(input)) {
- marker = this.timestampToMarker(input);
- }
- }
- else if (Array.isArray(input)) {
- marker = arrayToUtcDate(input);
- }
- if (marker === null || !isValidDate(marker)) {
- return null;
- }
- return { marker, isTimeUnspecified: false, forcedTzo: null };
- }
- parse(s) {
- let parts = parse(s);
- if (parts === null) {
- return null;
- }
- let { marker } = parts;
- let forcedTzo = null;
- if (parts.timeZoneOffset !== null) {
- if (this.canComputeOffset) {
- marker = this.timestampToMarker(marker.valueOf() - parts.timeZoneOffset * 60 * 1000);
- }
- else {
- forcedTzo = parts.timeZoneOffset;
- }
- }
- return { marker, isTimeUnspecified: parts.isTimeUnspecified, forcedTzo };
- }
- // Accessors
- getYear(marker) {
- return this.calendarSystem.getMarkerYear(marker);
- }
- getMonth(marker) {
- return this.calendarSystem.getMarkerMonth(marker);
- }
- getDay(marker) {
- return this.calendarSystem.getMarkerDay(marker);
- }
- // Adding / Subtracting
- add(marker, dur) {
- let a = this.calendarSystem.markerToArray(marker);
- a[0] += dur.years;
- a[1] += dur.months;
- a[2] += dur.days;
- a[6] += dur.milliseconds;
- return this.calendarSystem.arrayToMarker(a);
- }
- subtract(marker, dur) {
- let a = this.calendarSystem.markerToArray(marker);
- a[0] -= dur.years;
- a[1] -= dur.months;
- a[2] -= dur.days;
- a[6] -= dur.milliseconds;
- return this.calendarSystem.arrayToMarker(a);
- }
- addYears(marker, n) {
- let a = this.calendarSystem.markerToArray(marker);
- a[0] += n;
- return this.calendarSystem.arrayToMarker(a);
- }
- addMonths(marker, n) {
- let a = this.calendarSystem.markerToArray(marker);
- a[1] += n;
- return this.calendarSystem.arrayToMarker(a);
- }
- // Diffing Whole Units
- diffWholeYears(m0, m1) {
- let { calendarSystem } = this;
- if (timeAsMs(m0) === timeAsMs(m1) &&
- calendarSystem.getMarkerDay(m0) === calendarSystem.getMarkerDay(m1) &&
- calendarSystem.getMarkerMonth(m0) === calendarSystem.getMarkerMonth(m1)) {
- return calendarSystem.getMarkerYear(m1) - calendarSystem.getMarkerYear(m0);
- }
- return null;
- }
- diffWholeMonths(m0, m1) {
- let { calendarSystem } = this;
- if (timeAsMs(m0) === timeAsMs(m1) &&
- calendarSystem.getMarkerDay(m0) === calendarSystem.getMarkerDay(m1)) {
- return (calendarSystem.getMarkerMonth(m1) - calendarSystem.getMarkerMonth(m0)) +
- (calendarSystem.getMarkerYear(m1) - calendarSystem.getMarkerYear(m0)) * 12;
- }
- return null;
- }
- // Range / Duration
- greatestWholeUnit(m0, m1) {
- let n = this.diffWholeYears(m0, m1);
- if (n !== null) {
- return { unit: 'year', value: n };
- }
- n = this.diffWholeMonths(m0, m1);
- if (n !== null) {
- return { unit: 'month', value: n };
- }
- n = diffWholeWeeks(m0, m1);
- if (n !== null) {
- return { unit: 'week', value: n };
- }
- n = diffWholeDays(m0, m1);
- if (n !== null) {
- return { unit: 'day', value: n };
- }
- n = diffHours(m0, m1);
- if (isInt(n)) {
- return { unit: 'hour', value: n };
- }
- n = diffMinutes(m0, m1);
- if (isInt(n)) {
- return { unit: 'minute', value: n };
- }
- n = diffSeconds(m0, m1);
- if (isInt(n)) {
- return { unit: 'second', value: n };
- }
- return { unit: 'millisecond', value: m1.valueOf() - m0.valueOf() };
- }
- countDurationsBetween(m0, m1, d) {
- // TODO: can use greatestWholeUnit
- let diff;
- if (d.years) {
- diff = this.diffWholeYears(m0, m1);
- if (diff !== null) {
- return diff / asRoughYears(d);
- }
- }
- if (d.months) {
- diff = this.diffWholeMonths(m0, m1);
- if (diff !== null) {
- return diff / asRoughMonths(d);
- }
- }
- if (d.days) {
- diff = diffWholeDays(m0, m1);
- if (diff !== null) {
- return diff / asRoughDays(d);
- }
- }
- return (m1.valueOf() - m0.valueOf()) / asRoughMs(d);
- }
- // Start-Of
- // these DON'T return zoned-dates. only UTC start-of dates
- startOf(m, unit) {
- if (unit === 'year') {
- return this.startOfYear(m);
- }
- if (unit === 'month') {
- return this.startOfMonth(m);
- }
- if (unit === 'week') {
- return this.startOfWeek(m);
- }
- if (unit === 'day') {
- return startOfDay(m);
- }
- if (unit === 'hour') {
- return startOfHour(m);
- }
- if (unit === 'minute') {
- return startOfMinute(m);
- }
- if (unit === 'second') {
- return startOfSecond(m);
- }
- return null;
- }
- startOfYear(m) {
- return this.calendarSystem.arrayToMarker([
- this.calendarSystem.getMarkerYear(m),
- ]);
- }
- startOfMonth(m) {
- return this.calendarSystem.arrayToMarker([
- this.calendarSystem.getMarkerYear(m),
- this.calendarSystem.getMarkerMonth(m),
- ]);
- }
- startOfWeek(m) {
- return this.calendarSystem.arrayToMarker([
- this.calendarSystem.getMarkerYear(m),
- this.calendarSystem.getMarkerMonth(m),
- m.getUTCDate() - ((m.getUTCDay() - this.weekDow + 7) % 7),
- ]);
- }
- // Week Number
- computeWeekNumber(marker) {
- if (this.weekNumberFunc) {
- return this.weekNumberFunc(this.toDate(marker));
- }
- return weekOfYear(marker, this.weekDow, this.weekDoy);
- }
- // TODO: choke on timeZoneName: long
- format(marker, formatter, dateOptions = {}) {
- return formatter.format({
- marker,
- timeZoneOffset: dateOptions.forcedTzo != null ?
- dateOptions.forcedTzo :
- this.offsetForMarker(marker),
- }, this);
- }
- formatRange(start, end, formatter, dateOptions = {}) {
- if (dateOptions.isEndExclusive) {
- end = addMs(end, -1);
- }
- return formatter.formatRange({
- marker: start,
- timeZoneOffset: dateOptions.forcedStartTzo != null ?
- dateOptions.forcedStartTzo :
- this.offsetForMarker(start),
- }, {
- marker: end,
- timeZoneOffset: dateOptions.forcedEndTzo != null ?
- dateOptions.forcedEndTzo :
- this.offsetForMarker(end),
- }, this, dateOptions.defaultSeparator);
- }
- /*
- DUMB: the omitTime arg is dumb. if we omit the time, we want to omit the timezone offset. and if we do that,
- might as well use buildIsoString or some other util directly
- */
- formatIso(marker, extraOptions = {}) {
- let timeZoneOffset = null;
- if (!extraOptions.omitTimeZoneOffset) {
- if (extraOptions.forcedTzo != null) {
- timeZoneOffset = extraOptions.forcedTzo;
- }
- else {
- timeZoneOffset = this.offsetForMarker(marker);
- }
- }
- return buildIsoString(marker, timeZoneOffset, extraOptions.omitTime);
- }
- // TimeZone
- timestampToMarker(ms) {
- if (this.timeZone === 'local') {
- return arrayToUtcDate(dateToLocalArray(new Date(ms)));
- }
- if (this.timeZone === 'UTC' || !this.namedTimeZoneImpl) {
- return new Date(ms);
- }
- return arrayToUtcDate(this.namedTimeZoneImpl.timestampToArray(ms));
- }
- offsetForMarker(m) {
- if (this.timeZone === 'local') {
- return -arrayToLocalDate(dateToUtcArray(m)).getTimezoneOffset(); // convert "inverse" offset to "normal" offset
- }
- if (this.timeZone === 'UTC') {
- return 0;
- }
- if (this.namedTimeZoneImpl) {
- return this.namedTimeZoneImpl.offsetForArray(dateToUtcArray(m));
- }
- return null;
- }
- // Conversion
- toDate(m, forcedTzo) {
- if (this.timeZone === 'local') {
- return arrayToLocalDate(dateToUtcArray(m));
- }
- if (this.timeZone === 'UTC') {
- return new Date(m.valueOf()); // make sure it's a copy
- }
- if (!this.namedTimeZoneImpl) {
- return new Date(m.valueOf() - (forcedTzo || 0));
- }
- return new Date(m.valueOf() -
- this.namedTimeZoneImpl.offsetForArray(dateToUtcArray(m)) * 1000 * 60);
- }
- }
- class Theme {
- constructor(calendarOptions) {
- if (this.iconOverrideOption) {
- this.setIconOverride(calendarOptions[this.iconOverrideOption]);
- }
- }
- setIconOverride(iconOverrideHash) {
- let iconClassesCopy;
- let buttonName;
- if (typeof iconOverrideHash === 'object' && iconOverrideHash) { // non-null object
- iconClassesCopy = Object.assign({}, this.iconClasses);
- for (buttonName in iconOverrideHash) {
- iconClassesCopy[buttonName] = this.applyIconOverridePrefix(iconOverrideHash[buttonName]);
- }
- this.iconClasses = iconClassesCopy;
- }
- else if (iconOverrideHash === false) {
- this.iconClasses = {};
- }
- }
- applyIconOverridePrefix(className) {
- let prefix = this.iconOverridePrefix;
- if (prefix && className.indexOf(prefix) !== 0) { // if not already present
- className = prefix + className;
- }
- return className;
- }
- getClass(key) {
- return this.classes[key] || '';
- }
- getIconClass(buttonName, isRtl) {
- let className;
- if (isRtl && this.rtlIconClasses) {
- className = this.rtlIconClasses[buttonName] || this.iconClasses[buttonName];
- }
- else {
- className = this.iconClasses[buttonName];
- }
- if (className) {
- return `${this.baseIconClass} ${className}`;
- }
- return '';
- }
- getCustomButtonIconClass(customButtonProps) {
- let className;
- if (this.iconOverrideCustomButtonOption) {
- className = customButtonProps[this.iconOverrideCustomButtonOption];
- if (className) {
- return `${this.baseIconClass} ${this.applyIconOverridePrefix(className)}`;
- }
- }
- return '';
- }
- }
- Theme.prototype.classes = {};
- Theme.prototype.iconClasses = {};
- Theme.prototype.baseIconClass = '';
- Theme.prototype.iconOverridePrefix = '';
- /*
- NOTE: this can be a public API, especially createElement for hooks.
- See examples/typescript-scheduler/src/index.ts
- */
- function flushSync(runBeforeFlush) {
- runBeforeFlush();
- let oldDebounceRendering = preact__namespace.options.debounceRendering; // orig
- let callbackQ = [];
- function execCallbackSync(callback) {
- callbackQ.push(callback);
- }
- preact__namespace.options.debounceRendering = execCallbackSync;
- preact__namespace.render(preact__namespace.createElement(FakeComponent, {}), document.createElement('div'));
- while (callbackQ.length) {
- callbackQ.shift()();
- }
- preact__namespace.options.debounceRendering = oldDebounceRendering;
- }
- class FakeComponent extends preact__namespace.Component {
- render() { return preact__namespace.createElement('div', {}); }
- componentDidMount() { this.setState({}); }
- }
- // TODO: use preact/compat instead?
- function createContext(defaultValue) {
- let ContextType = preact__namespace.createContext(defaultValue);
- let origProvider = ContextType.Provider;
- ContextType.Provider = function () {
- let isNew = !this.getChildContext;
- let children = origProvider.apply(this, arguments); // eslint-disable-line prefer-rest-params
- if (isNew) {
- let subs = [];
- this.shouldComponentUpdate = (_props) => {
- if (this.props.value !== _props.value) {
- subs.forEach((c) => {
- c.context = _props.value;
- c.forceUpdate();
- });
- }
- };
- this.sub = (c) => {
- subs.push(c);
- let old = c.componentWillUnmount;
- c.componentWillUnmount = () => {
- subs.splice(subs.indexOf(c), 1);
- old && old.call(c);
- };
- };
- }
- return children;
- };
- return ContextType;
- }
- class ScrollResponder {
- constructor(execFunc, emitter, scrollTime, scrollTimeReset) {
- this.execFunc = execFunc;
- this.emitter = emitter;
- this.scrollTime = scrollTime;
- this.scrollTimeReset = scrollTimeReset;
- this.handleScrollRequest = (request) => {
- this.queuedRequest = Object.assign({}, this.queuedRequest || {}, request);
- this.drain();
- };
- emitter.on('_scrollRequest', this.handleScrollRequest);
- this.fireInitialScroll();
- }
- detach() {
- this.emitter.off('_scrollRequest', this.handleScrollRequest);
- }
- update(isDatesNew) {
- if (isDatesNew && this.scrollTimeReset) {
- this.fireInitialScroll(); // will drain
- }
- else {
- this.drain();
- }
- }
- fireInitialScroll() {
- this.handleScrollRequest({
- time: this.scrollTime,
- });
- }
- drain() {
- if (this.queuedRequest && this.execFunc(this.queuedRequest)) {
- this.queuedRequest = null;
- }
- }
- }
- const ViewContextType = createContext({}); // for Components
- function buildViewContext(viewSpec, viewApi, viewOptions, dateProfileGenerator, dateEnv, theme, pluginHooks, dispatch, getCurrentData, emitter, calendarApi, registerInteractiveComponent, unregisterInteractiveComponent) {
- return {
- dateEnv,
- options: viewOptions,
- pluginHooks,
- emitter,
- dispatch,
- getCurrentData,
- calendarApi,
- viewSpec,
- viewApi,
- dateProfileGenerator,
- theme,
- isRtl: viewOptions.direction === 'rtl',
- addResizeHandler(handler) {
- emitter.on('_resize', handler);
- },
- removeResizeHandler(handler) {
- emitter.off('_resize', handler);
- },
- createScrollResponder(execFunc) {
- return new ScrollResponder(execFunc, emitter, createDuration(viewOptions.scrollTime), viewOptions.scrollTimeReset);
- },
- registerInteractiveComponent,
- unregisterInteractiveComponent,
- };
- }
- /* eslint max-classes-per-file: off */
- class PureComponent extends preact.Component {
- shouldComponentUpdate(nextProps, nextState) {
- if (this.debug) {
- // eslint-disable-next-line no-console
- console.log(getUnequalProps(nextProps, this.props), getUnequalProps(nextState, this.state));
- }
- return !compareObjs(this.props, nextProps, this.propEquality) ||
- !compareObjs(this.state, nextState, this.stateEquality);
- }
- // HACK for freakin' React StrictMode
- safeSetState(newState) {
- if (!compareObjs(this.state, Object.assign(Object.assign({}, this.state), newState), this.stateEquality)) {
- this.setState(newState);
- }
- }
- }
- PureComponent.addPropsEquality = addPropsEquality;
- PureComponent.addStateEquality = addStateEquality;
- PureComponent.contextType = ViewContextType;
- PureComponent.prototype.propEquality = {};
- PureComponent.prototype.stateEquality = {};
- class BaseComponent extends PureComponent {
- }
- BaseComponent.contextType = ViewContextType;
- function addPropsEquality(propEquality) {
- let hash = Object.create(this.prototype.propEquality);
- Object.assign(hash, propEquality);
- this.prototype.propEquality = hash;
- }
- function addStateEquality(stateEquality) {
- let hash = Object.create(this.prototype.stateEquality);
- Object.assign(hash, stateEquality);
- this.prototype.stateEquality = hash;
- }
- // use other one
- function setRef(ref, current) {
- if (typeof ref === 'function') {
- ref(current);
- }
- else if (ref) {
- // see https://github.com/facebook/react/issues/13029
- ref.current = current;
- }
- }
- class ContentInjector extends BaseComponent {
- constructor() {
- super(...arguments);
- this.id = guid();
- this.queuedDomNodes = [];
- this.currentDomNodes = [];
- this.handleEl = (el) => {
- const { options } = this.context;
- const { generatorName } = this.props;
- if (!options.customRenderingReplaces || !hasCustomRenderingHandler(generatorName, options)) {
- this.updateElRef(el);
- }
- };
- this.updateElRef = (el) => {
- if (this.props.elRef) {
- setRef(this.props.elRef, el);
- }
- };
- }
- render() {
- const { props, context } = this;
- const { options } = context;
- const { customGenerator, defaultGenerator, renderProps } = props;
- const attrs = buildElAttrs(props, [], this.handleEl);
- let useDefault = false;
- let innerContent;
- let queuedDomNodes = [];
- let currentGeneratorMeta;
- if (customGenerator != null) {
- const customGeneratorRes = typeof customGenerator === 'function' ?
- customGenerator(renderProps, preact.createElement) :
- customGenerator;
- if (customGeneratorRes === true) {
- useDefault = true;
- }
- else {
- const isObject = customGeneratorRes && typeof customGeneratorRes === 'object'; // non-null
- if (isObject && ('html' in customGeneratorRes)) {
- attrs.dangerouslySetInnerHTML = { __html: customGeneratorRes.html };
- }
- else if (isObject && ('domNodes' in customGeneratorRes)) {
- queuedDomNodes = Array.prototype.slice.call(customGeneratorRes.domNodes);
- }
- else if (isObject
- ? preact.isValidElement(customGeneratorRes) // vdom node
- : typeof customGeneratorRes !== 'function' // primitive value (like string or number)
- ) {
- // use in vdom
- innerContent = customGeneratorRes;
- }
- else {
- // an exotic object for handleCustomRendering
- currentGeneratorMeta = customGeneratorRes;
- }
- }
- }
- else {
- useDefault = !hasCustomRenderingHandler(props.generatorName, options);
- }
- if (useDefault && defaultGenerator) {
- innerContent = defaultGenerator(renderProps);
- }
- this.queuedDomNodes = queuedDomNodes;
- this.currentGeneratorMeta = currentGeneratorMeta;
- return preact.createElement(props.elTag, attrs, innerContent);
- }
- componentDidMount() {
- this.applyQueueudDomNodes();
- this.triggerCustomRendering(true);
- }
- componentDidUpdate() {
- this.applyQueueudDomNodes();
- this.triggerCustomRendering(true);
- }
- componentWillUnmount() {
- this.triggerCustomRendering(false); // TODO: different API for removal?
- }
- triggerCustomRendering(isActive) {
- var _a;
- const { props, context } = this;
- const { handleCustomRendering, customRenderingMetaMap } = context.options;
- if (handleCustomRendering) {
- const generatorMeta = (_a = this.currentGeneratorMeta) !== null && _a !== void 0 ? _a : customRenderingMetaMap === null || customRenderingMetaMap === void 0 ? void 0 : customRenderingMetaMap[props.generatorName];
- if (generatorMeta) {
- handleCustomRendering(Object.assign(Object.assign({ id: this.id, isActive, containerEl: this.base, reportNewContainerEl: this.updateElRef, // front-end framework tells us about new container els
- generatorMeta }, props), { elClasses: (props.elClasses || []).filter(isTruthy) }));
- }
- }
- }
- applyQueueudDomNodes() {
- const { queuedDomNodes, currentDomNodes } = this;
- const el = this.base;
- if (!isArraysEqual(queuedDomNodes, currentDomNodes)) {
- currentDomNodes.forEach(removeElement);
- for (let newNode of queuedDomNodes) {
- el.appendChild(newNode);
- }
- this.currentDomNodes = queuedDomNodes;
- }
- }
- }
- ContentInjector.addPropsEquality({
- elClasses: isArraysEqual,
- elStyle: isPropsEqual,
- elAttrs: isNonHandlerPropsEqual,
- renderProps: isPropsEqual,
- });
- // Util
- /*
- Does UI-framework provide custom way of rendering that does not use Preact VDOM
- AND does the calendar's options define custom rendering?
- AKA. Should we NOT render the default content?
- */
- function hasCustomRenderingHandler(generatorName, options) {
- var _a;
- return Boolean(options.handleCustomRendering &&
- generatorName &&
- ((_a = options.customRenderingMetaMap) === null || _a === void 0 ? void 0 : _a[generatorName]));
- }
- function buildElAttrs(props, extraClassNames, elRef) {
- const attrs = Object.assign(Object.assign({}, props.elAttrs), { ref: elRef });
- if (props.elClasses || extraClassNames) {
- attrs.className = (props.elClasses || [])
- .concat(extraClassNames || [])
- .concat(attrs.className || [])
- .filter(Boolean)
- .join(' ');
- }
- if (props.elStyle) {
- attrs.style = props.elStyle;
- }
- return attrs;
- }
- function isTruthy(val) {
- return Boolean(val);
- }
- const RenderId = createContext(0);
- class ContentContainer extends preact.Component {
- constructor() {
- super(...arguments);
- this.InnerContent = InnerContentInjector.bind(undefined, this);
- this.handleEl = (el) => {
- this.el = el;
- if (this.props.elRef) {
- setRef(this.props.elRef, el);
- if (el && this.didMountMisfire) {
- this.componentDidMount();
- }
- }
- };
- }
- render() {
- const { props } = this;
- const generatedClassNames = generateClassNames(props.classNameGenerator, props.renderProps);
- if (props.children) {
- const elAttrs = buildElAttrs(props, generatedClassNames, this.handleEl);
- const children = props.children(this.InnerContent, props.renderProps, elAttrs);
- if (props.elTag) {
- return preact.createElement(props.elTag, elAttrs, children);
- }
- else {
- return children;
- }
- }
- else {
- return preact.createElement((ContentInjector), Object.assign(Object.assign({}, props), { elRef: this.handleEl, elTag: props.elTag || 'div', elClasses: (props.elClasses || []).concat(generatedClassNames), renderId: this.context }));
- }
- }
- componentDidMount() {
- var _a, _b;
- if (this.el) {
- (_b = (_a = this.props).didMount) === null || _b === void 0 ? void 0 : _b.call(_a, Object.assign(Object.assign({}, this.props.renderProps), { el: this.el }));
- }
- else {
- this.didMountMisfire = true;
- }
- }
- componentWillUnmount() {
- var _a, _b;
- (_b = (_a = this.props).willUnmount) === null || _b === void 0 ? void 0 : _b.call(_a, Object.assign(Object.assign({}, this.props.renderProps), { el: this.el }));
- }
- }
- ContentContainer.contextType = RenderId;
- function InnerContentInjector(containerComponent, props) {
- const parentProps = containerComponent.props;
- return preact.createElement((ContentInjector), Object.assign({ renderProps: parentProps.renderProps, generatorName: parentProps.generatorName, customGenerator: parentProps.customGenerator, defaultGenerator: parentProps.defaultGenerator, renderId: containerComponent.context }, props));
- }
- // Utils
- function generateClassNames(classNameGenerator, renderProps) {
- const classNames = typeof classNameGenerator === 'function' ?
- classNameGenerator(renderProps) :
- classNameGenerator || [];
- return typeof classNames === 'string' ? [classNames] : classNames;
- }
- class ViewContainer extends BaseComponent {
- render() {
- let { props, context } = this;
- let { options } = context;
- let renderProps = { view: context.viewApi };
- return (preact.createElement(ContentContainer, Object.assign({}, props, { elTag: props.elTag || 'div', elClasses: [
- ...buildViewClassNames(props.viewSpec),
- ...(props.elClasses || []),
- ], renderProps: renderProps, classNameGenerator: options.viewClassNames, generatorName: undefined, didMount: options.viewDidMount, willUnmount: options.viewWillUnmount }), () => props.children));
- }
- }
- function buildViewClassNames(viewSpec) {
- return [
- `fc-${viewSpec.type}-view`,
- 'fc-view',
- ];
- }
- function parseRange(input, dateEnv) {
- let start = null;
- let end = null;
- if (input.start) {
- start = dateEnv.createMarker(input.start);
- }
- if (input.end) {
- end = dateEnv.createMarker(input.end);
- }
- if (!start && !end) {
- return null;
- }
- if (start && end && end < start) {
- return null;
- }
- return { start, end };
- }
- // SIDE-EFFECT: will mutate ranges.
- // Will return a new array result.
- function invertRanges(ranges, constraintRange) {
- let invertedRanges = [];
- let { start } = constraintRange; // the end of the previous range. the start of the new range
- let i;
- let dateRange;
- // ranges need to be in order. required for our date-walking algorithm
- ranges.sort(compareRanges);
- for (i = 0; i < ranges.length; i += 1) {
- dateRange = ranges[i];
- // add the span of time before the event (if there is any)
- if (dateRange.start > start) { // compare millisecond time (skip any ambig logic)
- invertedRanges.push({ start, end: dateRange.start });
- }
- if (dateRange.end > start) {
- start = dateRange.end;
- }
- }
- // add the span of time after the last event (if there is any)
- if (start < constraintRange.end) { // compare millisecond time (skip any ambig logic)
- invertedRanges.push({ start, end: constraintRange.end });
- }
- return invertedRanges;
- }
- function compareRanges(range0, range1) {
- return range0.start.valueOf() - range1.start.valueOf(); // earlier ranges go first
- }
- function intersectRanges(range0, range1) {
- let { start, end } = range0;
- let newRange = null;
- if (range1.start !== null) {
- if (start === null) {
- start = range1.start;
- }
- else {
- start = new Date(Math.max(start.valueOf(), range1.start.valueOf()));
- }
- }
- if (range1.end != null) {
- if (end === null) {
- end = range1.end;
- }
- else {
- end = new Date(Math.min(end.valueOf(), range1.end.valueOf()));
- }
- }
- if (start === null || end === null || start < end) {
- newRange = { start, end };
- }
- return newRange;
- }
- function rangesEqual(range0, range1) {
- return (range0.start === null ? null : range0.start.valueOf()) === (range1.start === null ? null : range1.start.valueOf()) &&
- (range0.end === null ? null : range0.end.valueOf()) === (range1.end === null ? null : range1.end.valueOf());
- }
- function rangesIntersect(range0, range1) {
- return (range0.end === null || range1.start === null || range0.end > range1.start) &&
- (range0.start === null || range1.end === null || range0.start < range1.end);
- }
- function rangeContainsRange(outerRange, innerRange) {
- return (outerRange.start === null || (innerRange.start !== null && innerRange.start >= outerRange.start)) &&
- (outerRange.end === null || (innerRange.end !== null && innerRange.end <= outerRange.end));
- }
- function rangeContainsMarker(range, date) {
- return (range.start === null || date >= range.start) &&
- (range.end === null || date < range.end);
- }
- // If the given date is not within the given range, move it inside.
- // (If it's past the end, make it one millisecond before the end).
- function constrainMarkerToRange(date, range) {
- if (range.start != null && date < range.start) {
- return range.start;
- }
- if (range.end != null && date >= range.end) {
- return new Date(range.end.valueOf() - 1);
- }
- return date;
- }
- /* Date stuff that doesn't belong in datelib core
- ----------------------------------------------------------------------------------------------------------------------*/
- // given a timed range, computes an all-day range that has the same exact duration,
- // but whose start time is aligned with the start of the day.
- function computeAlignedDayRange(timedRange) {
- let dayCnt = Math.floor(diffDays(timedRange.start, timedRange.end)) || 1;
- let start = startOfDay(timedRange.start);
- let end = addDays(start, dayCnt);
- return { start, end };
- }
- // given a timed range, computes an all-day range based on how for the end date bleeds into the next day
- // TODO: give nextDayThreshold a default arg
- function computeVisibleDayRange(timedRange, nextDayThreshold = createDuration(0)) {
- let startDay = null;
- let endDay = null;
- if (timedRange.end) {
- endDay = startOfDay(timedRange.end);
- let endTimeMS = timedRange.end.valueOf() - endDay.valueOf(); // # of milliseconds into `endDay`
- // If the end time is actually inclusively part of the next day and is equal to or
- // beyond the next day threshold, adjust the end to be the exclusive end of `endDay`.
- // Otherwise, leaving it as inclusive will cause it to exclude `endDay`.
- if (endTimeMS && endTimeMS >= asRoughMs(nextDayThreshold)) {
- endDay = addDays(endDay, 1);
- }
- }
- if (timedRange.start) {
- startDay = startOfDay(timedRange.start); // the beginning of the day the range starts
- // If end is within `startDay` but not past nextDayThreshold, assign the default duration of one day.
- if (endDay && endDay <= startDay) {
- endDay = addDays(startDay, 1);
- }
- }
- return { start: startDay, end: endDay };
- }
- // spans from one day into another?
- function isMultiDayRange(range) {
- let visibleRange = computeVisibleDayRange(range);
- return diffDays(visibleRange.start, visibleRange.end) > 1;
- }
- function diffDates(date0, date1, dateEnv, largeUnit) {
- if (largeUnit === 'year') {
- return createDuration(dateEnv.diffWholeYears(date0, date1), 'year');
- }
- if (largeUnit === 'month') {
- return createDuration(dateEnv.diffWholeMonths(date0, date1), 'month');
- }
- return diffDayAndTime(date0, date1); // returns a duration
- }
- function reduceCurrentDate(currentDate, action) {
- switch (action.type) {
- case 'CHANGE_DATE':
- return action.dateMarker;
- default:
- return currentDate;
- }
- }
- function getInitialDate(options, dateEnv) {
- let initialDateInput = options.initialDate;
- // compute the initial ambig-timezone date
- if (initialDateInput != null) {
- return dateEnv.createMarker(initialDateInput);
- }
- return getNow(options.now, dateEnv); // getNow already returns unzoned
- }
- function getNow(nowInput, dateEnv) {
- if (typeof nowInput === 'function') {
- nowInput = nowInput();
- }
- if (nowInput == null) {
- return dateEnv.createNowMarker();
- }
- return dateEnv.createMarker(nowInput);
- }
- class DateProfileGenerator {
- constructor(props) {
- this.props = props;
- this.nowDate = getNow(props.nowInput, props.dateEnv);
- this.initHiddenDays();
- }
- /* Date Range Computation
- ------------------------------------------------------------------------------------------------------------------*/
- // Builds a structure with info about what the dates/ranges will be for the "prev" view.
- buildPrev(currentDateProfile, currentDate, forceToValid) {
- let { dateEnv } = this.props;
- let prevDate = dateEnv.subtract(dateEnv.startOf(currentDate, currentDateProfile.currentRangeUnit), // important for start-of-month
- currentDateProfile.dateIncrement);
- return this.build(prevDate, -1, forceToValid);
- }
- // Builds a structure with info about what the dates/ranges will be for the "next" view.
- buildNext(currentDateProfile, currentDate, forceToValid) {
- let { dateEnv } = this.props;
- let nextDate = dateEnv.add(dateEnv.startOf(currentDate, currentDateProfile.currentRangeUnit), // important for start-of-month
- currentDateProfile.dateIncrement);
- return this.build(nextDate, 1, forceToValid);
- }
- // Builds a structure holding dates/ranges for rendering around the given date.
- // Optional direction param indicates whether the date is being incremented/decremented
- // from its previous value. decremented = -1, incremented = 1 (default).
- build(currentDate, direction, forceToValid = true) {
- let { props } = this;
- let validRange;
- let currentInfo;
- let isRangeAllDay;
- let renderRange;
- let activeRange;
- let isValid;
- validRange = this.buildValidRange();
- validRange = this.trimHiddenDays(validRange);
- if (forceToValid) {
- currentDate = constrainMarkerToRange(currentDate, validRange);
- }
- currentInfo = this.buildCurrentRangeInfo(currentDate, direction);
- isRangeAllDay = /^(year|month|week|day)$/.test(currentInfo.unit);
- renderRange = this.buildRenderRange(this.trimHiddenDays(currentInfo.range), currentInfo.unit, isRangeAllDay);
- renderRange = this.trimHiddenDays(renderRange);
- activeRange = renderRange;
- if (!props.showNonCurrentDates) {
- activeRange = intersectRanges(activeRange, currentInfo.range);
- }
- activeRange = this.adjustActiveRange(activeRange);
- activeRange = intersectRanges(activeRange, validRange); // might return null
- // it's invalid if the originally requested date is not contained,
- // or if the range is completely outside of the valid range.
- isValid = rangesIntersect(currentInfo.range, validRange);
- // HACK: constrain to render-range so `currentDate` is more useful to view rendering
- if (!rangeContainsMarker(renderRange, currentDate)) {
- currentDate = renderRange.start;
- }
- return {
- currentDate,
- // constraint for where prev/next operations can go and where events can be dragged/resized to.
- // an object with optional start and end properties.
- validRange,
- // range the view is formally responsible for.
- // for example, a month view might have 1st-31st, excluding padded dates
- currentRange: currentInfo.range,
- // name of largest unit being displayed, like "month" or "week"
- currentRangeUnit: currentInfo.unit,
- isRangeAllDay,
- // dates that display events and accept drag-n-drop
- // will be `null` if no dates accept events
- activeRange,
- // date range with a rendered skeleton
- // includes not-active days that need some sort of DOM
- renderRange,
- // Duration object that denotes the first visible time of any given day
- slotMinTime: props.slotMinTime,
- // Duration object that denotes the exclusive visible end time of any given day
- slotMaxTime: props.slotMaxTime,
- isValid,
- // how far the current date will move for a prev/next operation
- dateIncrement: this.buildDateIncrement(currentInfo.duration),
- // pass a fallback (might be null) ^
- };
- }
- // Builds an object with optional start/end properties.
- // Indicates the minimum/maximum dates to display.
- // not responsible for trimming hidden days.
- buildValidRange() {
- let input = this.props.validRangeInput;
- let simpleInput = typeof input === 'function'
- ? input.call(this.props.calendarApi, this.nowDate)
- : input;
- return this.refineRange(simpleInput) ||
- { start: null, end: null }; // completely open-ended
- }
- // Builds a structure with info about the "current" range, the range that is
- // highlighted as being the current month for example.
- // See build() for a description of `direction`.
- // Guaranteed to have `range` and `unit` properties. `duration` is optional.
- buildCurrentRangeInfo(date, direction) {
- let { props } = this;
- let duration = null;
- let unit = null;
- let range = null;
- let dayCount;
- if (props.duration) {
- duration = props.duration;
- unit = props.durationUnit;
- range = this.buildRangeFromDuration(date, direction, duration, unit);
- }
- else if ((dayCount = this.props.dayCount)) {
- unit = 'day';
- range = this.buildRangeFromDayCount(date, direction, dayCount);
- }
- else if ((range = this.buildCustomVisibleRange(date))) {
- unit = props.dateEnv.greatestWholeUnit(range.start, range.end).unit;
- }
- else {
- duration = this.getFallbackDuration();
- unit = greatestDurationDenominator(duration).unit;
- range = this.buildRangeFromDuration(date, direction, duration, unit);
- }
- return { duration, unit, range };
- }
- getFallbackDuration() {
- return createDuration({ day: 1 });
- }
- // Returns a new activeRange to have time values (un-ambiguate)
- // slotMinTime or slotMaxTime causes the range to expand.
- adjustActiveRange(range) {
- let { dateEnv, usesMinMaxTime, slotMinTime, slotMaxTime } = this.props;
- let { start, end } = range;
- if (usesMinMaxTime) {
- // expand active range if slotMinTime is negative (why not when positive?)
- if (asRoughDays(slotMinTime) < 0) {
- start = startOfDay(start); // necessary?
- start = dateEnv.add(start, slotMinTime);
- }
- // expand active range if slotMaxTime is beyond one day (why not when negative?)
- if (asRoughDays(slotMaxTime) > 1) {
- end = startOfDay(end); // necessary?
- end = addDays(end, -1);
- end = dateEnv.add(end, slotMaxTime);
- }
- }
- return { start, end };
- }
- // Builds the "current" range when it is specified as an explicit duration.
- // `unit` is the already-computed greatestDurationDenominator unit of duration.
- buildRangeFromDuration(date, direction, duration, unit) {
- let { dateEnv, dateAlignment } = this.props;
- let start;
- let end;
- let res;
- // compute what the alignment should be
- if (!dateAlignment) {
- let { dateIncrement } = this.props;
- if (dateIncrement) {
- // use the smaller of the two units
- if (asRoughMs(dateIncrement) < asRoughMs(duration)) {
- dateAlignment = greatestDurationDenominator(dateIncrement).unit;
- }
- else {
- dateAlignment = unit;
- }
- }
- else {
- dateAlignment = unit;
- }
- }
- // if the view displays a single day or smaller
- if (asRoughDays(duration) <= 1) {
- if (this.isHiddenDay(start)) {
- start = this.skipHiddenDays(start, direction);
- start = startOfDay(start);
- }
- }
- function computeRes() {
- start = dateEnv.startOf(date, dateAlignment);
- end = dateEnv.add(start, duration);
- res = { start, end };
- }
- computeRes();
- // if range is completely enveloped by hidden days, go past the hidden days
- if (!this.trimHiddenDays(res)) {
- date = this.skipHiddenDays(date, direction);
- computeRes();
- }
- return res;
- }
- // Builds the "current" range when a dayCount is specified.
- buildRangeFromDayCount(date, direction, dayCount) {
- let { dateEnv, dateAlignment } = this.props;
- let runningCount = 0;
- let start = date;
- let end;
- if (dateAlignment) {
- start = dateEnv.startOf(start, dateAlignment);
- }
- start = startOfDay(start);
- start = this.skipHiddenDays(start, direction);
- end = start;
- do {
- end = addDays(end, 1);
- if (!this.isHiddenDay(end)) {
- runningCount += 1;
- }
- } while (runningCount < dayCount);
- return { start, end };
- }
- // Builds a normalized range object for the "visible" range,
- // which is a way to define the currentRange and activeRange at the same time.
- buildCustomVisibleRange(date) {
- let { props } = this;
- let input = props.visibleRangeInput;
- let simpleInput = typeof input === 'function'
- ? input.call(props.calendarApi, props.dateEnv.toDate(date))
- : input;
- let range = this.refineRange(simpleInput);
- if (range && (range.start == null || range.end == null)) {
- return null;
- }
- return range;
- }
- // Computes the range that will represent the element/cells for *rendering*,
- // but which may have voided days/times.
- // not responsible for trimming hidden days.
- buildRenderRange(currentRange, currentRangeUnit, isRangeAllDay) {
- return currentRange;
- }
- // Compute the duration value that should be added/substracted to the current date
- // when a prev/next operation happens.
- buildDateIncrement(fallback) {
- let { dateIncrement } = this.props;
- let customAlignment;
- if (dateIncrement) {
- return dateIncrement;
- }
- if ((customAlignment = this.props.dateAlignment)) {
- return createDuration(1, customAlignment);
- }
- if (fallback) {
- return fallback;
- }
- return createDuration({ days: 1 });
- }
- refineRange(rangeInput) {
- if (rangeInput) {
- let range = parseRange(rangeInput, this.props.dateEnv);
- if (range) {
- range = computeVisibleDayRange(range);
- }
- return range;
- }
- return null;
- }
- /* Hidden Days
- ------------------------------------------------------------------------------------------------------------------*/
- // Initializes internal variables related to calculating hidden days-of-week
- initHiddenDays() {
- let hiddenDays = this.props.hiddenDays || []; // array of day-of-week indices that are hidden
- let isHiddenDayHash = []; // is the day-of-week hidden? (hash with day-of-week-index -> bool)
- let dayCnt = 0;
- let i;
- if (this.props.weekends === false) {
- hiddenDays.push(0, 6); // 0=sunday, 6=saturday
- }
- for (i = 0; i < 7; i += 1) {
- if (!(isHiddenDayHash[i] = hiddenDays.indexOf(i) !== -1)) {
- dayCnt += 1;
- }
- }
- if (!dayCnt) {
- throw new Error('invalid hiddenDays'); // all days were hidden? bad.
- }
- this.isHiddenDayHash = isHiddenDayHash;
- }
- // Remove days from the beginning and end of the range that are computed as hidden.
- // If the whole range is trimmed off, returns null
- trimHiddenDays(range) {
- let { start, end } = range;
- if (start) {
- start = this.skipHiddenDays(start);
- }
- if (end) {
- end = this.skipHiddenDays(end, -1, true);
- }
- if (start == null || end == null || start < end) {
- return { start, end };
- }
- return null;
- }
- // Is the current day hidden?
- // `day` is a day-of-week index (0-6), or a Date (used for UTC)
- isHiddenDay(day) {
- if (day instanceof Date) {
- day = day.getUTCDay();
- }
- return this.isHiddenDayHash[day];
- }
- // Incrementing the current day until it is no longer a hidden day, returning a copy.
- // DOES NOT CONSIDER validRange!
- // If the initial value of `date` is not a hidden day, don't do anything.
- // Pass `isExclusive` as `true` if you are dealing with an end date.
- // `inc` defaults to `1` (increment one day forward each time)
- skipHiddenDays(date, inc = 1, isExclusive = false) {
- while (this.isHiddenDayHash[(date.getUTCDay() + (isExclusive ? inc : 0) + 7) % 7]) {
- date = addDays(date, inc);
- }
- return date;
- }
- }
- function createEventInstance(defId, range, forcedStartTzo, forcedEndTzo) {
- return {
- instanceId: guid(),
- defId,
- range,
- forcedStartTzo: forcedStartTzo == null ? null : forcedStartTzo,
- forcedEndTzo: forcedEndTzo == null ? null : forcedEndTzo,
- };
- }
- function parseRecurring(refined, defaultAllDay, dateEnv, recurringTypes) {
- for (let i = 0; i < recurringTypes.length; i += 1) {
- let parsed = recurringTypes[i].parse(refined, dateEnv);
- if (parsed) {
- let { allDay } = refined;
- if (allDay == null) {
- allDay = defaultAllDay;
- if (allDay == null) {
- allDay = parsed.allDayGuess;
- if (allDay == null) {
- allDay = false;
- }
- }
- }
- return {
- allDay,
- duration: parsed.duration,
- typeData: parsed.typeData,
- typeId: i,
- };
- }
- }
- return null;
- }
- function expandRecurring(eventStore, framingRange, context) {
- let { dateEnv, pluginHooks, options } = context;
- let { defs, instances } = eventStore;
- // remove existing recurring instances
- // TODO: bad. always expand events as a second step
- instances = filterHash(instances, (instance) => !defs[instance.defId].recurringDef);
- for (let defId in defs) {
- let def = defs[defId];
- if (def.recurringDef) {
- let { duration } = def.recurringDef;
- if (!duration) {
- duration = def.allDay ?
- options.defaultAllDayEventDuration :
- options.defaultTimedEventDuration;
- }
- let starts = expandRecurringRanges(def, duration, framingRange, dateEnv, pluginHooks.recurringTypes);
- for (let start of starts) {
- let instance = createEventInstance(defId, {
- start,
- end: dateEnv.add(start, duration),
- });
- instances[instance.instanceId] = instance;
- }
- }
- }
- return { defs, instances };
- }
- /*
- Event MUST have a recurringDef
- */
- function expandRecurringRanges(eventDef, duration, framingRange, dateEnv, recurringTypes) {
- let typeDef = recurringTypes[eventDef.recurringDef.typeId];
- let markers = typeDef.expand(eventDef.recurringDef.typeData, {
- start: dateEnv.subtract(framingRange.start, duration),
- end: framingRange.end,
- }, dateEnv);
- // the recurrence plugins don't guarantee that all-day events are start-of-day, so we have to
- if (eventDef.allDay) {
- markers = markers.map(startOfDay);
- }
- return markers;
- }
- const EVENT_NON_DATE_REFINERS = {
- id: String,
- groupId: String,
- title: String,
- url: String,
- interactive: Boolean,
- };
- const EVENT_DATE_REFINERS = {
- start: identity,
- end: identity,
- date: identity,
- allDay: Boolean,
- };
- const EVENT_REFINERS = Object.assign(Object.assign(Object.assign({}, EVENT_NON_DATE_REFINERS), EVENT_DATE_REFINERS), { extendedProps: identity });
- function parseEvent(raw, eventSource, context, allowOpenRange, refiners = buildEventRefiners(context), defIdMap, instanceIdMap) {
- let { refined, extra } = refineEventDef(raw, context, refiners);
- let defaultAllDay = computeIsDefaultAllDay(eventSource, context);
- let recurringRes = parseRecurring(refined, defaultAllDay, context.dateEnv, context.pluginHooks.recurringTypes);
- if (recurringRes) {
- let def = parseEventDef(refined, extra, eventSource ? eventSource.sourceId : '', recurringRes.allDay, Boolean(recurringRes.duration), context, defIdMap);
- def.recurringDef = {
- typeId: recurringRes.typeId,
- typeData: recurringRes.typeData,
- duration: recurringRes.duration,
- };
- return { def, instance: null };
- }
- let singleRes = parseSingle(refined, defaultAllDay, context, allowOpenRange);
- if (singleRes) {
- let def = parseEventDef(refined, extra, eventSource ? eventSource.sourceId : '', singleRes.allDay, singleRes.hasEnd, context, defIdMap);
- let instance = createEventInstance(def.defId, singleRes.range, singleRes.forcedStartTzo, singleRes.forcedEndTzo);
- if (instanceIdMap && def.publicId && instanceIdMap[def.publicId]) {
- instance.instanceId = instanceIdMap[def.publicId];
- }
- return { def, instance };
- }
- return null;
- }
- function refineEventDef(raw, context, refiners = buildEventRefiners(context)) {
- return refineProps(raw, refiners);
- }
- function buildEventRefiners(context) {
- return Object.assign(Object.assign(Object.assign({}, EVENT_UI_REFINERS), EVENT_REFINERS), context.pluginHooks.eventRefiners);
- }
- /*
- Will NOT populate extendedProps with the leftover properties.
- Will NOT populate date-related props.
- */
- function parseEventDef(refined, extra, sourceId, allDay, hasEnd, context, defIdMap) {
- let def = {
- title: refined.title || '',
- groupId: refined.groupId || '',
- publicId: refined.id || '',
- url: refined.url || '',
- recurringDef: null,
- defId: ((defIdMap && refined.id) ? defIdMap[refined.id] : '') || guid(),
- sourceId,
- allDay,
- hasEnd,
- interactive: refined.interactive,
- ui: createEventUi(refined, context),
- extendedProps: Object.assign(Object.assign({}, (refined.extendedProps || {})), extra),
- };
- for (let memberAdder of context.pluginHooks.eventDefMemberAdders) {
- Object.assign(def, memberAdder(refined));
- }
- // help out EventImpl from having user modify props
- Object.freeze(def.ui.classNames);
- Object.freeze(def.extendedProps);
- return def;
- }
- function parseSingle(refined, defaultAllDay, context, allowOpenRange) {
- let { allDay } = refined;
- let startMeta;
- let startMarker = null;
- let hasEnd = false;
- let endMeta;
- let endMarker = null;
- let startInput = refined.start != null ? refined.start : refined.date;
- startMeta = context.dateEnv.createMarkerMeta(startInput);
- if (startMeta) {
- startMarker = startMeta.marker;
- }
- else if (!allowOpenRange) {
- return null;
- }
- if (refined.end != null) {
- endMeta = context.dateEnv.createMarkerMeta(refined.end);
- }
- if (allDay == null) {
- if (defaultAllDay != null) {
- allDay = defaultAllDay;
- }
- else {
- // fall back to the date props LAST
- allDay = (!startMeta || startMeta.isTimeUnspecified) &&
- (!endMeta || endMeta.isTimeUnspecified);
- }
- }
- if (allDay && startMarker) {
- startMarker = startOfDay(startMarker);
- }
- if (endMeta) {
- endMarker = endMeta.marker;
- if (allDay) {
- endMarker = startOfDay(endMarker);
- }
- if (startMarker && endMarker <= startMarker) {
- endMarker = null;
- }
- }
- if (endMarker) {
- hasEnd = true;
- }
- else if (!allowOpenRange) {
- hasEnd = context.options.forceEventDuration || false;
- endMarker = context.dateEnv.add(startMarker, allDay ?
- context.options.defaultAllDayEventDuration :
- context.options.defaultTimedEventDuration);
- }
- return {
- allDay,
- hasEnd,
- range: { start: startMarker, end: endMarker },
- forcedStartTzo: startMeta ? startMeta.forcedTzo : null,
- forcedEndTzo: endMeta ? endMeta.forcedTzo : null,
- };
- }
- function computeIsDefaultAllDay(eventSource, context) {
- let res = null;
- if (eventSource) {
- res = eventSource.defaultAllDay;
- }
- if (res == null) {
- res = context.options.defaultAllDay;
- }
- return res;
- }
- function parseEvents(rawEvents, eventSource, context, allowOpenRange, defIdMap, instanceIdMap) {
- let eventStore = createEmptyEventStore();
- let eventRefiners = buildEventRefiners(context);
- for (let rawEvent of rawEvents) {
- let tuple = parseEvent(rawEvent, eventSource, context, allowOpenRange, eventRefiners, defIdMap, instanceIdMap);
- if (tuple) {
- eventTupleToStore(tuple, eventStore);
- }
- }
- return eventStore;
- }
- function eventTupleToStore(tuple, eventStore = createEmptyEventStore()) {
- eventStore.defs[tuple.def.defId] = tuple.def;
- if (tuple.instance) {
- eventStore.instances[tuple.instance.instanceId] = tuple.instance;
- }
- return eventStore;
- }
- // retrieves events that have the same groupId as the instance specified by `instanceId`
- // or they are the same as the instance.
- // why might instanceId not be in the store? an event from another calendar?
- function getRelevantEvents(eventStore, instanceId) {
- let instance = eventStore.instances[instanceId];
- if (instance) {
- let def = eventStore.defs[instance.defId];
- // get events/instances with same group
- let newStore = filterEventStoreDefs(eventStore, (lookDef) => isEventDefsGrouped(def, lookDef));
- // add the original
- // TODO: wish we could use eventTupleToStore or something like it
- newStore.defs[def.defId] = def;
- newStore.instances[instance.instanceId] = instance;
- return newStore;
- }
- return createEmptyEventStore();
- }
- function isEventDefsGrouped(def0, def1) {
- return Boolean(def0.groupId && def0.groupId === def1.groupId);
- }
- function createEmptyEventStore() {
- return { defs: {}, instances: {} };
- }
- function mergeEventStores(store0, store1) {
- return {
- defs: Object.assign(Object.assign({}, store0.defs), store1.defs),
- instances: Object.assign(Object.assign({}, store0.instances), store1.instances),
- };
- }
- function filterEventStoreDefs(eventStore, filterFunc) {
- let defs = filterHash(eventStore.defs, filterFunc);
- let instances = filterHash(eventStore.instances, (instance) => (defs[instance.defId] // still exists?
- ));
- return { defs, instances };
- }
- function excludeSubEventStore(master, sub) {
- let { defs, instances } = master;
- let filteredDefs = {};
- let filteredInstances = {};
- for (let defId in defs) {
- if (!sub.defs[defId]) { // not explicitly excluded
- filteredDefs[defId] = defs[defId];
- }
- }
- for (let instanceId in instances) {
- if (!sub.instances[instanceId] && // not explicitly excluded
- filteredDefs[instances[instanceId].defId] // def wasn't filtered away
- ) {
- filteredInstances[instanceId] = instances[instanceId];
- }
- }
- return {
- defs: filteredDefs,
- instances: filteredInstances,
- };
- }
- function normalizeConstraint(input, context) {
- if (Array.isArray(input)) {
- return parseEvents(input, null, context, true); // allowOpenRange=true
- }
- if (typeof input === 'object' && input) { // non-null object
- return parseEvents([input], null, context, true); // allowOpenRange=true
- }
- if (input != null) {
- return String(input);
- }
- return null;
- }
- function parseClassNames(raw) {
- if (Array.isArray(raw)) {
- return raw;
- }
- if (typeof raw === 'string') {
- return raw.split(/\s+/);
- }
- return [];
- }
- // TODO: better called "EventSettings" or "EventConfig"
- // TODO: move this file into structs
- // TODO: separate constraint/overlap/allow, because selection uses only that, not other props
- const EVENT_UI_REFINERS = {
- display: String,
- editable: Boolean,
- startEditable: Boolean,
- durationEditable: Boolean,
- constraint: identity,
- overlap: identity,
- allow: identity,
- className: parseClassNames,
- classNames: parseClassNames,
- color: String,
- backgroundColor: String,
- borderColor: String,
- textColor: String,
- };
- const EMPTY_EVENT_UI = {
- display: null,
- startEditable: null,
- durationEditable: null,
- constraints: [],
- overlap: null,
- allows: [],
- backgroundColor: '',
- borderColor: '',
- textColor: '',
- classNames: [],
- };
- function createEventUi(refined, context) {
- let constraint = normalizeConstraint(refined.constraint, context);
- return {
- display: refined.display || null,
- startEditable: refined.startEditable != null ? refined.startEditable : refined.editable,
- durationEditable: refined.durationEditable != null ? refined.durationEditable : refined.editable,
- constraints: constraint != null ? [constraint] : [],
- overlap: refined.overlap != null ? refined.overlap : null,
- allows: refined.allow != null ? [refined.allow] : [],
- backgroundColor: refined.backgroundColor || refined.color || '',
- borderColor: refined.borderColor || refined.color || '',
- textColor: refined.textColor || '',
- classNames: (refined.className || []).concat(refined.classNames || []), // join singular and plural
- };
- }
- // TODO: prevent against problems with <2 args!
- function combineEventUis(uis) {
- return uis.reduce(combineTwoEventUis, EMPTY_EVENT_UI);
- }
- function combineTwoEventUis(item0, item1) {
- return {
- display: item1.display != null ? item1.display : item0.display,
- startEditable: item1.startEditable != null ? item1.startEditable : item0.startEditable,
- durationEditable: item1.durationEditable != null ? item1.durationEditable : item0.durationEditable,
- constraints: item0.constraints.concat(item1.constraints),
- overlap: typeof item1.overlap === 'boolean' ? item1.overlap : item0.overlap,
- allows: item0.allows.concat(item1.allows),
- backgroundColor: item1.backgroundColor || item0.backgroundColor,
- borderColor: item1.borderColor || item0.borderColor,
- textColor: item1.textColor || item0.textColor,
- classNames: item0.classNames.concat(item1.classNames),
- };
- }
- const EVENT_SOURCE_REFINERS = {
- id: String,
- defaultAllDay: Boolean,
- url: String,
- format: String,
- events: identity,
- eventDataTransform: identity,
- // for any network-related sources
- success: identity,
- failure: identity,
- };
- function parseEventSource(raw, context, refiners = buildEventSourceRefiners(context)) {
- let rawObj;
- if (typeof raw === 'string') {
- rawObj = { url: raw };
- }
- else if (typeof raw === 'function' || Array.isArray(raw)) {
- rawObj = { events: raw };
- }
- else if (typeof raw === 'object' && raw) { // not null
- rawObj = raw;
- }
- if (rawObj) {
- let { refined, extra } = refineProps(rawObj, refiners);
- let metaRes = buildEventSourceMeta(refined, context);
- if (metaRes) {
- return {
- _raw: raw,
- isFetching: false,
- latestFetchId: '',
- fetchRange: null,
- defaultAllDay: refined.defaultAllDay,
- eventDataTransform: refined.eventDataTransform,
- success: refined.success,
- failure: refined.failure,
- publicId: refined.id || '',
- sourceId: guid(),
- sourceDefId: metaRes.sourceDefId,
- meta: metaRes.meta,
- ui: createEventUi(refined, context),
- extendedProps: extra,
- };
- }
- }
- return null;
- }
- function buildEventSourceRefiners(context) {
- return Object.assign(Object.assign(Object.assign({}, EVENT_UI_REFINERS), EVENT_SOURCE_REFINERS), context.pluginHooks.eventSourceRefiners);
- }
- function buildEventSourceMeta(raw, context) {
- let defs = context.pluginHooks.eventSourceDefs;
- for (let i = defs.length - 1; i >= 0; i -= 1) { // later-added plugins take precedence
- let def = defs[i];
- let meta = def.parseMeta(raw);
- if (meta) {
- return { sourceDefId: i, meta };
- }
- }
- return null;
- }
- function reduceEventStore(eventStore, action, eventSources, dateProfile, context) {
- switch (action.type) {
- case 'RECEIVE_EVENTS': // raw
- return receiveRawEvents(eventStore, eventSources[action.sourceId], action.fetchId, action.fetchRange, action.rawEvents, context);
- case 'RESET_RAW_EVENTS':
- return resetRawEvents(eventStore, eventSources[action.sourceId], action.rawEvents, dateProfile.activeRange, context);
- case 'ADD_EVENTS': // already parsed, but not expanded
- return addEvent(eventStore, action.eventStore, // new ones
- dateProfile ? dateProfile.activeRange : null, context);
- case 'RESET_EVENTS':
- return action.eventStore;
- case 'MERGE_EVENTS': // already parsed and expanded
- return mergeEventStores(eventStore, action.eventStore);
- case 'PREV': // TODO: how do we track all actions that affect dateProfile :(
- case 'NEXT':
- case 'CHANGE_DATE':
- case 'CHANGE_VIEW_TYPE':
- if (dateProfile) {
- return expandRecurring(eventStore, dateProfile.activeRange, context);
- }
- return eventStore;
- case 'REMOVE_EVENTS':
- return excludeSubEventStore(eventStore, action.eventStore);
- case 'REMOVE_EVENT_SOURCE':
- return excludeEventsBySourceId(eventStore, action.sourceId);
- case 'REMOVE_ALL_EVENT_SOURCES':
- return filterEventStoreDefs(eventStore, (eventDef) => (!eventDef.sourceId // only keep events with no source id
- ));
- case 'REMOVE_ALL_EVENTS':
- return createEmptyEventStore();
- default:
- return eventStore;
- }
- }
- function receiveRawEvents(eventStore, eventSource, fetchId, fetchRange, rawEvents, context) {
- if (eventSource && // not already removed
- fetchId === eventSource.latestFetchId // TODO: wish this logic was always in event-sources
- ) {
- let subset = parseEvents(transformRawEvents(rawEvents, eventSource, context), eventSource, context);
- if (fetchRange) {
- subset = expandRecurring(subset, fetchRange, context);
- }
- return mergeEventStores(excludeEventsBySourceId(eventStore, eventSource.sourceId), subset);
- }
- return eventStore;
- }
- function resetRawEvents(existingEventStore, eventSource, rawEvents, activeRange, context) {
- const { defIdMap, instanceIdMap } = buildPublicIdMaps(existingEventStore);
- let newEventStore = parseEvents(transformRawEvents(rawEvents, eventSource, context), eventSource, context, false, defIdMap, instanceIdMap);
- return expandRecurring(newEventStore, activeRange, context);
- }
- function transformRawEvents(rawEvents, eventSource, context) {
- let calEachTransform = context.options.eventDataTransform;
- let sourceEachTransform = eventSource ? eventSource.eventDataTransform : null;
- if (sourceEachTransform) {
- rawEvents = transformEachRawEvent(rawEvents, sourceEachTransform);
- }
- if (calEachTransform) {
- rawEvents = transformEachRawEvent(rawEvents, calEachTransform);
- }
- return rawEvents;
- }
- function transformEachRawEvent(rawEvents, func) {
- let refinedEvents;
- if (!func) {
- refinedEvents = rawEvents;
- }
- else {
- refinedEvents = [];
- for (let rawEvent of rawEvents) {
- let refinedEvent = func(rawEvent);
- if (refinedEvent) {
- refinedEvents.push(refinedEvent);
- }
- else if (refinedEvent == null) {
- refinedEvents.push(rawEvent);
- } // if a different falsy value, do nothing
- }
- }
- return refinedEvents;
- }
- function addEvent(eventStore, subset, expandRange, context) {
- if (expandRange) {
- subset = expandRecurring(subset, expandRange, context);
- }
- return mergeEventStores(eventStore, subset);
- }
- function rezoneEventStoreDates(eventStore, oldDateEnv, newDateEnv) {
- let { defs } = eventStore;
- let instances = mapHash(eventStore.instances, (instance) => {
- let def = defs[instance.defId];
- if (def.allDay) {
- return instance; // isn't dependent on timezone
- }
- return Object.assign(Object.assign({}, instance), { range: {
- start: newDateEnv.createMarker(oldDateEnv.toDate(instance.range.start, instance.forcedStartTzo)),
- end: newDateEnv.createMarker(oldDateEnv.toDate(instance.range.end, instance.forcedEndTzo)),
- }, forcedStartTzo: newDateEnv.canComputeOffset ? null : instance.forcedStartTzo, forcedEndTzo: newDateEnv.canComputeOffset ? null : instance.forcedEndTzo });
- });
- return { defs, instances };
- }
- function excludeEventsBySourceId(eventStore, sourceId) {
- return filterEventStoreDefs(eventStore, (eventDef) => eventDef.sourceId !== sourceId);
- }
- // QUESTION: why not just return instances? do a general object-property-exclusion util
- function excludeInstances(eventStore, removals) {
- return {
- defs: eventStore.defs,
- instances: filterHash(eventStore.instances, (instance) => !removals[instance.instanceId]),
- };
- }
- function buildPublicIdMaps(eventStore) {
- const { defs, instances } = eventStore;
- const defIdMap = {};
- const instanceIdMap = {};
- for (let defId in defs) {
- const def = defs[defId];
- const { publicId } = def;
- if (publicId) {
- defIdMap[publicId] = defId;
- }
- }
- for (let instanceId in instances) {
- const instance = instances[instanceId];
- const def = defs[instance.defId];
- const { publicId } = def;
- if (publicId) {
- instanceIdMap[publicId] = instanceId;
- }
- }
- return { defIdMap, instanceIdMap };
- }
- class Emitter {
- constructor() {
- this.handlers = {};
- this.thisContext = null;
- }
- setThisContext(thisContext) {
- this.thisContext = thisContext;
- }
- setOptions(options) {
- this.options = options;
- }
- on(type, handler) {
- addToHash(this.handlers, type, handler);
- }
- off(type, handler) {
- removeFromHash(this.handlers, type, handler);
- }
- trigger(type, ...args) {
- let attachedHandlers = this.handlers[type] || [];
- let optionHandler = this.options && this.options[type];
- let handlers = [].concat(optionHandler || [], attachedHandlers);
- for (let handler of handlers) {
- handler.apply(this.thisContext, args);
- }
- }
- hasHandlers(type) {
- return Boolean((this.handlers[type] && this.handlers[type].length) ||
- (this.options && this.options[type]));
- }
- }
- function addToHash(hash, type, handler) {
- (hash[type] || (hash[type] = []))
- .push(handler);
- }
- function removeFromHash(hash, type, handler) {
- if (handler) {
- if (hash[type]) {
- hash[type] = hash[type].filter((func) => func !== handler);
- }
- }
- else {
- delete hash[type]; // remove all handler funcs for this type
- }
- }
- const DEF_DEFAULTS = {
- startTime: '09:00',
- endTime: '17:00',
- daysOfWeek: [1, 2, 3, 4, 5],
- display: 'inverse-background',
- classNames: 'fc-non-business',
- groupId: '_businessHours', // so multiple defs get grouped
- };
- /*
- TODO: pass around as EventDefHash!!!
- */
- function parseBusinessHours(input, context) {
- return parseEvents(refineInputs(input), null, context);
- }
- function refineInputs(input) {
- let rawDefs;
- if (input === true) {
- rawDefs = [{}]; // will get DEF_DEFAULTS verbatim
- }
- else if (Array.isArray(input)) {
- // if specifying an array, every sub-definition NEEDS a day-of-week
- rawDefs = input.filter((rawDef) => rawDef.daysOfWeek);
- }
- else if (typeof input === 'object' && input) { // non-null object
- rawDefs = [input];
- }
- else { // is probably false
- rawDefs = [];
- }
- rawDefs = rawDefs.map((rawDef) => (Object.assign(Object.assign({}, DEF_DEFAULTS), rawDef)));
- return rawDefs;
- }
- function triggerDateSelect(selection, pev, context) {
- context.emitter.trigger('select', Object.assign(Object.assign({}, buildDateSpanApiWithContext(selection, context)), { jsEvent: pev ? pev.origEvent : null, view: context.viewApi || context.calendarApi.view }));
- }
- function triggerDateUnselect(pev, context) {
- context.emitter.trigger('unselect', {
- jsEvent: pev ? pev.origEvent : null,
- view: context.viewApi || context.calendarApi.view,
- });
- }
- function buildDateSpanApiWithContext(dateSpan, context) {
- let props = {};
- for (let transform of context.pluginHooks.dateSpanTransforms) {
- Object.assign(props, transform(dateSpan, context));
- }
- Object.assign(props, buildDateSpanApi(dateSpan, context.dateEnv));
- return props;
- }
- // Given an event's allDay status and start date, return what its fallback end date should be.
- // TODO: rename to computeDefaultEventEnd
- function getDefaultEventEnd(allDay, marker, context) {
- let { dateEnv, options } = context;
- let end = marker;
- if (allDay) {
- end = startOfDay(end);
- end = dateEnv.add(end, options.defaultAllDayEventDuration);
- }
- else {
- end = dateEnv.add(end, options.defaultTimedEventDuration);
- }
- return end;
- }
- // applies the mutation to ALL defs/instances within the event store
- function applyMutationToEventStore(eventStore, eventConfigBase, mutation, context) {
- let eventConfigs = compileEventUis(eventStore.defs, eventConfigBase);
- let dest = createEmptyEventStore();
- for (let defId in eventStore.defs) {
- let def = eventStore.defs[defId];
- dest.defs[defId] = applyMutationToEventDef(def, eventConfigs[defId], mutation, context);
- }
- for (let instanceId in eventStore.instances) {
- let instance = eventStore.instances[instanceId];
- let def = dest.defs[instance.defId]; // important to grab the newly modified def
- dest.instances[instanceId] = applyMutationToEventInstance(instance, def, eventConfigs[instance.defId], mutation, context);
- }
- return dest;
- }
- function applyMutationToEventDef(eventDef, eventConfig, mutation, context) {
- let standardProps = mutation.standardProps || {};
- // if hasEnd has not been specified, guess a good value based on deltas.
- // if duration will change, there's no way the default duration will persist,
- // and thus, we need to mark the event as having a real end
- if (standardProps.hasEnd == null &&
- eventConfig.durationEditable &&
- (mutation.startDelta || mutation.endDelta)) {
- standardProps.hasEnd = true; // TODO: is this mutation okay?
- }
- let copy = Object.assign(Object.assign(Object.assign({}, eventDef), standardProps), { ui: Object.assign(Object.assign({}, eventDef.ui), standardProps.ui) });
- if (mutation.extendedProps) {
- copy.extendedProps = Object.assign(Object.assign({}, copy.extendedProps), mutation.extendedProps);
- }
- for (let applier of context.pluginHooks.eventDefMutationAppliers) {
- applier(copy, mutation, context);
- }
- if (!copy.hasEnd && context.options.forceEventDuration) {
- copy.hasEnd = true;
- }
- return copy;
- }
- function applyMutationToEventInstance(eventInstance, eventDef, // must first be modified by applyMutationToEventDef
- eventConfig, mutation, context) {
- let { dateEnv } = context;
- let forceAllDay = mutation.standardProps && mutation.standardProps.allDay === true;
- let clearEnd = mutation.standardProps && mutation.standardProps.hasEnd === false;
- let copy = Object.assign({}, eventInstance);
- if (forceAllDay) {
- copy.range = computeAlignedDayRange(copy.range);
- }
- if (mutation.datesDelta && eventConfig.startEditable) {
- copy.range = {
- start: dateEnv.add(copy.range.start, mutation.datesDelta),
- end: dateEnv.add(copy.range.end, mutation.datesDelta),
- };
- }
- if (mutation.startDelta && eventConfig.durationEditable) {
- copy.range = {
- start: dateEnv.add(copy.range.start, mutation.startDelta),
- end: copy.range.end,
- };
- }
- if (mutation.endDelta && eventConfig.durationEditable) {
- copy.range = {
- start: copy.range.start,
- end: dateEnv.add(copy.range.end, mutation.endDelta),
- };
- }
- if (clearEnd) {
- copy.range = {
- start: copy.range.start,
- end: getDefaultEventEnd(eventDef.allDay, copy.range.start, context),
- };
- }
- // in case event was all-day but the supplied deltas were not
- // better util for this?
- if (eventDef.allDay) {
- copy.range = {
- start: startOfDay(copy.range.start),
- end: startOfDay(copy.range.end),
- };
- }
- // handle invalid durations
- if (copy.range.end < copy.range.start) {
- copy.range.end = getDefaultEventEnd(eventDef.allDay, copy.range.start, context);
- }
- return copy;
- }
- class EventSourceImpl {
- constructor(context, internalEventSource) {
- this.context = context;
- this.internalEventSource = internalEventSource;
- }
- remove() {
- this.context.dispatch({
- type: 'REMOVE_EVENT_SOURCE',
- sourceId: this.internalEventSource.sourceId,
- });
- }
- refetch() {
- this.context.dispatch({
- type: 'FETCH_EVENT_SOURCES',
- sourceIds: [this.internalEventSource.sourceId],
- isRefetch: true,
- });
- }
- get id() {
- return this.internalEventSource.publicId;
- }
- get url() {
- return this.internalEventSource.meta.url;
- }
- get format() {
- return this.internalEventSource.meta.format; // TODO: bad. not guaranteed
- }
- }
- class EventImpl {
- // instance will be null if expressing a recurring event that has no current instances,
- // OR if trying to validate an incoming external event that has no dates assigned
- constructor(context, def, instance) {
- this._context = context;
- this._def = def;
- this._instance = instance || null;
- }
- /*
- TODO: make event struct more responsible for this
- */
- setProp(name, val) {
- if (name in EVENT_DATE_REFINERS) {
- console.warn('Could not set date-related prop \'name\'. Use one of the date-related methods instead.');
- // TODO: make proper aliasing system?
- }
- else if (name === 'id') {
- val = EVENT_NON_DATE_REFINERS[name](val);
- this.mutate({
- standardProps: { publicId: val }, // hardcoded internal name
- });
- }
- else if (name in EVENT_NON_DATE_REFINERS) {
- val = EVENT_NON_DATE_REFINERS[name](val);
- this.mutate({
- standardProps: { [name]: val },
- });
- }
- else if (name in EVENT_UI_REFINERS) {
- let ui = EVENT_UI_REFINERS[name](val);
- if (name === 'color') {
- ui = { backgroundColor: val, borderColor: val };
- }
- else if (name === 'editable') {
- ui = { startEditable: val, durationEditable: val };
- }
- else {
- ui = { [name]: val };
- }
- this.mutate({
- standardProps: { ui },
- });
- }
- else {
- console.warn(`Could not set prop '${name}'. Use setExtendedProp instead.`);
- }
- }
- setExtendedProp(name, val) {
- this.mutate({
- extendedProps: { [name]: val },
- });
- }
- setStart(startInput, options = {}) {
- let { dateEnv } = this._context;
- let start = dateEnv.createMarker(startInput);
- if (start && this._instance) { // TODO: warning if parsed bad
- let instanceRange = this._instance.range;
- let startDelta = diffDates(instanceRange.start, start, dateEnv, options.granularity); // what if parsed bad!?
- if (options.maintainDuration) {
- this.mutate({ datesDelta: startDelta });
- }
- else {
- this.mutate({ startDelta });
- }
- }
- }
- setEnd(endInput, options = {}) {
- let { dateEnv } = this._context;
- let end;
- if (endInput != null) {
- end = dateEnv.createMarker(endInput);
- if (!end) {
- return; // TODO: warning if parsed bad
- }
- }
- if (this._instance) {
- if (end) {
- let endDelta = diffDates(this._instance.range.end, end, dateEnv, options.granularity);
- this.mutate({ endDelta });
- }
- else {
- this.mutate({ standardProps: { hasEnd: false } });
- }
- }
- }
- setDates(startInput, endInput, options = {}) {
- let { dateEnv } = this._context;
- let standardProps = { allDay: options.allDay };
- let start = dateEnv.createMarker(startInput);
- let end;
- if (!start) {
- return; // TODO: warning if parsed bad
- }
- if (endInput != null) {
- end = dateEnv.createMarker(endInput);
- if (!end) { // TODO: warning if parsed bad
- return;
- }
- }
- if (this._instance) {
- let instanceRange = this._instance.range;
- // when computing the diff for an event being converted to all-day,
- // compute diff off of the all-day values the way event-mutation does.
- if (options.allDay === true) {
- instanceRange = computeAlignedDayRange(instanceRange);
- }
- let startDelta = diffDates(instanceRange.start, start, dateEnv, options.granularity);
- if (end) {
- let endDelta = diffDates(instanceRange.end, end, dateEnv, options.granularity);
- if (durationsEqual(startDelta, endDelta)) {
- this.mutate({ datesDelta: startDelta, standardProps });
- }
- else {
- this.mutate({ startDelta, endDelta, standardProps });
- }
- }
- else { // means "clear the end"
- standardProps.hasEnd = false;
- this.mutate({ datesDelta: startDelta, standardProps });
- }
- }
- }
- moveStart(deltaInput) {
- let delta = createDuration(deltaInput);
- if (delta) { // TODO: warning if parsed bad
- this.mutate({ startDelta: delta });
- }
- }
- moveEnd(deltaInput) {
- let delta = createDuration(deltaInput);
- if (delta) { // TODO: warning if parsed bad
- this.mutate({ endDelta: delta });
- }
- }
- moveDates(deltaInput) {
- let delta = createDuration(deltaInput);
- if (delta) { // TODO: warning if parsed bad
- this.mutate({ datesDelta: delta });
- }
- }
- setAllDay(allDay, options = {}) {
- let standardProps = { allDay };
- let { maintainDuration } = options;
- if (maintainDuration == null) {
- maintainDuration = this._context.options.allDayMaintainDuration;
- }
- if (this._def.allDay !== allDay) {
- standardProps.hasEnd = maintainDuration;
- }
- this.mutate({ standardProps });
- }
- formatRange(formatInput) {
- let { dateEnv } = this._context;
- let instance = this._instance;
- let formatter = createFormatter(formatInput);
- if (this._def.hasEnd) {
- return dateEnv.formatRange(instance.range.start, instance.range.end, formatter, {
- forcedStartTzo: instance.forcedStartTzo,
- forcedEndTzo: instance.forcedEndTzo,
- });
- }
- return dateEnv.format(instance.range.start, formatter, {
- forcedTzo: instance.forcedStartTzo,
- });
- }
- mutate(mutation) {
- let instance = this._instance;
- if (instance) {
- let def = this._def;
- let context = this._context;
- let { eventStore } = context.getCurrentData();
- let relevantEvents = getRelevantEvents(eventStore, instance.instanceId);
- let eventConfigBase = {
- '': {
- display: '',
- startEditable: true,
- durationEditable: true,
- constraints: [],
- overlap: null,
- allows: [],
- backgroundColor: '',
- borderColor: '',
- textColor: '',
- classNames: [],
- },
- };
- relevantEvents = applyMutationToEventStore(relevantEvents, eventConfigBase, mutation, context);
- let oldEvent = new EventImpl(context, def, instance); // snapshot
- this._def = relevantEvents.defs[def.defId];
- this._instance = relevantEvents.instances[instance.instanceId];
- context.dispatch({
- type: 'MERGE_EVENTS',
- eventStore: relevantEvents,
- });
- context.emitter.trigger('eventChange', {
- oldEvent,
- event: this,
- relatedEvents: buildEventApis(relevantEvents, context, instance),
- revert() {
- context.dispatch({
- type: 'RESET_EVENTS',
- eventStore, // the ORIGINAL store
- });
- },
- });
- }
- }
- remove() {
- let context = this._context;
- let asStore = eventApiToStore(this);
- context.dispatch({
- type: 'REMOVE_EVENTS',
- eventStore: asStore,
- });
- context.emitter.trigger('eventRemove', {
- event: this,
- relatedEvents: [],
- revert() {
- context.dispatch({
- type: 'MERGE_EVENTS',
- eventStore: asStore,
- });
- },
- });
- }
- get source() {
- let { sourceId } = this._def;
- if (sourceId) {
- return new EventSourceImpl(this._context, this._context.getCurrentData().eventSources[sourceId]);
- }
- return null;
- }
- get start() {
- return this._instance ?
- this._context.dateEnv.toDate(this._instance.range.start) :
- null;
- }
- get end() {
- return (this._instance && this._def.hasEnd) ?
- this._context.dateEnv.toDate(this._instance.range.end) :
- null;
- }
- get startStr() {
- let instance = this._instance;
- if (instance) {
- return this._context.dateEnv.formatIso(instance.range.start, {
- omitTime: this._def.allDay,
- forcedTzo: instance.forcedStartTzo,
- });
- }
- return '';
- }
- get endStr() {
- let instance = this._instance;
- if (instance && this._def.hasEnd) {
- return this._context.dateEnv.formatIso(instance.range.end, {
- omitTime: this._def.allDay,
- forcedTzo: instance.forcedEndTzo,
- });
- }
- return '';
- }
- // computable props that all access the def
- // TODO: find a TypeScript-compatible way to do this at scale
- get id() { return this._def.publicId; }
- get groupId() { return this._def.groupId; }
- get allDay() { return this._def.allDay; }
- get title() { return this._def.title; }
- get url() { return this._def.url; }
- get display() { return this._def.ui.display || 'auto'; } // bad. just normalize the type earlier
- get startEditable() { return this._def.ui.startEditable; }
- get durationEditable() { return this._def.ui.durationEditable; }
- get constraint() { return this._def.ui.constraints[0] || null; }
- get overlap() { return this._def.ui.overlap; }
- get allow() { return this._def.ui.allows[0] || null; }
- get backgroundColor() { return this._def.ui.backgroundColor; }
- get borderColor() { return this._def.ui.borderColor; }
- get textColor() { return this._def.ui.textColor; }
- // NOTE: user can't modify these because Object.freeze was called in event-def parsing
- get classNames() { return this._def.ui.classNames; }
- get extendedProps() { return this._def.extendedProps; }
- toPlainObject(settings = {}) {
- let def = this._def;
- let { ui } = def;
- let { startStr, endStr } = this;
- let res = {
- allDay: def.allDay,
- };
- if (def.title) {
- res.title = def.title;
- }
- if (startStr) {
- res.start = startStr;
- }
- if (endStr) {
- res.end = endStr;
- }
- if (def.publicId) {
- res.id = def.publicId;
- }
- if (def.groupId) {
- res.groupId = def.groupId;
- }
- if (def.url) {
- res.url = def.url;
- }
- if (ui.display && ui.display !== 'auto') {
- res.display = ui.display;
- }
- // TODO: what about recurring-event properties???
- // TODO: include startEditable/durationEditable/constraint/overlap/allow
- if (settings.collapseColor && ui.backgroundColor && ui.backgroundColor === ui.borderColor) {
- res.color = ui.backgroundColor;
- }
- else {
- if (ui.backgroundColor) {
- res.backgroundColor = ui.backgroundColor;
- }
- if (ui.borderColor) {
- res.borderColor = ui.borderColor;
- }
- }
- if (ui.textColor) {
- res.textColor = ui.textColor;
- }
- if (ui.classNames.length) {
- res.classNames = ui.classNames;
- }
- if (Object.keys(def.extendedProps).length) {
- if (settings.collapseExtendedProps) {
- Object.assign(res, def.extendedProps);
- }
- else {
- res.extendedProps = def.extendedProps;
- }
- }
- return res;
- }
- toJSON() {
- return this.toPlainObject();
- }
- }
- function eventApiToStore(eventApi) {
- let def = eventApi._def;
- let instance = eventApi._instance;
- return {
- defs: { [def.defId]: def },
- instances: instance
- ? { [instance.instanceId]: instance }
- : {},
- };
- }
- function buildEventApis(eventStore, context, excludeInstance) {
- let { defs, instances } = eventStore;
- let eventApis = [];
- let excludeInstanceId = excludeInstance ? excludeInstance.instanceId : '';
- for (let id in instances) {
- let instance = instances[id];
- let def = defs[instance.defId];
- if (instance.instanceId !== excludeInstanceId) {
- eventApis.push(new EventImpl(context, def, instance));
- }
- }
- return eventApis;
- }
- /*
- Specifying nextDayThreshold signals that all-day ranges should be sliced.
- */
- function sliceEventStore(eventStore, eventUiBases, framingRange, nextDayThreshold) {
- let inverseBgByGroupId = {};
- let inverseBgByDefId = {};
- let defByGroupId = {};
- let bgRanges = [];
- let fgRanges = [];
- let eventUis = compileEventUis(eventStore.defs, eventUiBases);
- for (let defId in eventStore.defs) {
- let def = eventStore.defs[defId];
- let ui = eventUis[def.defId];
- if (ui.display === 'inverse-background') {
- if (def.groupId) {
- inverseBgByGroupId[def.groupId] = [];
- if (!defByGroupId[def.groupId]) {
- defByGroupId[def.groupId] = def;
- }
- }
- else {
- inverseBgByDefId[defId] = [];
- }
- }
- }
- for (let instanceId in eventStore.instances) {
- let instance = eventStore.instances[instanceId];
- let def = eventStore.defs[instance.defId];
- let ui = eventUis[def.defId];
- let origRange = instance.range;
- let normalRange = (!def.allDay && nextDayThreshold) ?
- computeVisibleDayRange(origRange, nextDayThreshold) :
- origRange;
- let slicedRange = intersectRanges(normalRange, framingRange);
- if (slicedRange) {
- if (ui.display === 'inverse-background') {
- if (def.groupId) {
- inverseBgByGroupId[def.groupId].push(slicedRange);
- }
- else {
- inverseBgByDefId[instance.defId].push(slicedRange);
- }
- }
- else if (ui.display !== 'none') {
- (ui.display === 'background' ? bgRanges : fgRanges).push({
- def,
- ui,
- instance,
- range: slicedRange,
- isStart: normalRange.start && normalRange.start.valueOf() === slicedRange.start.valueOf(),
- isEnd: normalRange.end && normalRange.end.valueOf() === slicedRange.end.valueOf(),
- });
- }
- }
- }
- for (let groupId in inverseBgByGroupId) { // BY GROUP
- let ranges = inverseBgByGroupId[groupId];
- let invertedRanges = invertRanges(ranges, framingRange);
- for (let invertedRange of invertedRanges) {
- let def = defByGroupId[groupId];
- let ui = eventUis[def.defId];
- bgRanges.push({
- def,
- ui,
- instance: null,
- range: invertedRange,
- isStart: false,
- isEnd: false,
- });
- }
- }
- for (let defId in inverseBgByDefId) {
- let ranges = inverseBgByDefId[defId];
- let invertedRanges = invertRanges(ranges, framingRange);
- for (let invertedRange of invertedRanges) {
- bgRanges.push({
- def: eventStore.defs[defId],
- ui: eventUis[defId],
- instance: null,
- range: invertedRange,
- isStart: false,
- isEnd: false,
- });
- }
- }
- return { bg: bgRanges, fg: fgRanges };
- }
- function hasBgRendering(def) {
- return def.ui.display === 'background' || def.ui.display === 'inverse-background';
- }
- function setElSeg(el, seg) {
- el.fcSeg = seg;
- }
- function getElSeg(el) {
- return el.fcSeg ||
- el.parentNode.fcSeg || // for the harness
- null;
- }
- // event ui computation
- function compileEventUis(eventDefs, eventUiBases) {
- return mapHash(eventDefs, (eventDef) => compileEventUi(eventDef, eventUiBases));
- }
- function compileEventUi(eventDef, eventUiBases) {
- let uis = [];
- if (eventUiBases['']) {
- uis.push(eventUiBases['']);
- }
- if (eventUiBases[eventDef.defId]) {
- uis.push(eventUiBases[eventDef.defId]);
- }
- uis.push(eventDef.ui);
- return combineEventUis(uis);
- }
- function sortEventSegs(segs, eventOrderSpecs) {
- let objs = segs.map(buildSegCompareObj);
- objs.sort((obj0, obj1) => compareByFieldSpecs(obj0, obj1, eventOrderSpecs));
- return objs.map((c) => c._seg);
- }
- // returns a object with all primitive props that can be compared
- function buildSegCompareObj(seg) {
- let { eventRange } = seg;
- let eventDef = eventRange.def;
- let range = eventRange.instance ? eventRange.instance.range : eventRange.range;
- let start = range.start ? range.start.valueOf() : 0; // TODO: better support for open-range events
- let end = range.end ? range.end.valueOf() : 0; // "
- return Object.assign(Object.assign(Object.assign({}, eventDef.extendedProps), eventDef), { id: eventDef.publicId, start,
- end, duration: end - start, allDay: Number(eventDef.allDay), _seg: seg });
- }
- function computeSegDraggable(seg, context) {
- let { pluginHooks } = context;
- let transformers = pluginHooks.isDraggableTransformers;
- let { def, ui } = seg.eventRange;
- let val = ui.startEditable;
- for (let transformer of transformers) {
- val = transformer(val, def, ui, context);
- }
- return val;
- }
- function computeSegStartResizable(seg, context) {
- return seg.isStart && seg.eventRange.ui.durationEditable && context.options.eventResizableFromStart;
- }
- function computeSegEndResizable(seg, context) {
- return seg.isEnd && seg.eventRange.ui.durationEditable;
- }
- function buildSegTimeText(seg, timeFormat, context, defaultDisplayEventTime, // defaults to true
- defaultDisplayEventEnd, // defaults to true
- startOverride, endOverride) {
- let { dateEnv, options } = context;
- let { displayEventTime, displayEventEnd } = options;
- let eventDef = seg.eventRange.def;
- let eventInstance = seg.eventRange.instance;
- if (displayEventTime == null) {
- displayEventTime = defaultDisplayEventTime !== false;
- }
- if (displayEventEnd == null) {
- displayEventEnd = defaultDisplayEventEnd !== false;
- }
- let wholeEventStart = eventInstance.range.start;
- let wholeEventEnd = eventInstance.range.end;
- let segStart = startOverride || seg.start || seg.eventRange.range.start;
- let segEnd = endOverride || seg.end || seg.eventRange.range.end;
- let isStartDay = startOfDay(wholeEventStart).valueOf() === startOfDay(segStart).valueOf();
- let isEndDay = startOfDay(addMs(wholeEventEnd, -1)).valueOf() === startOfDay(addMs(segEnd, -1)).valueOf();
- if (displayEventTime && !eventDef.allDay && (isStartDay || isEndDay)) {
- segStart = isStartDay ? wholeEventStart : segStart;
- segEnd = isEndDay ? wholeEventEnd : segEnd;
- if (displayEventEnd && eventDef.hasEnd) {
- return dateEnv.formatRange(segStart, segEnd, timeFormat, {
- forcedStartTzo: startOverride ? null : eventInstance.forcedStartTzo,
- forcedEndTzo: endOverride ? null : eventInstance.forcedEndTzo,
- });
- }
- return dateEnv.format(segStart, timeFormat, {
- forcedTzo: startOverride ? null : eventInstance.forcedStartTzo, // nooooo, same
- });
- }
- return '';
- }
- function getSegMeta(seg, todayRange, nowDate) {
- let segRange = seg.eventRange.range;
- return {
- isPast: segRange.end <= (nowDate || todayRange.start),
- isFuture: segRange.start >= (nowDate || todayRange.end),
- isToday: todayRange && rangeContainsMarker(todayRange, segRange.start),
- };
- }
- function getEventClassNames(props) {
- let classNames = ['fc-event'];
- if (props.isMirror) {
- classNames.push('fc-event-mirror');
- }
- if (props.isDraggable) {
- classNames.push('fc-event-draggable');
- }
- if (props.isStartResizable || props.isEndResizable) {
- classNames.push('fc-event-resizable');
- }
- if (props.isDragging) {
- classNames.push('fc-event-dragging');
- }
- if (props.isResizing) {
- classNames.push('fc-event-resizing');
- }
- if (props.isSelected) {
- classNames.push('fc-event-selected');
- }
- if (props.isStart) {
- classNames.push('fc-event-start');
- }
- if (props.isEnd) {
- classNames.push('fc-event-end');
- }
- if (props.isPast) {
- classNames.push('fc-event-past');
- }
- if (props.isToday) {
- classNames.push('fc-event-today');
- }
- if (props.isFuture) {
- classNames.push('fc-event-future');
- }
- return classNames;
- }
- function buildEventRangeKey(eventRange) {
- return eventRange.instance
- ? eventRange.instance.instanceId
- : `${eventRange.def.defId}:${eventRange.range.start.toISOString()}`;
- // inverse-background events don't have specific instances. TODO: better solution
- }
- function getSegAnchorAttrs(seg, context) {
- let { def, instance } = seg.eventRange;
- let { url } = def;
- if (url) {
- return { href: url };
- }
- let { emitter, options } = context;
- let { eventInteractive } = options;
- if (eventInteractive == null) {
- eventInteractive = def.interactive;
- if (eventInteractive == null) {
- eventInteractive = Boolean(emitter.hasHandlers('eventClick'));
- }
- }
- // mock what happens in EventClicking
- if (eventInteractive) {
- // only attach keyboard-related handlers because click handler is already done in EventClicking
- return createAriaKeyboardAttrs((ev) => {
- emitter.trigger('eventClick', {
- el: ev.target,
- event: new EventImpl(context, def, instance),
- jsEvent: ev,
- view: context.viewApi,
- });
- });
- }
- return {};
- }
- const STANDARD_PROPS = {
- start: identity,
- end: identity,
- allDay: Boolean,
- };
- function parseDateSpan(raw, dateEnv, defaultDuration) {
- let span = parseOpenDateSpan(raw, dateEnv);
- let { range } = span;
- if (!range.start) {
- return null;
- }
- if (!range.end) {
- if (defaultDuration == null) {
- return null;
- }
- range.end = dateEnv.add(range.start, defaultDuration);
- }
- return span;
- }
- /*
- TODO: somehow combine with parseRange?
- Will return null if the start/end props were present but parsed invalidly.
- */
- function parseOpenDateSpan(raw, dateEnv) {
- let { refined: standardProps, extra } = refineProps(raw, STANDARD_PROPS);
- let startMeta = standardProps.start ? dateEnv.createMarkerMeta(standardProps.start) : null;
- let endMeta = standardProps.end ? dateEnv.createMarkerMeta(standardProps.end) : null;
- let { allDay } = standardProps;
- if (allDay == null) {
- allDay = (startMeta && startMeta.isTimeUnspecified) &&
- (!endMeta || endMeta.isTimeUnspecified);
- }
- return Object.assign({ range: {
- start: startMeta ? startMeta.marker : null,
- end: endMeta ? endMeta.marker : null,
- }, allDay }, extra);
- }
- function isDateSpansEqual(span0, span1) {
- return rangesEqual(span0.range, span1.range) &&
- span0.allDay === span1.allDay &&
- isSpanPropsEqual(span0, span1);
- }
- // the NON-DATE-RELATED props
- function isSpanPropsEqual(span0, span1) {
- for (let propName in span1) {
- if (propName !== 'range' && propName !== 'allDay') {
- if (span0[propName] !== span1[propName]) {
- return false;
- }
- }
- }
- // are there any props that span0 has that span1 DOESN'T have?
- // both have range/allDay, so no need to special-case.
- for (let propName in span0) {
- if (!(propName in span1)) {
- return false;
- }
- }
- return true;
- }
- function buildDateSpanApi(span, dateEnv) {
- return Object.assign(Object.assign({}, buildRangeApi(span.range, dateEnv, span.allDay)), { allDay: span.allDay });
- }
- function buildRangeApiWithTimeZone(range, dateEnv, omitTime) {
- return Object.assign(Object.assign({}, buildRangeApi(range, dateEnv, omitTime)), { timeZone: dateEnv.timeZone });
- }
- function buildRangeApi(range, dateEnv, omitTime) {
- return {
- start: dateEnv.toDate(range.start),
- end: dateEnv.toDate(range.end),
- startStr: dateEnv.formatIso(range.start, { omitTime }),
- endStr: dateEnv.formatIso(range.end, { omitTime }),
- };
- }
- function fabricateEventRange(dateSpan, eventUiBases, context) {
- let res = refineEventDef({ editable: false }, context);
- let def = parseEventDef(res.refined, res.extra, '', // sourceId
- dateSpan.allDay, true, // hasEnd
- context);
- return {
- def,
- ui: compileEventUi(def, eventUiBases),
- instance: createEventInstance(def.defId, dateSpan.range),
- range: dateSpan.range,
- isStart: true,
- isEnd: true,
- };
- }
- /*
- given a function that resolves a result asynchronously.
- the function can either call passed-in success and failure callbacks,
- or it can return a promise.
- if you need to pass additional params to func, bind them first.
- */
- function unpromisify(func, normalizedSuccessCallback, normalizedFailureCallback) {
- // guard against success/failure callbacks being called more than once
- // and guard against a promise AND callback being used together.
- let isResolved = false;
- let wrappedSuccess = function (res) {
- if (!isResolved) {
- isResolved = true;
- normalizedSuccessCallback(res);
- }
- };
- let wrappedFailure = function (error) {
- if (!isResolved) {
- isResolved = true;
- normalizedFailureCallback(error);
- }
- };
- let res = func(wrappedSuccess, wrappedFailure);
- if (res && typeof res.then === 'function') {
- res.then(wrappedSuccess, wrappedFailure);
- }
- }
- class JsonRequestError extends Error {
- constructor(message, response) {
- super(message);
- this.response = response;
- }
- }
- function requestJson(method, url, params) {
- method = method.toUpperCase();
- const fetchOptions = {
- method,
- };
- if (method === 'GET') {
- url += (url.indexOf('?') === -1 ? '?' : '&') +
- new URLSearchParams(params);
- }
- else {
- fetchOptions.body = new URLSearchParams(params);
- fetchOptions.headers = {
- 'Content-Type': 'application/x-www-form-urlencoded',
- };
- }
- return fetch(url, fetchOptions).then((fetchRes) => {
- if (fetchRes.ok) {
- return fetchRes.json().then((parsedResponse) => {
- return [parsedResponse, fetchRes];
- }, () => {
- throw new JsonRequestError('Failure parsing JSON', fetchRes);
- });
- }
- else {
- throw new JsonRequestError('Request failed', fetchRes);
- }
- });
- }
- let canVGrowWithinCell;
- function getCanVGrowWithinCell() {
- if (canVGrowWithinCell == null) {
- canVGrowWithinCell = computeCanVGrowWithinCell();
- }
- return canVGrowWithinCell;
- }
- function computeCanVGrowWithinCell() {
- // for SSR, because this function is call immediately at top-level
- // TODO: just make this logic execute top-level, immediately, instead of doing lazily
- if (typeof document === 'undefined') {
- return true;
- }
- let el = document.createElement('div');
- el.style.position = 'absolute';
- el.style.top = '0px';
- el.style.left = '0px';
- el.innerHTML = '<table><tr><td><div></div></td></tr></table>';
- el.querySelector('table').style.height = '100px';
- el.querySelector('div').style.height = '100%';
- document.body.appendChild(el);
- let div = el.querySelector('div');
- let possible = div.offsetHeight > 0;
- document.body.removeChild(el);
- return possible;
- }
- class CalendarRoot extends BaseComponent {
- constructor() {
- super(...arguments);
- this.state = {
- forPrint: false,
- };
- this.handleBeforePrint = () => {
- flushSync(() => {
- this.setState({ forPrint: true });
- });
- };
- this.handleAfterPrint = () => {
- flushSync(() => {
- this.setState({ forPrint: false });
- });
- };
- }
- render() {
- let { props } = this;
- let { options } = props;
- let { forPrint } = this.state;
- let isHeightAuto = forPrint || options.height === 'auto' || options.contentHeight === 'auto';
- let height = (!isHeightAuto && options.height != null) ? options.height : '';
- let classNames = [
- 'fc',
- forPrint ? 'fc-media-print' : 'fc-media-screen',
- `fc-direction-${options.direction}`,
- props.theme.getClass('root'),
- ];
- if (!getCanVGrowWithinCell()) {
- classNames.push('fc-liquid-hack');
- }
- return props.children(classNames, height, isHeightAuto, forPrint);
- }
- componentDidMount() {
- let { emitter } = this.props;
- emitter.on('_beforeprint', this.handleBeforePrint);
- emitter.on('_afterprint', this.handleAfterPrint);
- }
- componentWillUnmount() {
- let { emitter } = this.props;
- emitter.off('_beforeprint', this.handleBeforePrint);
- emitter.off('_afterprint', this.handleAfterPrint);
- }
- }
- class Interaction {
- constructor(settings) {
- this.component = settings.component;
- this.isHitComboAllowed = settings.isHitComboAllowed || null;
- }
- destroy() {
- }
- }
- function parseInteractionSettings(component, input) {
- return {
- component,
- el: input.el,
- useEventCenter: input.useEventCenter != null ? input.useEventCenter : true,
- isHitComboAllowed: input.isHitComboAllowed || null,
- };
- }
- function interactionSettingsToStore(settings) {
- return {
- [settings.component.uid]: settings,
- };
- }
- // global state
- const interactionSettingsStore = {};
- class CalendarImpl {
- getCurrentData() {
- return this.currentDataManager.getCurrentData();
- }
- dispatch(action) {
- this.currentDataManager.dispatch(action);
- }
- get view() { return this.getCurrentData().viewApi; }
- batchRendering(callback) {
- callback();
- }
- updateSize() {
- this.trigger('_resize', true);
- }
- // Options
- // -----------------------------------------------------------------------------------------------------------------
- setOption(name, val) {
- this.dispatch({
- type: 'SET_OPTION',
- optionName: name,
- rawOptionValue: val,
- });
- }
- getOption(name) {
- return this.currentDataManager.currentCalendarOptionsInput[name];
- }
- getAvailableLocaleCodes() {
- return Object.keys(this.getCurrentData().availableRawLocales);
- }
- // Trigger
- // -----------------------------------------------------------------------------------------------------------------
- on(handlerName, handler) {
- let { currentDataManager } = this;
- if (currentDataManager.currentCalendarOptionsRefiners[handlerName]) {
- currentDataManager.emitter.on(handlerName, handler);
- }
- else {
- console.warn(`Unknown listener name '${handlerName}'`);
- }
- }
- off(handlerName, handler) {
- this.currentDataManager.emitter.off(handlerName, handler);
- }
- // not meant for public use
- trigger(handlerName, ...args) {
- this.currentDataManager.emitter.trigger(handlerName, ...args);
- }
- // View
- // -----------------------------------------------------------------------------------------------------------------
- changeView(viewType, dateOrRange) {
- this.batchRendering(() => {
- this.unselect();
- if (dateOrRange) {
- if (dateOrRange.start && dateOrRange.end) { // a range
- this.dispatch({
- type: 'CHANGE_VIEW_TYPE',
- viewType,
- });
- this.dispatch({
- type: 'SET_OPTION',
- optionName: 'visibleRange',
- rawOptionValue: dateOrRange,
- });
- }
- else {
- let { dateEnv } = this.getCurrentData();
- this.dispatch({
- type: 'CHANGE_VIEW_TYPE',
- viewType,
- dateMarker: dateEnv.createMarker(dateOrRange),
- });
- }
- }
- else {
- this.dispatch({
- type: 'CHANGE_VIEW_TYPE',
- viewType,
- });
- }
- });
- }
- // Forces navigation to a view for the given date.
- // `viewType` can be a specific view name or a generic one like "week" or "day".
- // needs to change
- zoomTo(dateMarker, viewType) {
- let state = this.getCurrentData();
- let spec;
- viewType = viewType || 'day'; // day is default zoom
- spec = state.viewSpecs[viewType] || this.getUnitViewSpec(viewType);
- this.unselect();
- if (spec) {
- this.dispatch({
- type: 'CHANGE_VIEW_TYPE',
- viewType: spec.type,
- dateMarker,
- });
- }
- else {
- this.dispatch({
- type: 'CHANGE_DATE',
- dateMarker,
- });
- }
- }
- // Given a duration singular unit, like "week" or "day", finds a matching view spec.
- // Preference is given to views that have corresponding buttons.
- getUnitViewSpec(unit) {
- let { viewSpecs, toolbarConfig } = this.getCurrentData();
- let viewTypes = [].concat(toolbarConfig.header ? toolbarConfig.header.viewsWithButtons : [], toolbarConfig.footer ? toolbarConfig.footer.viewsWithButtons : []);
- let i;
- let spec;
- for (let viewType in viewSpecs) {
- viewTypes.push(viewType);
- }
- for (i = 0; i < viewTypes.length; i += 1) {
- spec = viewSpecs[viewTypes[i]];
- if (spec) {
- if (spec.singleUnit === unit) {
- return spec;
- }
- }
- }
- return null;
- }
- // Current Date
- // -----------------------------------------------------------------------------------------------------------------
- prev() {
- this.unselect();
- this.dispatch({ type: 'PREV' });
- }
- next() {
- this.unselect();
- this.dispatch({ type: 'NEXT' });
- }
- prevYear() {
- let state = this.getCurrentData();
- this.unselect();
- this.dispatch({
- type: 'CHANGE_DATE',
- dateMarker: state.dateEnv.addYears(state.currentDate, -1),
- });
- }
- nextYear() {
- let state = this.getCurrentData();
- this.unselect();
- this.dispatch({
- type: 'CHANGE_DATE',
- dateMarker: state.dateEnv.addYears(state.currentDate, 1),
- });
- }
- today() {
- let state = this.getCurrentData();
- this.unselect();
- this.dispatch({
- type: 'CHANGE_DATE',
- dateMarker: getNow(state.calendarOptions.now, state.dateEnv),
- });
- }
- gotoDate(zonedDateInput) {
- let state = this.getCurrentData();
- this.unselect();
- this.dispatch({
- type: 'CHANGE_DATE',
- dateMarker: state.dateEnv.createMarker(zonedDateInput),
- });
- }
- incrementDate(deltaInput) {
- let state = this.getCurrentData();
- let delta = createDuration(deltaInput);
- if (delta) { // else, warn about invalid input?
- this.unselect();
- this.dispatch({
- type: 'CHANGE_DATE',
- dateMarker: state.dateEnv.add(state.currentDate, delta),
- });
- }
- }
- getDate() {
- let state = this.getCurrentData();
- return state.dateEnv.toDate(state.currentDate);
- }
- // Date Formatting Utils
- // -----------------------------------------------------------------------------------------------------------------
- formatDate(d, formatter) {
- let { dateEnv } = this.getCurrentData();
- return dateEnv.format(dateEnv.createMarker(d), createFormatter(formatter));
- }
- // `settings` is for formatter AND isEndExclusive
- formatRange(d0, d1, settings) {
- let { dateEnv } = this.getCurrentData();
- return dateEnv.formatRange(dateEnv.createMarker(d0), dateEnv.createMarker(d1), createFormatter(settings), settings);
- }
- formatIso(d, omitTime) {
- let { dateEnv } = this.getCurrentData();
- return dateEnv.formatIso(dateEnv.createMarker(d), { omitTime });
- }
- // Date Selection / Event Selection / DayClick
- // -----------------------------------------------------------------------------------------------------------------
- select(dateOrObj, endDate) {
- let selectionInput;
- if (endDate == null) {
- if (dateOrObj.start != null) {
- selectionInput = dateOrObj;
- }
- else {
- selectionInput = {
- start: dateOrObj,
- end: null,
- };
- }
- }
- else {
- selectionInput = {
- start: dateOrObj,
- end: endDate,
- };
- }
- let state = this.getCurrentData();
- let selection = parseDateSpan(selectionInput, state.dateEnv, createDuration({ days: 1 }));
- if (selection) { // throw parse error otherwise?
- this.dispatch({ type: 'SELECT_DATES', selection });
- triggerDateSelect(selection, null, state);
- }
- }
- unselect(pev) {
- let state = this.getCurrentData();
- if (state.dateSelection) {
- this.dispatch({ type: 'UNSELECT_DATES' });
- triggerDateUnselect(pev, state);
- }
- }
- // Public Events API
- // -----------------------------------------------------------------------------------------------------------------
- addEvent(eventInput, sourceInput) {
- if (eventInput instanceof EventImpl) {
- let def = eventInput._def;
- let instance = eventInput._instance;
- let currentData = this.getCurrentData();
- // not already present? don't want to add an old snapshot
- if (!currentData.eventStore.defs[def.defId]) {
- this.dispatch({
- type: 'ADD_EVENTS',
- eventStore: eventTupleToStore({ def, instance }), // TODO: better util for two args?
- });
- this.triggerEventAdd(eventInput);
- }
- return eventInput;
- }
- let state = this.getCurrentData();
- let eventSource;
- if (sourceInput instanceof EventSourceImpl) {
- eventSource = sourceInput.internalEventSource;
- }
- else if (typeof sourceInput === 'boolean') {
- if (sourceInput) { // true. part of the first event source
- [eventSource] = hashValuesToArray(state.eventSources);
- }
- }
- else if (sourceInput != null) { // an ID. accepts a number too
- let sourceApi = this.getEventSourceById(sourceInput); // TODO: use an internal function
- if (!sourceApi) {
- console.warn(`Could not find an event source with ID "${sourceInput}"`); // TODO: test
- return null;
- }
- eventSource = sourceApi.internalEventSource;
- }
- let tuple = parseEvent(eventInput, eventSource, state, false);
- if (tuple) {
- let newEventApi = new EventImpl(state, tuple.def, tuple.def.recurringDef ? null : tuple.instance);
- this.dispatch({
- type: 'ADD_EVENTS',
- eventStore: eventTupleToStore(tuple),
- });
- this.triggerEventAdd(newEventApi);
- return newEventApi;
- }
- return null;
- }
- triggerEventAdd(eventApi) {
- let { emitter } = this.getCurrentData();
- emitter.trigger('eventAdd', {
- event: eventApi,
- relatedEvents: [],
- revert: () => {
- this.dispatch({
- type: 'REMOVE_EVENTS',
- eventStore: eventApiToStore(eventApi),
- });
- },
- });
- }
- // TODO: optimize
- getEventById(id) {
- let state = this.getCurrentData();
- let { defs, instances } = state.eventStore;
- id = String(id);
- for (let defId in defs) {
- let def = defs[defId];
- if (def.publicId === id) {
- if (def.recurringDef) {
- return new EventImpl(state, def, null);
- }
- for (let instanceId in instances) {
- let instance = instances[instanceId];
- if (instance.defId === def.defId) {
- return new EventImpl(state, def, instance);
- }
- }
- }
- }
- return null;
- }
- getEvents() {
- let currentData = this.getCurrentData();
- return buildEventApis(currentData.eventStore, currentData);
- }
- removeAllEvents() {
- this.dispatch({ type: 'REMOVE_ALL_EVENTS' });
- }
- // Public Event Sources API
- // -----------------------------------------------------------------------------------------------------------------
- getEventSources() {
- let state = this.getCurrentData();
- let sourceHash = state.eventSources;
- let sourceApis = [];
- for (let internalId in sourceHash) {
- sourceApis.push(new EventSourceImpl(state, sourceHash[internalId]));
- }
- return sourceApis;
- }
- getEventSourceById(id) {
- let state = this.getCurrentData();
- let sourceHash = state.eventSources;
- id = String(id);
- for (let sourceId in sourceHash) {
- if (sourceHash[sourceId].publicId === id) {
- return new EventSourceImpl(state, sourceHash[sourceId]);
- }
- }
- return null;
- }
- addEventSource(sourceInput) {
- let state = this.getCurrentData();
- if (sourceInput instanceof EventSourceImpl) {
- // not already present? don't want to add an old snapshot
- if (!state.eventSources[sourceInput.internalEventSource.sourceId]) {
- this.dispatch({
- type: 'ADD_EVENT_SOURCES',
- sources: [sourceInput.internalEventSource],
- });
- }
- return sourceInput;
- }
- let eventSource = parseEventSource(sourceInput, state);
- if (eventSource) { // TODO: error otherwise?
- this.dispatch({ type: 'ADD_EVENT_SOURCES', sources: [eventSource] });
- return new EventSourceImpl(state, eventSource);
- }
- return null;
- }
- removeAllEventSources() {
- this.dispatch({ type: 'REMOVE_ALL_EVENT_SOURCES' });
- }
- refetchEvents() {
- this.dispatch({ type: 'FETCH_EVENT_SOURCES', isRefetch: true });
- }
- // Scroll
- // -----------------------------------------------------------------------------------------------------------------
- scrollToTime(timeInput) {
- let time = createDuration(timeInput);
- if (time) {
- this.trigger('_scrollRequest', { time });
- }
- }
- }
- function pointInsideRect(point, rect) {
- return point.left >= rect.left &&
- point.left < rect.right &&
- point.top >= rect.top &&
- point.top < rect.bottom;
- }
- // Returns a new rectangle that is the intersection of the two rectangles. If they don't intersect, returns false
- function intersectRects(rect1, rect2) {
- let res = {
- left: Math.max(rect1.left, rect2.left),
- right: Math.min(rect1.right, rect2.right),
- top: Math.max(rect1.top, rect2.top),
- bottom: Math.min(rect1.bottom, rect2.bottom),
- };
- if (res.left < res.right && res.top < res.bottom) {
- return res;
- }
- return false;
- }
- function translateRect(rect, deltaX, deltaY) {
- return {
- left: rect.left + deltaX,
- right: rect.right + deltaX,
- top: rect.top + deltaY,
- bottom: rect.bottom + deltaY,
- };
- }
- // Returns a new point that will have been moved to reside within the given rectangle
- function constrainPoint(point, rect) {
- return {
- left: Math.min(Math.max(point.left, rect.left), rect.right),
- top: Math.min(Math.max(point.top, rect.top), rect.bottom),
- };
- }
- // Returns a point that is the center of the given rectangle
- function getRectCenter(rect) {
- return {
- left: (rect.left + rect.right) / 2,
- top: (rect.top + rect.bottom) / 2,
- };
- }
- // Subtracts point2's coordinates from point1's coordinates, returning a delta
- function diffPoints(point1, point2) {
- return {
- left: point1.left - point2.left,
- top: point1.top - point2.top,
- };
- }
- const EMPTY_EVENT_STORE = createEmptyEventStore(); // for purecomponents. TODO: keep elsewhere
- class Splitter {
- constructor() {
- this.getKeysForEventDefs = memoize(this._getKeysForEventDefs);
- this.splitDateSelection = memoize(this._splitDateSpan);
- this.splitEventStore = memoize(this._splitEventStore);
- this.splitIndividualUi = memoize(this._splitIndividualUi);
- this.splitEventDrag = memoize(this._splitInteraction);
- this.splitEventResize = memoize(this._splitInteraction);
- this.eventUiBuilders = {}; // TODO: typescript protection
- }
- splitProps(props) {
- let keyInfos = this.getKeyInfo(props);
- let defKeys = this.getKeysForEventDefs(props.eventStore);
- let dateSelections = this.splitDateSelection(props.dateSelection);
- let individualUi = this.splitIndividualUi(props.eventUiBases, defKeys); // the individual *bases*
- let eventStores = this.splitEventStore(props.eventStore, defKeys);
- let eventDrags = this.splitEventDrag(props.eventDrag);
- let eventResizes = this.splitEventResize(props.eventResize);
- let splitProps = {};
- this.eventUiBuilders = mapHash(keyInfos, (info, key) => this.eventUiBuilders[key] || memoize(buildEventUiForKey));
- for (let key in keyInfos) {
- let keyInfo = keyInfos[key];
- let eventStore = eventStores[key] || EMPTY_EVENT_STORE;
- let buildEventUi = this.eventUiBuilders[key];
- splitProps[key] = {
- businessHours: keyInfo.businessHours || props.businessHours,
- dateSelection: dateSelections[key] || null,
- eventStore,
- eventUiBases: buildEventUi(props.eventUiBases[''], keyInfo.ui, individualUi[key]),
- eventSelection: eventStore.instances[props.eventSelection] ? props.eventSelection : '',
- eventDrag: eventDrags[key] || null,
- eventResize: eventResizes[key] || null,
- };
- }
- return splitProps;
- }
- _splitDateSpan(dateSpan) {
- let dateSpans = {};
- if (dateSpan) {
- let keys = this.getKeysForDateSpan(dateSpan);
- for (let key of keys) {
- dateSpans[key] = dateSpan;
- }
- }
- return dateSpans;
- }
- _getKeysForEventDefs(eventStore) {
- return mapHash(eventStore.defs, (eventDef) => this.getKeysForEventDef(eventDef));
- }
- _splitEventStore(eventStore, defKeys) {
- let { defs, instances } = eventStore;
- let splitStores = {};
- for (let defId in defs) {
- for (let key of defKeys[defId]) {
- if (!splitStores[key]) {
- splitStores[key] = createEmptyEventStore();
- }
- splitStores[key].defs[defId] = defs[defId];
- }
- }
- for (let instanceId in instances) {
- let instance = instances[instanceId];
- for (let key of defKeys[instance.defId]) {
- if (splitStores[key]) { // must have already been created
- splitStores[key].instances[instanceId] = instance;
- }
- }
- }
- return splitStores;
- }
- _splitIndividualUi(eventUiBases, defKeys) {
- let splitHashes = {};
- for (let defId in eventUiBases) {
- if (defId) { // not the '' key
- for (let key of defKeys[defId]) {
- if (!splitHashes[key]) {
- splitHashes[key] = {};
- }
- splitHashes[key][defId] = eventUiBases[defId];
- }
- }
- }
- return splitHashes;
- }
- _splitInteraction(interaction) {
- let splitStates = {};
- if (interaction) {
- let affectedStores = this._splitEventStore(interaction.affectedEvents, this._getKeysForEventDefs(interaction.affectedEvents));
- // can't rely on defKeys because event data is mutated
- let mutatedKeysByDefId = this._getKeysForEventDefs(interaction.mutatedEvents);
- let mutatedStores = this._splitEventStore(interaction.mutatedEvents, mutatedKeysByDefId);
- let populate = (key) => {
- if (!splitStates[key]) {
- splitStates[key] = {
- affectedEvents: affectedStores[key] || EMPTY_EVENT_STORE,
- mutatedEvents: mutatedStores[key] || EMPTY_EVENT_STORE,
- isEvent: interaction.isEvent,
- };
- }
- };
- for (let key in affectedStores) {
- populate(key);
- }
- for (let key in mutatedStores) {
- populate(key);
- }
- }
- return splitStates;
- }
- }
- function buildEventUiForKey(allUi, eventUiForKey, individualUi) {
- let baseParts = [];
- if (allUi) {
- baseParts.push(allUi);
- }
- if (eventUiForKey) {
- baseParts.push(eventUiForKey);
- }
- let stuff = {
- '': combineEventUis(baseParts),
- };
- if (individualUi) {
- Object.assign(stuff, individualUi);
- }
- return stuff;
- }
- function getDateMeta(date, todayRange, nowDate, dateProfile) {
- return {
- dow: date.getUTCDay(),
- isDisabled: Boolean(dateProfile && !rangeContainsMarker(dateProfile.activeRange, date)),
- isOther: Boolean(dateProfile && !rangeContainsMarker(dateProfile.currentRange, date)),
- isToday: Boolean(todayRange && rangeContainsMarker(todayRange, date)),
- isPast: Boolean(nowDate ? (date < nowDate) : todayRange ? (date < todayRange.start) : false),
- isFuture: Boolean(nowDate ? (date > nowDate) : todayRange ? (date >= todayRange.end) : false),
- };
- }
- function getDayClassNames(meta, theme) {
- let classNames = [
- 'fc-day',
- `fc-day-${DAY_IDS[meta.dow]}`,
- ];
- if (meta.isDisabled) {
- classNames.push('fc-day-disabled');
- }
- else {
- if (meta.isToday) {
- classNames.push('fc-day-today');
- classNames.push(theme.getClass('today'));
- }
- if (meta.isPast) {
- classNames.push('fc-day-past');
- }
- if (meta.isFuture) {
- classNames.push('fc-day-future');
- }
- if (meta.isOther) {
- classNames.push('fc-day-other');
- }
- }
- return classNames;
- }
- function getSlotClassNames(meta, theme) {
- let classNames = [
- 'fc-slot',
- `fc-slot-${DAY_IDS[meta.dow]}`,
- ];
- if (meta.isDisabled) {
- classNames.push('fc-slot-disabled');
- }
- else {
- if (meta.isToday) {
- classNames.push('fc-slot-today');
- classNames.push(theme.getClass('today'));
- }
- if (meta.isPast) {
- classNames.push('fc-slot-past');
- }
- if (meta.isFuture) {
- classNames.push('fc-slot-future');
- }
- }
- return classNames;
- }
- const DAY_FORMAT = createFormatter({ year: 'numeric', month: 'long', day: 'numeric' });
- const WEEK_FORMAT = createFormatter({ week: 'long' });
- function buildNavLinkAttrs(context, dateMarker, viewType = 'day', isTabbable = true) {
- const { dateEnv, options, calendarApi } = context;
- let dateStr = dateEnv.format(dateMarker, viewType === 'week' ? WEEK_FORMAT : DAY_FORMAT);
- if (options.navLinks) {
- let zonedDate = dateEnv.toDate(dateMarker);
- const handleInteraction = (ev) => {
- let customAction = viewType === 'day' ? options.navLinkDayClick :
- viewType === 'week' ? options.navLinkWeekClick : null;
- if (typeof customAction === 'function') {
- customAction.call(calendarApi, dateEnv.toDate(dateMarker), ev);
- }
- else {
- if (typeof customAction === 'string') {
- viewType = customAction;
- }
- calendarApi.zoomTo(dateMarker, viewType);
- }
- };
- return Object.assign({ title: formatWithOrdinals(options.navLinkHint, [dateStr, zonedDate], dateStr), 'data-navlink': '' }, (isTabbable
- ? createAriaClickAttrs(handleInteraction)
- : { onClick: handleInteraction }));
- }
- return { 'aria-label': dateStr };
- }
- let _isRtlScrollbarOnLeft = null;
- function getIsRtlScrollbarOnLeft() {
- if (_isRtlScrollbarOnLeft === null) {
- _isRtlScrollbarOnLeft = computeIsRtlScrollbarOnLeft();
- }
- return _isRtlScrollbarOnLeft;
- }
- function computeIsRtlScrollbarOnLeft() {
- let outerEl = document.createElement('div');
- applyStyle(outerEl, {
- position: 'absolute',
- top: -1000,
- left: 0,
- border: 0,
- padding: 0,
- overflow: 'scroll',
- direction: 'rtl',
- });
- outerEl.innerHTML = '<div></div>';
- document.body.appendChild(outerEl);
- let innerEl = outerEl.firstChild;
- let res = innerEl.getBoundingClientRect().left > outerEl.getBoundingClientRect().left;
- removeElement(outerEl);
- return res;
- }
- let _scrollbarWidths;
- function getScrollbarWidths() {
- if (!_scrollbarWidths) {
- _scrollbarWidths = computeScrollbarWidths();
- }
- return _scrollbarWidths;
- }
- function computeScrollbarWidths() {
- let el = document.createElement('div');
- el.style.overflow = 'scroll';
- el.style.position = 'absolute';
- el.style.top = '-9999px';
- el.style.left = '-9999px';
- document.body.appendChild(el);
- let res = computeScrollbarWidthsForEl(el);
- document.body.removeChild(el);
- return res;
- }
- // WARNING: will include border
- function computeScrollbarWidthsForEl(el) {
- return {
- x: el.offsetHeight - el.clientHeight,
- y: el.offsetWidth - el.clientWidth,
- };
- }
- function computeEdges(el, getPadding = false) {
- let computedStyle = window.getComputedStyle(el);
- let borderLeft = parseInt(computedStyle.borderLeftWidth, 10) || 0;
- let borderRight = parseInt(computedStyle.borderRightWidth, 10) || 0;
- let borderTop = parseInt(computedStyle.borderTopWidth, 10) || 0;
- let borderBottom = parseInt(computedStyle.borderBottomWidth, 10) || 0;
- let badScrollbarWidths = computeScrollbarWidthsForEl(el); // includes border!
- let scrollbarLeftRight = badScrollbarWidths.y - borderLeft - borderRight;
- let scrollbarBottom = badScrollbarWidths.x - borderTop - borderBottom;
- let res = {
- borderLeft,
- borderRight,
- borderTop,
- borderBottom,
- scrollbarBottom,
- scrollbarLeft: 0,
- scrollbarRight: 0,
- };
- if (getIsRtlScrollbarOnLeft() && computedStyle.direction === 'rtl') { // is the scrollbar on the left side?
- res.scrollbarLeft = scrollbarLeftRight;
- }
- else {
- res.scrollbarRight = scrollbarLeftRight;
- }
- if (getPadding) {
- res.paddingLeft = parseInt(computedStyle.paddingLeft, 10) || 0;
- res.paddingRight = parseInt(computedStyle.paddingRight, 10) || 0;
- res.paddingTop = parseInt(computedStyle.paddingTop, 10) || 0;
- res.paddingBottom = parseInt(computedStyle.paddingBottom, 10) || 0;
- }
- return res;
- }
- function computeInnerRect(el, goWithinPadding = false, doFromWindowViewport) {
- let outerRect = doFromWindowViewport ? el.getBoundingClientRect() : computeRect(el);
- let edges = computeEdges(el, goWithinPadding);
- let res = {
- left: outerRect.left + edges.borderLeft + edges.scrollbarLeft,
- right: outerRect.right - edges.borderRight - edges.scrollbarRight,
- top: outerRect.top + edges.borderTop,
- bottom: outerRect.bottom - edges.borderBottom - edges.scrollbarBottom,
- };
- if (goWithinPadding) {
- res.left += edges.paddingLeft;
- res.right -= edges.paddingRight;
- res.top += edges.paddingTop;
- res.bottom -= edges.paddingBottom;
- }
- return res;
- }
- function computeRect(el) {
- let rect = el.getBoundingClientRect();
- return {
- left: rect.left + window.scrollX,
- top: rect.top + window.scrollY,
- right: rect.right + window.scrollX,
- bottom: rect.bottom + window.scrollY,
- };
- }
- function computeClippedClientRect(el) {
- let clippingParents = getClippingParents(el);
- let rect = el.getBoundingClientRect();
- for (let clippingParent of clippingParents) {
- let intersection = intersectRects(rect, clippingParent.getBoundingClientRect());
- if (intersection) {
- rect = intersection;
- }
- else {
- return null;
- }
- }
- return rect;
- }
- // does not return window
- function getClippingParents(el) {
- let parents = [];
- while (el instanceof HTMLElement) { // will stop when gets to document or null
- let computedStyle = window.getComputedStyle(el);
- if (computedStyle.position === 'fixed') {
- break;
- }
- if ((/(auto|scroll)/).test(computedStyle.overflow + computedStyle.overflowY + computedStyle.overflowX)) {
- parents.push(el);
- }
- el = el.parentNode;
- }
- return parents;
- }
- /*
- Records offset information for a set of elements, relative to an origin element.
- Can record the left/right OR the top/bottom OR both.
- Provides methods for querying the cache by position.
- */
- class PositionCache {
- constructor(originEl, els, isHorizontal, isVertical) {
- this.els = els;
- let originClientRect = this.originClientRect = originEl.getBoundingClientRect(); // relative to viewport top-left
- if (isHorizontal) {
- this.buildElHorizontals(originClientRect.left);
- }
- if (isVertical) {
- this.buildElVerticals(originClientRect.top);
- }
- }
- // Populates the left/right internal coordinate arrays
- buildElHorizontals(originClientLeft) {
- let lefts = [];
- let rights = [];
- for (let el of this.els) {
- let rect = el.getBoundingClientRect();
- lefts.push(rect.left - originClientLeft);
- rights.push(rect.right - originClientLeft);
- }
- this.lefts = lefts;
- this.rights = rights;
- }
- // Populates the top/bottom internal coordinate arrays
- buildElVerticals(originClientTop) {
- let tops = [];
- let bottoms = [];
- for (let el of this.els) {
- let rect = el.getBoundingClientRect();
- tops.push(rect.top - originClientTop);
- bottoms.push(rect.bottom - originClientTop);
- }
- this.tops = tops;
- this.bottoms = bottoms;
- }
- // Given a left offset (from document left), returns the index of the el that it horizontally intersects.
- // If no intersection is made, returns undefined.
- leftToIndex(leftPosition) {
- let { lefts, rights } = this;
- let len = lefts.length;
- let i;
- for (i = 0; i < len; i += 1) {
- if (leftPosition >= lefts[i] && leftPosition < rights[i]) {
- return i;
- }
- }
- return undefined; // TODO: better
- }
- // Given a top offset (from document top), returns the index of the el that it vertically intersects.
- // If no intersection is made, returns undefined.
- topToIndex(topPosition) {
- let { tops, bottoms } = this;
- let len = tops.length;
- let i;
- for (i = 0; i < len; i += 1) {
- if (topPosition >= tops[i] && topPosition < bottoms[i]) {
- return i;
- }
- }
- return undefined; // TODO: better
- }
- // Gets the width of the element at the given index
- getWidth(leftIndex) {
- return this.rights[leftIndex] - this.lefts[leftIndex];
- }
- // Gets the height of the element at the given index
- getHeight(topIndex) {
- return this.bottoms[topIndex] - this.tops[topIndex];
- }
- similarTo(otherCache) {
- return similarNumArrays(this.tops || [], otherCache.tops || []) &&
- similarNumArrays(this.bottoms || [], otherCache.bottoms || []) &&
- similarNumArrays(this.lefts || [], otherCache.lefts || []) &&
- similarNumArrays(this.rights || [], otherCache.rights || []);
- }
- }
- function similarNumArrays(a, b) {
- const len = a.length;
- if (len !== b.length) {
- return false;
- }
- for (let i = 0; i < len; i++) {
- if (Math.round(a[i]) !== Math.round(b[i])) {
- return false;
- }
- }
- return true;
- }
- /* eslint max-classes-per-file: "off" */
- /*
- An object for getting/setting scroll-related information for an element.
- Internally, this is done very differently for window versus DOM element,
- so this object serves as a common interface.
- */
- class ScrollController {
- getMaxScrollTop() {
- return this.getScrollHeight() - this.getClientHeight();
- }
- getMaxScrollLeft() {
- return this.getScrollWidth() - this.getClientWidth();
- }
- canScrollVertically() {
- return this.getMaxScrollTop() > 0;
- }
- canScrollHorizontally() {
- return this.getMaxScrollLeft() > 0;
- }
- canScrollUp() {
- return this.getScrollTop() > 0;
- }
- canScrollDown() {
- return this.getScrollTop() < this.getMaxScrollTop();
- }
- canScrollLeft() {
- return this.getScrollLeft() > 0;
- }
- canScrollRight() {
- return this.getScrollLeft() < this.getMaxScrollLeft();
- }
- }
- class ElementScrollController extends ScrollController {
- constructor(el) {
- super();
- this.el = el;
- }
- getScrollTop() {
- return this.el.scrollTop;
- }
- getScrollLeft() {
- return this.el.scrollLeft;
- }
- setScrollTop(top) {
- this.el.scrollTop = top;
- }
- setScrollLeft(left) {
- this.el.scrollLeft = left;
- }
- getScrollWidth() {
- return this.el.scrollWidth;
- }
- getScrollHeight() {
- return this.el.scrollHeight;
- }
- getClientHeight() {
- return this.el.clientHeight;
- }
- getClientWidth() {
- return this.el.clientWidth;
- }
- }
- class WindowScrollController extends ScrollController {
- getScrollTop() {
- return window.scrollY;
- }
- getScrollLeft() {
- return window.scrollX;
- }
- setScrollTop(n) {
- window.scroll(window.scrollX, n);
- }
- setScrollLeft(n) {
- window.scroll(n, window.scrollY);
- }
- getScrollWidth() {
- return document.documentElement.scrollWidth;
- }
- getScrollHeight() {
- return document.documentElement.scrollHeight;
- }
- getClientHeight() {
- return document.documentElement.clientHeight;
- }
- getClientWidth() {
- return document.documentElement.clientWidth;
- }
- }
- /*
- an INTERACTABLE date component
- PURPOSES:
- - hook up to fg, fill, and mirror renderers
- - interface for dragging and hits
- */
- class DateComponent extends BaseComponent {
- constructor() {
- super(...arguments);
- this.uid = guid();
- }
- // Hit System
- // -----------------------------------------------------------------------------------------------------------------
- prepareHits() {
- }
- queryHit(positionLeft, positionTop, elWidth, elHeight) {
- return null; // this should be abstract
- }
- // Pointer Interaction Utils
- // -----------------------------------------------------------------------------------------------------------------
- isValidSegDownEl(el) {
- return !this.props.eventDrag && // HACK
- !this.props.eventResize && // HACK
- !elementClosest(el, '.fc-event-mirror');
- }
- isValidDateDownEl(el) {
- return !elementClosest(el, '.fc-event:not(.fc-bg-event)') &&
- !elementClosest(el, '.fc-more-link') && // a "more.." link
- !elementClosest(el, 'a[data-navlink]') && // a clickable nav link
- !elementClosest(el, '.fc-popover'); // hack
- }
- }
- class NamedTimeZoneImpl {
- constructor(timeZoneName) {
- this.timeZoneName = timeZoneName;
- }
- }
- class SegHierarchy {
- constructor(getEntryThickness = (entry) => {
- // if no thickness known, assume 1 (if 0, so small it always fits)
- return entry.thickness || 1;
- }) {
- this.getEntryThickness = getEntryThickness;
- // settings
- this.strictOrder = false;
- this.allowReslicing = false;
- this.maxCoord = -1; // -1 means no max
- this.maxStackCnt = -1; // -1 means no max
- this.levelCoords = []; // ordered
- this.entriesByLevel = []; // parallel with levelCoords
- this.stackCnts = {}; // TODO: use better technique!?
- }
- addSegs(inputs) {
- let hiddenEntries = [];
- for (let input of inputs) {
- this.insertEntry(input, hiddenEntries);
- }
- return hiddenEntries;
- }
- insertEntry(entry, hiddenEntries) {
- let insertion = this.findInsertion(entry);
- if (this.isInsertionValid(insertion, entry)) {
- this.insertEntryAt(entry, insertion);
- }
- else {
- this.handleInvalidInsertion(insertion, entry, hiddenEntries);
- }
- }
- isInsertionValid(insertion, entry) {
- return (this.maxCoord === -1 || insertion.levelCoord + this.getEntryThickness(entry) <= this.maxCoord) &&
- (this.maxStackCnt === -1 || insertion.stackCnt < this.maxStackCnt);
- }
- handleInvalidInsertion(insertion, entry, hiddenEntries) {
- if (this.allowReslicing && insertion.touchingEntry) {
- const hiddenEntry = Object.assign(Object.assign({}, entry), { span: intersectSpans(entry.span, insertion.touchingEntry.span) });
- hiddenEntries.push(hiddenEntry);
- this.splitEntry(entry, insertion.touchingEntry, hiddenEntries);
- }
- else {
- hiddenEntries.push(entry);
- }
- }
- /*
- Does NOT add what hit the `barrier` into hiddenEntries. Should already be done.
- */
- splitEntry(entry, barrier, hiddenEntries) {
- let entrySpan = entry.span;
- let barrierSpan = barrier.span;
- if (entrySpan.start < barrierSpan.start) {
- this.insertEntry({
- index: entry.index,
- thickness: entry.thickness,
- span: { start: entrySpan.start, end: barrierSpan.start },
- }, hiddenEntries);
- }
- if (entrySpan.end > barrierSpan.end) {
- this.insertEntry({
- index: entry.index,
- thickness: entry.thickness,
- span: { start: barrierSpan.end, end: entrySpan.end },
- }, hiddenEntries);
- }
- }
- insertEntryAt(entry, insertion) {
- let { entriesByLevel, levelCoords } = this;
- if (insertion.lateral === -1) {
- // create a new level
- insertAt(levelCoords, insertion.level, insertion.levelCoord);
- insertAt(entriesByLevel, insertion.level, [entry]);
- }
- else {
- // insert into existing level
- insertAt(entriesByLevel[insertion.level], insertion.lateral, entry);
- }
- this.stackCnts[buildEntryKey(entry)] = insertion.stackCnt;
- }
- /*
- does not care about limits
- */
- findInsertion(newEntry) {
- let { levelCoords, entriesByLevel, strictOrder, stackCnts } = this;
- let levelCnt = levelCoords.length;
- let candidateCoord = 0;
- let touchingLevel = -1;
- let touchingLateral = -1;
- let touchingEntry = null;
- let stackCnt = 0;
- for (let trackingLevel = 0; trackingLevel < levelCnt; trackingLevel += 1) {
- const trackingCoord = levelCoords[trackingLevel];
- // if the current level is past the placed entry, we have found a good empty space and can stop.
- // if strictOrder, keep finding more lateral intersections.
- if (!strictOrder && trackingCoord >= candidateCoord + this.getEntryThickness(newEntry)) {
- break;
- }
- let trackingEntries = entriesByLevel[trackingLevel];
- let trackingEntry;
- let searchRes = binarySearch(trackingEntries, newEntry.span.start, getEntrySpanEnd); // find first entry after newEntry's end
- let lateralIndex = searchRes[0] + searchRes[1]; // if exact match (which doesn't collide), go to next one
- while ( // loop through entries that horizontally intersect
- (trackingEntry = trackingEntries[lateralIndex]) && // but not past the whole entry list
- trackingEntry.span.start < newEntry.span.end // and not entirely past newEntry
- ) {
- let trackingEntryBottom = trackingCoord + this.getEntryThickness(trackingEntry);
- // intersects into the top of the candidate?
- if (trackingEntryBottom > candidateCoord) {
- candidateCoord = trackingEntryBottom;
- touchingEntry = trackingEntry;
- touchingLevel = trackingLevel;
- touchingLateral = lateralIndex;
- }
- // butts up against top of candidate? (will happen if just intersected as well)
- if (trackingEntryBottom === candidateCoord) {
- // accumulate the highest possible stackCnt of the trackingEntries that butt up
- stackCnt = Math.max(stackCnt, stackCnts[buildEntryKey(trackingEntry)] + 1);
- }
- lateralIndex += 1;
- }
- }
- // the destination level will be after touchingEntry's level. find it
- let destLevel = 0;
- if (touchingEntry) {
- destLevel = touchingLevel + 1;
- while (destLevel < levelCnt && levelCoords[destLevel] < candidateCoord) {
- destLevel += 1;
- }
- }
- // if adding to an existing level, find where to insert
- let destLateral = -1;
- if (destLevel < levelCnt && levelCoords[destLevel] === candidateCoord) {
- destLateral = binarySearch(entriesByLevel[destLevel], newEntry.span.end, getEntrySpanEnd)[0];
- }
- return {
- touchingLevel,
- touchingLateral,
- touchingEntry,
- stackCnt,
- levelCoord: candidateCoord,
- level: destLevel,
- lateral: destLateral,
- };
- }
- // sorted by levelCoord (lowest to highest)
- toRects() {
- let { entriesByLevel, levelCoords } = this;
- let levelCnt = entriesByLevel.length;
- let rects = [];
- for (let level = 0; level < levelCnt; level += 1) {
- let entries = entriesByLevel[level];
- let levelCoord = levelCoords[level];
- for (let entry of entries) {
- rects.push(Object.assign(Object.assign({}, entry), { thickness: this.getEntryThickness(entry), levelCoord }));
- }
- }
- return rects;
- }
- }
- function getEntrySpanEnd(entry) {
- return entry.span.end;
- }
- function buildEntryKey(entry) {
- return entry.index + ':' + entry.span.start;
- }
- // returns groups with entries sorted by input order
- function groupIntersectingEntries(entries) {
- let merges = [];
- for (let entry of entries) {
- let filteredMerges = [];
- let hungryMerge = {
- span: entry.span,
- entries: [entry],
- };
- for (let merge of merges) {
- if (intersectSpans(merge.span, hungryMerge.span)) {
- hungryMerge = {
- entries: merge.entries.concat(hungryMerge.entries),
- span: joinSpans(merge.span, hungryMerge.span),
- };
- }
- else {
- filteredMerges.push(merge);
- }
- }
- filteredMerges.push(hungryMerge);
- merges = filteredMerges;
- }
- return merges;
- }
- function joinSpans(span0, span1) {
- return {
- start: Math.min(span0.start, span1.start),
- end: Math.max(span0.end, span1.end),
- };
- }
- function intersectSpans(span0, span1) {
- let start = Math.max(span0.start, span1.start);
- let end = Math.min(span0.end, span1.end);
- if (start < end) {
- return { start, end };
- }
- return null;
- }
- // general util
- // ---------------------------------------------------------------------------------------------------------------------
- function insertAt(arr, index, item) {
- arr.splice(index, 0, item);
- }
- function binarySearch(a, searchVal, getItemVal) {
- let startIndex = 0;
- let endIndex = a.length; // exclusive
- if (!endIndex || searchVal < getItemVal(a[startIndex])) { // no items OR before first item
- return [0, 0];
- }
- if (searchVal > getItemVal(a[endIndex - 1])) { // after last item
- return [endIndex, 0];
- }
- while (startIndex < endIndex) {
- let middleIndex = Math.floor(startIndex + (endIndex - startIndex) / 2);
- let middleVal = getItemVal(a[middleIndex]);
- if (searchVal < middleVal) {
- endIndex = middleIndex;
- }
- else if (searchVal > middleVal) {
- startIndex = middleIndex + 1;
- }
- else { // equal!
- return [middleIndex, 1];
- }
- }
- return [startIndex, 0];
- }
- /*
- An abstraction for a dragging interaction originating on an event.
- Does higher-level things than PointerDragger, such as possibly:
- - a "mirror" that moves with the pointer
- - a minimum number of pixels or other criteria for a true drag to begin
- subclasses must emit:
- - pointerdown
- - dragstart
- - dragmove
- - pointerup
- - dragend
- */
- class ElementDragging {
- constructor(el, selector) {
- this.emitter = new Emitter();
- }
- destroy() {
- }
- setMirrorIsVisible(bool) {
- // optional if subclass doesn't want to support a mirror
- }
- setMirrorNeedsRevert(bool) {
- // optional if subclass doesn't want to support a mirror
- }
- setAutoScrollEnabled(bool) {
- // optional
- }
- }
- // TODO: get rid of this in favor of options system,
- // tho it's really easy to access this globally rather than pass thru options.
- const config = {};
- /*
- Information about what will happen when an external element is dragged-and-dropped
- onto a calendar. Contains information for creating an event.
- */
- const DRAG_META_REFINERS = {
- startTime: createDuration,
- duration: createDuration,
- create: Boolean,
- sourceId: String,
- };
- function parseDragMeta(raw) {
- let { refined, extra } = refineProps(raw, DRAG_META_REFINERS);
- return {
- startTime: refined.startTime || null,
- duration: refined.duration || null,
- create: refined.create != null ? refined.create : true,
- sourceId: refined.sourceId,
- leftoverProps: extra,
- };
- }
- // Computes a default column header formatting string if `colFormat` is not explicitly defined
- function computeFallbackHeaderFormat(datesRepDistinctDays, dayCnt) {
- // if more than one week row, or if there are a lot of columns with not much space,
- // put just the day numbers will be in each cell
- if (!datesRepDistinctDays || dayCnt > 10) {
- return createFormatter({ weekday: 'short' }); // "Sat"
- }
- if (dayCnt > 1) {
- return createFormatter({ weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true }); // "Sat 11/12"
- }
- return createFormatter({ weekday: 'long' }); // "Saturday"
- }
- const CLASS_NAME = 'fc-col-header-cell'; // do the cushion too? no
- function renderInner$1(renderProps) {
- return renderProps.text;
- }
- // BAD name for this class now. used in the Header
- class TableDateCell extends BaseComponent {
- render() {
- let { dateEnv, options, theme, viewApi } = this.context;
- let { props } = this;
- let { date, dateProfile } = props;
- let dayMeta = getDateMeta(date, props.todayRange, null, dateProfile);
- let classNames = [CLASS_NAME].concat(getDayClassNames(dayMeta, theme));
- let text = dateEnv.format(date, props.dayHeaderFormat);
- // if colCnt is 1, we are already in a day-view and don't need a navlink
- let navLinkAttrs = (!dayMeta.isDisabled && props.colCnt > 1)
- ? buildNavLinkAttrs(this.context, date)
- : {};
- let renderProps = Object.assign(Object.assign(Object.assign({ date: dateEnv.toDate(date), view: viewApi }, props.extraRenderProps), { text }), dayMeta);
- return (preact.createElement(ContentContainer, { elTag: "th", elClasses: classNames, elAttrs: Object.assign({ role: 'columnheader', colSpan: props.colSpan, 'data-date': !dayMeta.isDisabled ? formatDayString(date) : undefined }, props.extraDataAttrs), renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInner$1, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (InnerContainer) => (preact.createElement("div", { className: "fc-scrollgrid-sync-inner" }, !dayMeta.isDisabled && (preact.createElement(InnerContainer, { elTag: "a", elAttrs: navLinkAttrs, elClasses: [
- 'fc-col-header-cell-cushion',
- props.isSticky && 'fc-sticky',
- ] }))))));
- }
- }
- const WEEKDAY_FORMAT = createFormatter({ weekday: 'long' });
- class TableDowCell extends BaseComponent {
- render() {
- let { props } = this;
- let { dateEnv, theme, viewApi, options } = this.context;
- let date = addDays(new Date(259200000), props.dow); // start with Sun, 04 Jan 1970 00:00:00 GMT
- let dateMeta = {
- dow: props.dow,
- isDisabled: false,
- isFuture: false,
- isPast: false,
- isToday: false,
- isOther: false,
- };
- let text = dateEnv.format(date, props.dayHeaderFormat);
- let renderProps = Object.assign(Object.assign(Object.assign(Object.assign({ // TODO: make this public?
- date }, dateMeta), { view: viewApi }), props.extraRenderProps), { text });
- return (preact.createElement(ContentContainer, { elTag: "th", elClasses: [
- CLASS_NAME,
- ...getDayClassNames(dateMeta, theme),
- ...(props.extraClassNames || []),
- ], elAttrs: Object.assign({ role: 'columnheader', colSpan: props.colSpan }, props.extraDataAttrs), renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInner$1, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (InnerContent) => (preact.createElement("div", { className: "fc-scrollgrid-sync-inner" },
- preact.createElement(InnerContent, { elTag: "a", elClasses: [
- 'fc-col-header-cell-cushion',
- props.isSticky && 'fc-sticky',
- ], elAttrs: {
- 'aria-label': dateEnv.format(date, WEEKDAY_FORMAT),
- } })))));
- }
- }
- class NowTimer extends preact.Component {
- constructor(props, context) {
- super(props, context);
- this.initialNowDate = getNow(context.options.now, context.dateEnv);
- this.initialNowQueriedMs = new Date().valueOf();
- this.state = this.computeTiming().currentState;
- }
- render() {
- let { props, state } = this;
- return props.children(state.nowDate, state.todayRange);
- }
- componentDidMount() {
- this.setTimeout();
- }
- componentDidUpdate(prevProps) {
- if (prevProps.unit !== this.props.unit) {
- this.clearTimeout();
- this.setTimeout();
- }
- }
- componentWillUnmount() {
- this.clearTimeout();
- }
- computeTiming() {
- let { props, context } = this;
- let unroundedNow = addMs(this.initialNowDate, new Date().valueOf() - this.initialNowQueriedMs);
- let currentUnitStart = context.dateEnv.startOf(unroundedNow, props.unit);
- let nextUnitStart = context.dateEnv.add(currentUnitStart, createDuration(1, props.unit));
- let waitMs = nextUnitStart.valueOf() - unroundedNow.valueOf();
- // there is a max setTimeout ms value (https://stackoverflow.com/a/3468650/96342)
- // ensure no longer than a day
- waitMs = Math.min(1000 * 60 * 60 * 24, waitMs);
- return {
- currentState: { nowDate: currentUnitStart, todayRange: buildDayRange(currentUnitStart) },
- nextState: { nowDate: nextUnitStart, todayRange: buildDayRange(nextUnitStart) },
- waitMs,
- };
- }
- setTimeout() {
- let { nextState, waitMs } = this.computeTiming();
- this.timeoutId = setTimeout(() => {
- this.setState(nextState, () => {
- this.setTimeout();
- });
- }, waitMs);
- }
- clearTimeout() {
- if (this.timeoutId) {
- clearTimeout(this.timeoutId);
- }
- }
- }
- NowTimer.contextType = ViewContextType;
- function buildDayRange(date) {
- let start = startOfDay(date);
- let end = addDays(start, 1);
- return { start, end };
- }
- class DayHeader extends BaseComponent {
- constructor() {
- super(...arguments);
- this.createDayHeaderFormatter = memoize(createDayHeaderFormatter);
- }
- render() {
- let { context } = this;
- let { dates, dateProfile, datesRepDistinctDays, renderIntro } = this.props;
- let dayHeaderFormat = this.createDayHeaderFormatter(context.options.dayHeaderFormat, datesRepDistinctDays, dates.length);
- return (preact.createElement(NowTimer, { unit: "day" }, (nowDate, todayRange) => (preact.createElement("tr", { role: "row" },
- renderIntro && renderIntro('day'),
- dates.map((date) => (datesRepDistinctDays ? (preact.createElement(TableDateCell, { key: date.toISOString(), date: date, dateProfile: dateProfile, todayRange: todayRange, colCnt: dates.length, dayHeaderFormat: dayHeaderFormat })) : (preact.createElement(TableDowCell, { key: date.getUTCDay(), dow: date.getUTCDay(), dayHeaderFormat: dayHeaderFormat }))))))));
- }
- }
- function createDayHeaderFormatter(explicitFormat, datesRepDistinctDays, dateCnt) {
- return explicitFormat || computeFallbackHeaderFormat(datesRepDistinctDays, dateCnt);
- }
- class DaySeriesModel {
- constructor(range, dateProfileGenerator) {
- let date = range.start;
- let { end } = range;
- let indices = [];
- let dates = [];
- let dayIndex = -1;
- while (date < end) { // loop each day from start to end
- if (dateProfileGenerator.isHiddenDay(date)) {
- indices.push(dayIndex + 0.5); // mark that it's between indices
- }
- else {
- dayIndex += 1;
- indices.push(dayIndex);
- dates.push(date);
- }
- date = addDays(date, 1);
- }
- this.dates = dates;
- this.indices = indices;
- this.cnt = dates.length;
- }
- sliceRange(range) {
- let firstIndex = this.getDateDayIndex(range.start); // inclusive first index
- let lastIndex = this.getDateDayIndex(addDays(range.end, -1)); // inclusive last index
- let clippedFirstIndex = Math.max(0, firstIndex);
- let clippedLastIndex = Math.min(this.cnt - 1, lastIndex);
- // deal with in-between indices
- clippedFirstIndex = Math.ceil(clippedFirstIndex); // in-between starts round to next cell
- clippedLastIndex = Math.floor(clippedLastIndex); // in-between ends round to prev cell
- if (clippedFirstIndex <= clippedLastIndex) {
- return {
- firstIndex: clippedFirstIndex,
- lastIndex: clippedLastIndex,
- isStart: firstIndex === clippedFirstIndex,
- isEnd: lastIndex === clippedLastIndex,
- };
- }
- return null;
- }
- // Given a date, returns its chronolocial cell-index from the first cell of the grid.
- // If the date lies between cells (because of hiddenDays), returns a floating-point value between offsets.
- // If before the first offset, returns a negative number.
- // If after the last offset, returns an offset past the last cell offset.
- // Only works for *start* dates of cells. Will not work for exclusive end dates for cells.
- getDateDayIndex(date) {
- let { indices } = this;
- let dayOffset = Math.floor(diffDays(this.dates[0], date));
- if (dayOffset < 0) {
- return indices[0] - 1;
- }
- if (dayOffset >= indices.length) {
- return indices[indices.length - 1] + 1;
- }
- return indices[dayOffset];
- }
- }
- class DayTableModel {
- constructor(daySeries, breakOnWeeks) {
- let { dates } = daySeries;
- let daysPerRow;
- let firstDay;
- let rowCnt;
- if (breakOnWeeks) {
- // count columns until the day-of-week repeats
- firstDay = dates[0].getUTCDay();
- for (daysPerRow = 1; daysPerRow < dates.length; daysPerRow += 1) {
- if (dates[daysPerRow].getUTCDay() === firstDay) {
- break;
- }
- }
- rowCnt = Math.ceil(dates.length / daysPerRow);
- }
- else {
- rowCnt = 1;
- daysPerRow = dates.length;
- }
- this.rowCnt = rowCnt;
- this.colCnt = daysPerRow;
- this.daySeries = daySeries;
- this.cells = this.buildCells();
- this.headerDates = this.buildHeaderDates();
- }
- buildCells() {
- let rows = [];
- for (let row = 0; row < this.rowCnt; row += 1) {
- let cells = [];
- for (let col = 0; col < this.colCnt; col += 1) {
- cells.push(this.buildCell(row, col));
- }
- rows.push(cells);
- }
- return rows;
- }
- buildCell(row, col) {
- let date = this.daySeries.dates[row * this.colCnt + col];
- return {
- key: date.toISOString(),
- date,
- };
- }
- buildHeaderDates() {
- let dates = [];
- for (let col = 0; col < this.colCnt; col += 1) {
- dates.push(this.cells[0][col].date);
- }
- return dates;
- }
- sliceRange(range) {
- let { colCnt } = this;
- let seriesSeg = this.daySeries.sliceRange(range);
- let segs = [];
- if (seriesSeg) {
- let { firstIndex, lastIndex } = seriesSeg;
- let index = firstIndex;
- while (index <= lastIndex) {
- let row = Math.floor(index / colCnt);
- let nextIndex = Math.min((row + 1) * colCnt, lastIndex + 1);
- segs.push({
- row,
- firstCol: index % colCnt,
- lastCol: (nextIndex - 1) % colCnt,
- isStart: seriesSeg.isStart && index === firstIndex,
- isEnd: seriesSeg.isEnd && (nextIndex - 1) === lastIndex,
- });
- index = nextIndex;
- }
- }
- return segs;
- }
- }
- class Slicer {
- constructor() {
- this.sliceBusinessHours = memoize(this._sliceBusinessHours);
- this.sliceDateSelection = memoize(this._sliceDateSpan);
- this.sliceEventStore = memoize(this._sliceEventStore);
- this.sliceEventDrag = memoize(this._sliceInteraction);
- this.sliceEventResize = memoize(this._sliceInteraction);
- this.forceDayIfListItem = false; // hack
- }
- sliceProps(props, dateProfile, nextDayThreshold, context, ...extraArgs) {
- let { eventUiBases } = props;
- let eventSegs = this.sliceEventStore(props.eventStore, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs);
- return {
- dateSelectionSegs: this.sliceDateSelection(props.dateSelection, dateProfile, nextDayThreshold, eventUiBases, context, ...extraArgs),
- businessHourSegs: this.sliceBusinessHours(props.businessHours, dateProfile, nextDayThreshold, context, ...extraArgs),
- fgEventSegs: eventSegs.fg,
- bgEventSegs: eventSegs.bg,
- eventDrag: this.sliceEventDrag(props.eventDrag, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs),
- eventResize: this.sliceEventResize(props.eventResize, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs),
- eventSelection: props.eventSelection,
- }; // TODO: give interactionSegs?
- }
- sliceNowDate(// does not memoize
- date, dateProfile, nextDayThreshold, context, ...extraArgs) {
- return this._sliceDateSpan({ range: { start: date, end: addMs(date, 1) }, allDay: false }, // add 1 ms, protect against null range
- dateProfile, nextDayThreshold, {}, context, ...extraArgs);
- }
- _sliceBusinessHours(businessHours, dateProfile, nextDayThreshold, context, ...extraArgs) {
- if (!businessHours) {
- return [];
- }
- return this._sliceEventStore(expandRecurring(businessHours, computeActiveRange(dateProfile, Boolean(nextDayThreshold)), context), {}, dateProfile, nextDayThreshold, ...extraArgs).bg;
- }
- _sliceEventStore(eventStore, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs) {
- if (eventStore) {
- let rangeRes = sliceEventStore(eventStore, eventUiBases, computeActiveRange(dateProfile, Boolean(nextDayThreshold)), nextDayThreshold);
- return {
- bg: this.sliceEventRanges(rangeRes.bg, extraArgs),
- fg: this.sliceEventRanges(rangeRes.fg, extraArgs),
- };
- }
- return { bg: [], fg: [] };
- }
- _sliceInteraction(interaction, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs) {
- if (!interaction) {
- return null;
- }
- let rangeRes = sliceEventStore(interaction.mutatedEvents, eventUiBases, computeActiveRange(dateProfile, Boolean(nextDayThreshold)), nextDayThreshold);
- return {
- segs: this.sliceEventRanges(rangeRes.fg, extraArgs),
- affectedInstances: interaction.affectedEvents.instances,
- isEvent: interaction.isEvent,
- };
- }
- _sliceDateSpan(dateSpan, dateProfile, nextDayThreshold, eventUiBases, context, ...extraArgs) {
- if (!dateSpan) {
- return [];
- }
- let activeRange = computeActiveRange(dateProfile, Boolean(nextDayThreshold));
- let activeDateSpanRange = intersectRanges(dateSpan.range, activeRange);
- if (activeDateSpanRange) {
- dateSpan = Object.assign(Object.assign({}, dateSpan), { range: activeDateSpanRange });
- let eventRange = fabricateEventRange(dateSpan, eventUiBases, context);
- let segs = this.sliceRange(dateSpan.range, ...extraArgs);
- for (let seg of segs) {
- seg.eventRange = eventRange;
- }
- return segs;
- }
- return [];
- }
- /*
- "complete" seg means it has component and eventRange
- */
- sliceEventRanges(eventRanges, extraArgs) {
- let segs = [];
- for (let eventRange of eventRanges) {
- segs.push(...this.sliceEventRange(eventRange, extraArgs));
- }
- return segs;
- }
- /*
- "complete" seg means it has component and eventRange
- */
- sliceEventRange(eventRange, extraArgs) {
- let dateRange = eventRange.range;
- // hack to make multi-day events that are being force-displayed as list-items to take up only one day
- if (this.forceDayIfListItem && eventRange.ui.display === 'list-item') {
- dateRange = {
- start: dateRange.start,
- end: addDays(dateRange.start, 1),
- };
- }
- let segs = this.sliceRange(dateRange, ...extraArgs);
- for (let seg of segs) {
- seg.eventRange = eventRange;
- seg.isStart = eventRange.isStart && seg.isStart;
- seg.isEnd = eventRange.isEnd && seg.isEnd;
- }
- return segs;
- }
- }
- /*
- for incorporating slotMinTime/slotMaxTime if appropriate
- TODO: should be part of DateProfile!
- TimelineDateProfile already does this btw
- */
- function computeActiveRange(dateProfile, isComponentAllDay) {
- let range = dateProfile.activeRange;
- if (isComponentAllDay) {
- return range;
- }
- return {
- start: addMs(range.start, dateProfile.slotMinTime.milliseconds),
- end: addMs(range.end, dateProfile.slotMaxTime.milliseconds - 864e5), // 864e5 = ms in a day
- };
- }
- // high-level segmenting-aware tester functions
- // ------------------------------------------------------------------------------------------------------------------------
- function isInteractionValid(interaction, dateProfile, context) {
- let { instances } = interaction.mutatedEvents;
- for (let instanceId in instances) {
- if (!rangeContainsRange(dateProfile.validRange, instances[instanceId].range)) {
- return false;
- }
- }
- return isNewPropsValid({ eventDrag: interaction }, context); // HACK: the eventDrag props is used for ALL interactions
- }
- function isDateSelectionValid(dateSelection, dateProfile, context) {
- if (!rangeContainsRange(dateProfile.validRange, dateSelection.range)) {
- return false;
- }
- return isNewPropsValid({ dateSelection }, context);
- }
- function isNewPropsValid(newProps, context) {
- let calendarState = context.getCurrentData();
- let props = Object.assign({ businessHours: calendarState.businessHours, dateSelection: '', eventStore: calendarState.eventStore, eventUiBases: calendarState.eventUiBases, eventSelection: '', eventDrag: null, eventResize: null }, newProps);
- return (context.pluginHooks.isPropsValid || isPropsValid)(props, context);
- }
- function isPropsValid(state, context, dateSpanMeta = {}, filterConfig) {
- if (state.eventDrag && !isInteractionPropsValid(state, context, dateSpanMeta, filterConfig)) {
- return false;
- }
- if (state.dateSelection && !isDateSelectionPropsValid(state, context, dateSpanMeta, filterConfig)) {
- return false;
- }
- return true;
- }
- // Moving Event Validation
- // ------------------------------------------------------------------------------------------------------------------------
- function isInteractionPropsValid(state, context, dateSpanMeta, filterConfig) {
- let currentState = context.getCurrentData();
- let interaction = state.eventDrag; // HACK: the eventDrag props is used for ALL interactions
- let subjectEventStore = interaction.mutatedEvents;
- let subjectDefs = subjectEventStore.defs;
- let subjectInstances = subjectEventStore.instances;
- let subjectConfigs = compileEventUis(subjectDefs, interaction.isEvent ?
- state.eventUiBases :
- { '': currentState.selectionConfig });
- if (filterConfig) {
- subjectConfigs = mapHash(subjectConfigs, filterConfig);
- }
- // exclude the subject events. TODO: exclude defs too?
- let otherEventStore = excludeInstances(state.eventStore, interaction.affectedEvents.instances);
- let otherDefs = otherEventStore.defs;
- let otherInstances = otherEventStore.instances;
- let otherConfigs = compileEventUis(otherDefs, state.eventUiBases);
- for (let subjectInstanceId in subjectInstances) {
- let subjectInstance = subjectInstances[subjectInstanceId];
- let subjectRange = subjectInstance.range;
- let subjectConfig = subjectConfigs[subjectInstance.defId];
- let subjectDef = subjectDefs[subjectInstance.defId];
- // constraint
- if (!allConstraintsPass(subjectConfig.constraints, subjectRange, otherEventStore, state.businessHours, context)) {
- return false;
- }
- // overlap
- let { eventOverlap } = context.options;
- let eventOverlapFunc = typeof eventOverlap === 'function' ? eventOverlap : null;
- for (let otherInstanceId in otherInstances) {
- let otherInstance = otherInstances[otherInstanceId];
- // intersect! evaluate
- if (rangesIntersect(subjectRange, otherInstance.range)) {
- let otherOverlap = otherConfigs[otherInstance.defId].overlap;
- // consider the other event's overlap. only do this if the subject event is a "real" event
- if (otherOverlap === false && interaction.isEvent) {
- return false;
- }
- if (subjectConfig.overlap === false) {
- return false;
- }
- if (eventOverlapFunc && !eventOverlapFunc(new EventImpl(context, otherDefs[otherInstance.defId], otherInstance), // still event
- new EventImpl(context, subjectDef, subjectInstance))) {
- return false;
- }
- }
- }
- // allow (a function)
- let calendarEventStore = currentState.eventStore; // need global-to-calendar, not local to component (splittable)state
- for (let subjectAllow of subjectConfig.allows) {
- let subjectDateSpan = Object.assign(Object.assign({}, dateSpanMeta), { range: subjectInstance.range, allDay: subjectDef.allDay });
- let origDef = calendarEventStore.defs[subjectDef.defId];
- let origInstance = calendarEventStore.instances[subjectInstanceId];
- let eventApi;
- if (origDef) { // was previously in the calendar
- eventApi = new EventImpl(context, origDef, origInstance);
- }
- else { // was an external event
- eventApi = new EventImpl(context, subjectDef); // no instance, because had no dates
- }
- if (!subjectAllow(buildDateSpanApiWithContext(subjectDateSpan, context), eventApi)) {
- return false;
- }
- }
- }
- return true;
- }
- // Date Selection Validation
- // ------------------------------------------------------------------------------------------------------------------------
- function isDateSelectionPropsValid(state, context, dateSpanMeta, filterConfig) {
- let relevantEventStore = state.eventStore;
- let relevantDefs = relevantEventStore.defs;
- let relevantInstances = relevantEventStore.instances;
- let selection = state.dateSelection;
- let selectionRange = selection.range;
- let { selectionConfig } = context.getCurrentData();
- if (filterConfig) {
- selectionConfig = filterConfig(selectionConfig);
- }
- // constraint
- if (!allConstraintsPass(selectionConfig.constraints, selectionRange, relevantEventStore, state.businessHours, context)) {
- return false;
- }
- // overlap
- let { selectOverlap } = context.options;
- let selectOverlapFunc = typeof selectOverlap === 'function' ? selectOverlap : null;
- for (let relevantInstanceId in relevantInstances) {
- let relevantInstance = relevantInstances[relevantInstanceId];
- // intersect! evaluate
- if (rangesIntersect(selectionRange, relevantInstance.range)) {
- if (selectionConfig.overlap === false) {
- return false;
- }
- if (selectOverlapFunc && !selectOverlapFunc(new EventImpl(context, relevantDefs[relevantInstance.defId], relevantInstance), null)) {
- return false;
- }
- }
- }
- // allow (a function)
- for (let selectionAllow of selectionConfig.allows) {
- let fullDateSpan = Object.assign(Object.assign({}, dateSpanMeta), selection);
- if (!selectionAllow(buildDateSpanApiWithContext(fullDateSpan, context), null)) {
- return false;
- }
- }
- return true;
- }
- // Constraint Utils
- // ------------------------------------------------------------------------------------------------------------------------
- function allConstraintsPass(constraints, subjectRange, otherEventStore, businessHoursUnexpanded, context) {
- for (let constraint of constraints) {
- if (!anyRangesContainRange(constraintToRanges(constraint, subjectRange, otherEventStore, businessHoursUnexpanded, context), subjectRange)) {
- return false;
- }
- }
- return true;
- }
- function constraintToRanges(constraint, subjectRange, // for expanding a recurring constraint, or expanding business hours
- otherEventStore, // for if constraint is an even group ID
- businessHoursUnexpanded, // for if constraint is 'businessHours'
- context) {
- if (constraint === 'businessHours') {
- return eventStoreToRanges(expandRecurring(businessHoursUnexpanded, subjectRange, context));
- }
- if (typeof constraint === 'string') { // an group ID
- return eventStoreToRanges(filterEventStoreDefs(otherEventStore, (eventDef) => eventDef.groupId === constraint));
- }
- if (typeof constraint === 'object' && constraint) { // non-null object
- return eventStoreToRanges(expandRecurring(constraint, subjectRange, context));
- }
- return []; // if it's false
- }
- // TODO: move to event-store file?
- function eventStoreToRanges(eventStore) {
- let { instances } = eventStore;
- let ranges = [];
- for (let instanceId in instances) {
- ranges.push(instances[instanceId].range);
- }
- return ranges;
- }
- // TODO: move to geom file?
- function anyRangesContainRange(outerRanges, innerRange) {
- for (let outerRange of outerRanges) {
- if (rangeContainsRange(outerRange, innerRange)) {
- return true;
- }
- }
- return false;
- }
- const VISIBLE_HIDDEN_RE = /^(visible|hidden)$/;
- class Scroller extends BaseComponent {
- constructor() {
- super(...arguments);
- this.handleEl = (el) => {
- this.el = el;
- setRef(this.props.elRef, el);
- };
- }
- render() {
- let { props } = this;
- let { liquid, liquidIsAbsolute } = props;
- let isAbsolute = liquid && liquidIsAbsolute;
- let className = ['fc-scroller'];
- if (liquid) {
- if (liquidIsAbsolute) {
- className.push('fc-scroller-liquid-absolute');
- }
- else {
- className.push('fc-scroller-liquid');
- }
- }
- return (preact.createElement("div", { ref: this.handleEl, className: className.join(' '), style: {
- overflowX: props.overflowX,
- overflowY: props.overflowY,
- left: (isAbsolute && -(props.overcomeLeft || 0)) || '',
- right: (isAbsolute && -(props.overcomeRight || 0)) || '',
- bottom: (isAbsolute && -(props.overcomeBottom || 0)) || '',
- marginLeft: (!isAbsolute && -(props.overcomeLeft || 0)) || '',
- marginRight: (!isAbsolute && -(props.overcomeRight || 0)) || '',
- marginBottom: (!isAbsolute && -(props.overcomeBottom || 0)) || '',
- maxHeight: props.maxHeight || '',
- } }, props.children));
- }
- needsXScrolling() {
- if (VISIBLE_HIDDEN_RE.test(this.props.overflowX)) {
- return false;
- }
- // testing scrollWidth>clientWidth is unreliable cross-browser when pixel heights aren't integers.
- // much more reliable to see if children are taller than the scroller, even tho doesn't account for
- // inner-child margins and absolute positioning
- let { el } = this;
- let realClientWidth = this.el.getBoundingClientRect().width - this.getYScrollbarWidth();
- let { children } = el;
- for (let i = 0; i < children.length; i += 1) {
- let childEl = children[i];
- if (childEl.getBoundingClientRect().width > realClientWidth) {
- return true;
- }
- }
- return false;
- }
- needsYScrolling() {
- if (VISIBLE_HIDDEN_RE.test(this.props.overflowY)) {
- return false;
- }
- // testing scrollHeight>clientHeight is unreliable cross-browser when pixel heights aren't integers.
- // much more reliable to see if children are taller than the scroller, even tho doesn't account for
- // inner-child margins and absolute positioning
- let { el } = this;
- let realClientHeight = this.el.getBoundingClientRect().height - this.getXScrollbarWidth();
- let { children } = el;
- for (let i = 0; i < children.length; i += 1) {
- let childEl = children[i];
- if (childEl.getBoundingClientRect().height > realClientHeight) {
- return true;
- }
- }
- return false;
- }
- getXScrollbarWidth() {
- if (VISIBLE_HIDDEN_RE.test(this.props.overflowX)) {
- return 0;
- }
- return this.el.offsetHeight - this.el.clientHeight; // only works because we guarantee no borders. TODO: add to CSS with important?
- }
- getYScrollbarWidth() {
- if (VISIBLE_HIDDEN_RE.test(this.props.overflowY)) {
- return 0;
- }
- return this.el.offsetWidth - this.el.clientWidth; // only works because we guarantee no borders. TODO: add to CSS with important?
- }
- }
- /*
- TODO: somehow infer OtherArgs from masterCallback?
- TODO: infer RefType from masterCallback if provided
- */
- class RefMap {
- constructor(masterCallback) {
- this.masterCallback = masterCallback;
- this.currentMap = {};
- this.depths = {};
- this.callbackMap = {};
- this.handleValue = (val, key) => {
- let { depths, currentMap } = this;
- let removed = false;
- let added = false;
- if (val !== null) {
- // for bug... ACTUALLY: can probably do away with this now that callers don't share numeric indices anymore
- removed = (key in currentMap);
- currentMap[key] = val;
- depths[key] = (depths[key] || 0) + 1;
- added = true;
- }
- else {
- depths[key] -= 1;
- if (!depths[key]) {
- delete currentMap[key];
- delete this.callbackMap[key];
- removed = true;
- }
- }
- if (this.masterCallback) {
- if (removed) {
- this.masterCallback(null, String(key));
- }
- if (added) {
- this.masterCallback(val, String(key));
- }
- }
- };
- }
- createRef(key) {
- let refCallback = this.callbackMap[key];
- if (!refCallback) {
- refCallback = this.callbackMap[key] = (val) => {
- this.handleValue(val, String(key));
- };
- }
- return refCallback;
- }
- // TODO: check callers that don't care about order. should use getAll instead
- // NOTE: this method has become less valuable now that we are encouraged to map order by some other index
- // TODO: provide ONE array-export function, buildArray, which fails on non-numeric indexes. caller can manipulate and "collect"
- collect(startIndex, endIndex, step) {
- return collectFromHash(this.currentMap, startIndex, endIndex, step);
- }
- getAll() {
- return hashValuesToArray(this.currentMap);
- }
- }
- function computeShrinkWidth(chunkEls) {
- let shrinkCells = findElements(chunkEls, '.fc-scrollgrid-shrink');
- let largestWidth = 0;
- for (let shrinkCell of shrinkCells) {
- largestWidth = Math.max(largestWidth, computeSmallestCellWidth(shrinkCell));
- }
- return Math.ceil(largestWidth); // <table> elements work best with integers. round up to ensure contents fits
- }
- function getSectionHasLiquidHeight(props, sectionConfig) {
- return props.liquid && sectionConfig.liquid; // does the section do liquid-height? (need to have whole scrollgrid liquid-height as well)
- }
- function getAllowYScrolling(props, sectionConfig) {
- return sectionConfig.maxHeight != null || // if its possible for the height to max out, we might need scrollbars
- getSectionHasLiquidHeight(props, sectionConfig); // if the section is liquid height, it might condense enough to require scrollbars
- }
- // TODO: ONLY use `arg`. force out internal function to use same API
- function renderChunkContent(sectionConfig, chunkConfig, arg, isHeader) {
- let { expandRows } = arg;
- let content = typeof chunkConfig.content === 'function' ?
- chunkConfig.content(arg) :
- preact.createElement('table', {
- role: 'presentation',
- className: [
- chunkConfig.tableClassName,
- sectionConfig.syncRowHeights ? 'fc-scrollgrid-sync-table' : '',
- ].join(' '),
- style: {
- minWidth: arg.tableMinWidth,
- width: arg.clientWidth,
- height: expandRows ? arg.clientHeight : '', // css `height` on a <table> serves as a min-height
- },
- }, arg.tableColGroupNode, preact.createElement(isHeader ? 'thead' : 'tbody', {
- role: 'presentation',
- }, typeof chunkConfig.rowContent === 'function'
- ? chunkConfig.rowContent(arg)
- : chunkConfig.rowContent));
- return content;
- }
- function isColPropsEqual(cols0, cols1) {
- return isArraysEqual(cols0, cols1, isPropsEqual);
- }
- function renderMicroColGroup(cols, shrinkWidth) {
- let colNodes = [];
- /*
- for ColProps with spans, it would have been great to make a single <col span="">
- HOWEVER, Chrome was getting messing up distributing the width to <td>/<th> elements with colspans.
- SOLUTION: making individual <col> elements makes Chrome behave.
- */
- for (let colProps of cols) {
- let span = colProps.span || 1;
- for (let i = 0; i < span; i += 1) {
- colNodes.push(preact.createElement("col", { style: {
- width: colProps.width === 'shrink' ? sanitizeShrinkWidth(shrinkWidth) : (colProps.width || ''),
- minWidth: colProps.minWidth || '',
- } }));
- }
- }
- return preact.createElement('colgroup', {}, ...colNodes);
- }
- function sanitizeShrinkWidth(shrinkWidth) {
- /* why 4? if we do 0, it will kill any border, which are needed for computeSmallestCellWidth
- 4 accounts for 2 2-pixel borders. TODO: better solution? */
- return shrinkWidth == null ? 4 : shrinkWidth;
- }
- function hasShrinkWidth(cols) {
- for (let col of cols) {
- if (col.width === 'shrink') {
- return true;
- }
- }
- return false;
- }
- function getScrollGridClassNames(liquid, context) {
- let classNames = [
- 'fc-scrollgrid',
- context.theme.getClass('table'),
- ];
- if (liquid) {
- classNames.push('fc-scrollgrid-liquid');
- }
- return classNames;
- }
- function getSectionClassNames(sectionConfig, wholeTableVGrow) {
- let classNames = [
- 'fc-scrollgrid-section',
- `fc-scrollgrid-section-${sectionConfig.type}`,
- sectionConfig.className, // used?
- ];
- if (wholeTableVGrow && sectionConfig.liquid && sectionConfig.maxHeight == null) {
- classNames.push('fc-scrollgrid-section-liquid');
- }
- if (sectionConfig.isSticky) {
- classNames.push('fc-scrollgrid-section-sticky');
- }
- return classNames;
- }
- function renderScrollShim(arg) {
- return (preact.createElement("div", { className: "fc-scrollgrid-sticky-shim", style: {
- width: arg.clientWidth,
- minWidth: arg.tableMinWidth,
- } }));
- }
- function getStickyHeaderDates(options) {
- let { stickyHeaderDates } = options;
- if (stickyHeaderDates == null || stickyHeaderDates === 'auto') {
- stickyHeaderDates = options.height === 'auto' || options.viewHeight === 'auto';
- }
- return stickyHeaderDates;
- }
- function getStickyFooterScrollbar(options) {
- let { stickyFooterScrollbar } = options;
- if (stickyFooterScrollbar == null || stickyFooterScrollbar === 'auto') {
- stickyFooterScrollbar = options.height === 'auto' || options.viewHeight === 'auto';
- }
- return stickyFooterScrollbar;
- }
- class SimpleScrollGrid extends BaseComponent {
- constructor() {
- super(...arguments);
- this.processCols = memoize((a) => a, isColPropsEqual); // so we get same `cols` props every time
- // yucky to memoize VNodes, but much more efficient for consumers
- this.renderMicroColGroup = memoize(renderMicroColGroup);
- this.scrollerRefs = new RefMap();
- this.scrollerElRefs = new RefMap(this._handleScrollerEl.bind(this));
- this.state = {
- shrinkWidth: null,
- forceYScrollbars: false,
- scrollerClientWidths: {},
- scrollerClientHeights: {},
- };
- // TODO: can do a really simple print-view. dont need to join rows
- this.handleSizing = () => {
- this.safeSetState(Object.assign({ shrinkWidth: this.computeShrinkWidth() }, this.computeScrollerDims()));
- };
- }
- render() {
- let { props, state, context } = this;
- let sectionConfigs = props.sections || [];
- let cols = this.processCols(props.cols);
- let microColGroupNode = this.renderMicroColGroup(cols, state.shrinkWidth);
- let classNames = getScrollGridClassNames(props.liquid, context);
- if (props.collapsibleWidth) {
- classNames.push('fc-scrollgrid-collapsible');
- }
- // TODO: make DRY
- let configCnt = sectionConfigs.length;
- let configI = 0;
- let currentConfig;
- let headSectionNodes = [];
- let bodySectionNodes = [];
- let footSectionNodes = [];
- while (configI < configCnt && (currentConfig = sectionConfigs[configI]).type === 'header') {
- headSectionNodes.push(this.renderSection(currentConfig, microColGroupNode, true));
- configI += 1;
- }
- while (configI < configCnt && (currentConfig = sectionConfigs[configI]).type === 'body') {
- bodySectionNodes.push(this.renderSection(currentConfig, microColGroupNode, false));
- configI += 1;
- }
- while (configI < configCnt && (currentConfig = sectionConfigs[configI]).type === 'footer') {
- footSectionNodes.push(this.renderSection(currentConfig, microColGroupNode, true));
- configI += 1;
- }
- // firefox bug: when setting height on table and there is a thead or tfoot,
- // the necessary height:100% on the liquid-height body section forces the *whole* table to be taller. (bug #5524)
- // use getCanVGrowWithinCell as a way to detect table-stupid firefox.
- // if so, use a simpler dom structure, jam everything into a lone tbody.
- let isBuggy = !getCanVGrowWithinCell();
- const roleAttrs = { role: 'rowgroup' };
- return preact.createElement('table', {
- role: 'grid',
- className: classNames.join(' '),
- style: { height: props.height },
- }, Boolean(!isBuggy && headSectionNodes.length) && preact.createElement('thead', roleAttrs, ...headSectionNodes), Boolean(!isBuggy && bodySectionNodes.length) && preact.createElement('tbody', roleAttrs, ...bodySectionNodes), Boolean(!isBuggy && footSectionNodes.length) && preact.createElement('tfoot', roleAttrs, ...footSectionNodes), isBuggy && preact.createElement('tbody', roleAttrs, ...headSectionNodes, ...bodySectionNodes, ...footSectionNodes));
- }
- renderSection(sectionConfig, microColGroupNode, isHeader) {
- if ('outerContent' in sectionConfig) {
- return (preact.createElement(preact.Fragment, { key: sectionConfig.key }, sectionConfig.outerContent));
- }
- return (preact.createElement("tr", { key: sectionConfig.key, role: "presentation", className: getSectionClassNames(sectionConfig, this.props.liquid).join(' ') }, this.renderChunkTd(sectionConfig, microColGroupNode, sectionConfig.chunk, isHeader)));
- }
- renderChunkTd(sectionConfig, microColGroupNode, chunkConfig, isHeader) {
- if ('outerContent' in chunkConfig) {
- return chunkConfig.outerContent;
- }
- let { props } = this;
- let { forceYScrollbars, scrollerClientWidths, scrollerClientHeights } = this.state;
- let needsYScrolling = getAllowYScrolling(props, sectionConfig); // TODO: do lazily. do in section config?
- let isLiquid = getSectionHasLiquidHeight(props, sectionConfig);
- // for `!props.liquid` - is WHOLE scrollgrid natural height?
- // TODO: do same thing in advanced scrollgrid? prolly not b/c always has horizontal scrollbars
- let overflowY = !props.liquid ? 'visible' :
- forceYScrollbars ? 'scroll' :
- !needsYScrolling ? 'hidden' :
- 'auto';
- let sectionKey = sectionConfig.key;
- let content = renderChunkContent(sectionConfig, chunkConfig, {
- tableColGroupNode: microColGroupNode,
- tableMinWidth: '',
- clientWidth: (!props.collapsibleWidth && scrollerClientWidths[sectionKey] !== undefined) ? scrollerClientWidths[sectionKey] : null,
- clientHeight: scrollerClientHeights[sectionKey] !== undefined ? scrollerClientHeights[sectionKey] : null,
- expandRows: sectionConfig.expandRows,
- syncRowHeights: false,
- rowSyncHeights: [],
- reportRowHeightChange: () => { },
- }, isHeader);
- return preact.createElement(isHeader ? 'th' : 'td', {
- ref: chunkConfig.elRef,
- role: 'presentation',
- }, preact.createElement("div", { className: `fc-scroller-harness${isLiquid ? ' fc-scroller-harness-liquid' : ''}` },
- preact.createElement(Scroller, { ref: this.scrollerRefs.createRef(sectionKey), elRef: this.scrollerElRefs.createRef(sectionKey), overflowY: overflowY, overflowX: !props.liquid ? 'visible' : 'hidden' /* natural height? */, maxHeight: sectionConfig.maxHeight, liquid: isLiquid, liquidIsAbsolute // because its within a harness
- : true }, content)));
- }
- _handleScrollerEl(scrollerEl, key) {
- let section = getSectionByKey(this.props.sections, key);
- if (section) {
- setRef(section.chunk.scrollerElRef, scrollerEl);
- }
- }
- componentDidMount() {
- this.handleSizing();
- this.context.addResizeHandler(this.handleSizing);
- }
- componentDidUpdate() {
- // TODO: need better solution when state contains non-sizing things
- this.handleSizing();
- }
- componentWillUnmount() {
- this.context.removeResizeHandler(this.handleSizing);
- }
- computeShrinkWidth() {
- return hasShrinkWidth(this.props.cols)
- ? computeShrinkWidth(this.scrollerElRefs.getAll())
- : 0;
- }
- computeScrollerDims() {
- let scrollbarWidth = getScrollbarWidths();
- let { scrollerRefs, scrollerElRefs } = this;
- let forceYScrollbars = false;
- let scrollerClientWidths = {};
- let scrollerClientHeights = {};
- for (let sectionKey in scrollerRefs.currentMap) {
- let scroller = scrollerRefs.currentMap[sectionKey];
- if (scroller && scroller.needsYScrolling()) {
- forceYScrollbars = true;
- break;
- }
- }
- for (let section of this.props.sections) {
- let sectionKey = section.key;
- let scrollerEl = scrollerElRefs.currentMap[sectionKey];
- if (scrollerEl) {
- let harnessEl = scrollerEl.parentNode; // TODO: weird way to get this. need harness b/c doesn't include table borders
- scrollerClientWidths[sectionKey] = Math.floor(harnessEl.getBoundingClientRect().width - (forceYScrollbars
- ? scrollbarWidth.y // use global because scroller might not have scrollbars yet but will need them in future
- : 0));
- scrollerClientHeights[sectionKey] = Math.floor(harnessEl.getBoundingClientRect().height);
- }
- }
- return { forceYScrollbars, scrollerClientWidths, scrollerClientHeights };
- }
- }
- SimpleScrollGrid.addStateEquality({
- scrollerClientWidths: isPropsEqual,
- scrollerClientHeights: isPropsEqual,
- });
- function getSectionByKey(sections, key) {
- for (let section of sections) {
- if (section.key === key) {
- return section;
- }
- }
- return null;
- }
- class EventContainer extends BaseComponent {
- constructor() {
- super(...arguments);
- this.handleEl = (el) => {
- this.el = el;
- if (el) {
- setElSeg(el, this.props.seg);
- }
- };
- }
- render() {
- const { props, context } = this;
- const { options } = context;
- const { seg } = props;
- const { eventRange } = seg;
- const { ui } = eventRange;
- const renderProps = {
- event: new EventImpl(context, eventRange.def, eventRange.instance),
- view: context.viewApi,
- timeText: props.timeText,
- textColor: ui.textColor,
- backgroundColor: ui.backgroundColor,
- borderColor: ui.borderColor,
- isDraggable: !props.disableDragging && computeSegDraggable(seg, context),
- isStartResizable: !props.disableResizing && computeSegStartResizable(seg, context),
- isEndResizable: !props.disableResizing && computeSegEndResizable(seg),
- isMirror: Boolean(props.isDragging || props.isResizing || props.isDateSelecting),
- isStart: Boolean(seg.isStart),
- isEnd: Boolean(seg.isEnd),
- isPast: Boolean(props.isPast),
- isFuture: Boolean(props.isFuture),
- isToday: Boolean(props.isToday),
- isSelected: Boolean(props.isSelected),
- isDragging: Boolean(props.isDragging),
- isResizing: Boolean(props.isResizing),
- };
- return (preact.createElement(ContentContainer, Object.assign({}, props /* contains children */, { elRef: this.handleEl, elClasses: [
- ...getEventClassNames(renderProps),
- ...seg.eventRange.ui.classNames,
- ...(props.elClasses || []),
- ], renderProps: renderProps, generatorName: "eventContent", customGenerator: options.eventContent, defaultGenerator: props.defaultGenerator, classNameGenerator: options.eventClassNames, didMount: options.eventDidMount, willUnmount: options.eventWillUnmount })));
- }
- componentDidUpdate(prevProps) {
- if (this.el && this.props.seg !== prevProps.seg) {
- setElSeg(this.el, this.props.seg);
- }
- }
- }
- // should not be a purecomponent
- class StandardEvent extends BaseComponent {
- render() {
- let { props, context } = this;
- let { options } = context;
- let { seg } = props;
- let { ui } = seg.eventRange;
- let timeFormat = options.eventTimeFormat || props.defaultTimeFormat;
- let timeText = buildSegTimeText(seg, timeFormat, context, props.defaultDisplayEventTime, props.defaultDisplayEventEnd);
- return (preact.createElement(EventContainer, Object.assign({}, props /* includes elRef */, { elTag: "a", elStyle: {
- borderColor: ui.borderColor,
- backgroundColor: ui.backgroundColor,
- }, elAttrs: getSegAnchorAttrs(seg, context), defaultGenerator: renderInnerContent$1, timeText: timeText }), (InnerContent, eventContentArg) => (preact.createElement(preact.Fragment, null,
- preact.createElement(InnerContent, { elTag: "div", elClasses: ['fc-event-main'], elStyle: { color: eventContentArg.textColor } }),
- Boolean(eventContentArg.isStartResizable) && (preact.createElement("div", { className: "fc-event-resizer fc-event-resizer-start" })),
- Boolean(eventContentArg.isEndResizable) && (preact.createElement("div", { className: "fc-event-resizer fc-event-resizer-end" }))))));
- }
- }
- function renderInnerContent$1(innerProps) {
- return (preact.createElement("div", { className: "fc-event-main-frame" },
- innerProps.timeText && (preact.createElement("div", { className: "fc-event-time" }, innerProps.timeText)),
- preact.createElement("div", { className: "fc-event-title-container" },
- preact.createElement("div", { className: "fc-event-title fc-sticky" }, innerProps.event.title || preact.createElement(preact.Fragment, null, "\u00A0")))));
- }
- const NowIndicatorContainer = (props) => (preact.createElement(ViewContextType.Consumer, null, (context) => {
- let { options } = context;
- let renderProps = {
- isAxis: props.isAxis,
- date: context.dateEnv.toDate(props.date),
- view: context.viewApi,
- };
- return (preact.createElement(ContentContainer, Object.assign({}, props /* includes children */, { elTag: props.elTag || 'div', renderProps: renderProps, generatorName: "nowIndicatorContent", customGenerator: options.nowIndicatorContent, classNameGenerator: options.nowIndicatorClassNames, didMount: options.nowIndicatorDidMount, willUnmount: options.nowIndicatorWillUnmount })));
- }));
- const DAY_NUM_FORMAT = createFormatter({ day: 'numeric' });
- class DayCellContainer extends BaseComponent {
- constructor() {
- super(...arguments);
- this.refineRenderProps = memoizeObjArg(refineRenderProps);
- }
- render() {
- let { props, context } = this;
- let { options } = context;
- let renderProps = this.refineRenderProps({
- date: props.date,
- dateProfile: props.dateProfile,
- todayRange: props.todayRange,
- isMonthStart: props.isMonthStart || false,
- showDayNumber: props.showDayNumber,
- extraRenderProps: props.extraRenderProps,
- viewApi: context.viewApi,
- dateEnv: context.dateEnv,
- monthStartFormat: options.monthStartFormat,
- });
- return (preact.createElement(ContentContainer, Object.assign({}, props /* includes children */, { elClasses: [
- ...getDayClassNames(renderProps, context.theme),
- ...(props.elClasses || []),
- ], elAttrs: Object.assign(Object.assign({}, props.elAttrs), (renderProps.isDisabled ? {} : { 'data-date': formatDayString(props.date) })), renderProps: renderProps, generatorName: "dayCellContent", customGenerator: options.dayCellContent, defaultGenerator: props.defaultGenerator, classNameGenerator:
- // don't use custom classNames if disabled
- renderProps.isDisabled ? undefined : options.dayCellClassNames, didMount: options.dayCellDidMount, willUnmount: options.dayCellWillUnmount })));
- }
- }
- function hasCustomDayCellContent(options) {
- return Boolean(options.dayCellContent || hasCustomRenderingHandler('dayCellContent', options));
- }
- function refineRenderProps(raw) {
- let { date, dateEnv, dateProfile, isMonthStart } = raw;
- let dayMeta = getDateMeta(date, raw.todayRange, null, dateProfile);
- let dayNumberText = raw.showDayNumber ? (dateEnv.format(date, isMonthStart ? raw.monthStartFormat : DAY_NUM_FORMAT)) : '';
- return Object.assign(Object.assign(Object.assign({ date: dateEnv.toDate(date), view: raw.viewApi }, dayMeta), { isMonthStart,
- dayNumberText }), raw.extraRenderProps);
- }
- class BgEvent extends BaseComponent {
- render() {
- let { props } = this;
- let { seg } = props;
- return (preact.createElement(EventContainer, { elTag: "div", elClasses: ['fc-bg-event'], elStyle: { backgroundColor: seg.eventRange.ui.backgroundColor }, defaultGenerator: renderInnerContent, seg: seg, timeText: "", isDragging: false, isResizing: false, isDateSelecting: false, isSelected: false, isPast: props.isPast, isFuture: props.isFuture, isToday: props.isToday, disableDragging: true, disableResizing: true }));
- }
- }
- function renderInnerContent(props) {
- let { title } = props.event;
- return title && (preact.createElement("div", { className: "fc-event-title" }, props.event.title));
- }
- function renderFill(fillType) {
- return (preact.createElement("div", { className: `fc-${fillType}` }));
- }
- const WeekNumberContainer = (props) => (preact.createElement(ViewContextType.Consumer, null, (context) => {
- let { dateEnv, options } = context;
- let { date } = props;
- let format = options.weekNumberFormat || props.defaultFormat;
- let num = dateEnv.computeWeekNumber(date); // TODO: somehow use for formatting as well?
- let text = dateEnv.format(date, format);
- let renderProps = { num, text, date };
- return (preact.createElement(ContentContainer // why isn't WeekNumberContentArg being auto-detected?
- , Object.assign({}, props /* includes children */, { renderProps: renderProps, generatorName: "weekNumberContent", customGenerator: options.weekNumberContent, defaultGenerator: renderInner, classNameGenerator: options.weekNumberClassNames, didMount: options.weekNumberDidMount, willUnmount: options.weekNumberWillUnmount })));
- }));
- function renderInner(innerProps) {
- return innerProps.text;
- }
- const PADDING_FROM_VIEWPORT = 10;
- class Popover extends BaseComponent {
- constructor() {
- super(...arguments);
- this.state = {
- titleId: getUniqueDomId(),
- };
- this.handleRootEl = (el) => {
- this.rootEl = el;
- if (this.props.elRef) {
- setRef(this.props.elRef, el);
- }
- };
- // Triggered when the user clicks *anywhere* in the document, for the autoHide feature
- this.handleDocumentMouseDown = (ev) => {
- // only hide the popover if the click happened outside the popover
- const target = getEventTargetViaRoot(ev);
- if (!this.rootEl.contains(target)) {
- this.handleCloseClick();
- }
- };
- this.handleDocumentKeyDown = (ev) => {
- if (ev.key === 'Escape') {
- this.handleCloseClick();
- }
- };
- this.handleCloseClick = () => {
- let { onClose } = this.props;
- if (onClose) {
- onClose();
- }
- };
- }
- render() {
- let { theme, options } = this.context;
- let { props, state } = this;
- let classNames = [
- 'fc-popover',
- theme.getClass('popover'),
- ].concat(props.extraClassNames || []);
- return compat.createPortal(preact.createElement("div", Object.assign({}, props.extraAttrs, { id: props.id, className: classNames.join(' '), "aria-labelledby": state.titleId, ref: this.handleRootEl }),
- preact.createElement("div", { className: 'fc-popover-header ' + theme.getClass('popoverHeader') },
- preact.createElement("span", { className: "fc-popover-title", id: state.titleId }, props.title),
- preact.createElement("span", { className: 'fc-popover-close ' + theme.getIconClass('close'), title: options.closeHint, onClick: this.handleCloseClick })),
- preact.createElement("div", { className: 'fc-popover-body ' + theme.getClass('popoverContent') }, props.children)), props.parentEl);
- }
- componentDidMount() {
- document.addEventListener('mousedown', this.handleDocumentMouseDown);
- document.addEventListener('keydown', this.handleDocumentKeyDown);
- this.updateSize();
- }
- componentWillUnmount() {
- document.removeEventListener('mousedown', this.handleDocumentMouseDown);
- document.removeEventListener('keydown', this.handleDocumentKeyDown);
- }
- updateSize() {
- let { isRtl } = this.context;
- let { alignmentEl, alignGridTop } = this.props;
- let { rootEl } = this;
- let alignmentRect = computeClippedClientRect(alignmentEl);
- if (alignmentRect) {
- let popoverDims = rootEl.getBoundingClientRect();
- // position relative to viewport
- let popoverTop = alignGridTop
- ? elementClosest(alignmentEl, '.fc-scrollgrid').getBoundingClientRect().top
- : alignmentRect.top;
- let popoverLeft = isRtl ? alignmentRect.right - popoverDims.width : alignmentRect.left;
- // constrain
- popoverTop = Math.max(popoverTop, PADDING_FROM_VIEWPORT);
- popoverLeft = Math.min(popoverLeft, document.documentElement.clientWidth - PADDING_FROM_VIEWPORT - popoverDims.width);
- popoverLeft = Math.max(popoverLeft, PADDING_FROM_VIEWPORT);
- let origin = rootEl.offsetParent.getBoundingClientRect();
- applyStyle(rootEl, {
- top: popoverTop - origin.top,
- left: popoverLeft - origin.left,
- });
- }
- }
- }
- class MorePopover extends DateComponent {
- constructor() {
- super(...arguments);
- this.handleRootEl = (rootEl) => {
- this.rootEl = rootEl;
- if (rootEl) {
- this.context.registerInteractiveComponent(this, {
- el: rootEl,
- useEventCenter: false,
- });
- }
- else {
- this.context.unregisterInteractiveComponent(this);
- }
- };
- }
- render() {
- let { options, dateEnv } = this.context;
- let { props } = this;
- let { startDate, todayRange, dateProfile } = props;
- let title = dateEnv.format(startDate, options.dayPopoverFormat);
- return (preact.createElement(DayCellContainer, { elRef: this.handleRootEl, date: startDate, dateProfile: dateProfile, todayRange: todayRange }, (InnerContent, renderProps, elAttrs) => (preact.createElement(Popover, { elRef: elAttrs.ref, id: props.id, title: title, extraClassNames: ['fc-more-popover'].concat(elAttrs.className || []), extraAttrs: elAttrs /* TODO: make these time-based when not whole-day? */, parentEl: props.parentEl, alignmentEl: props.alignmentEl, alignGridTop: props.alignGridTop, onClose: props.onClose },
- hasCustomDayCellContent(options) && (preact.createElement(InnerContent, { elTag: "div", elClasses: ['fc-more-popover-misc'] })),
- props.children))));
- }
- queryHit(positionLeft, positionTop, elWidth, elHeight) {
- let { rootEl, props } = this;
- if (positionLeft >= 0 && positionLeft < elWidth &&
- positionTop >= 0 && positionTop < elHeight) {
- return {
- dateProfile: props.dateProfile,
- dateSpan: Object.assign({ allDay: !props.forceTimed, range: {
- start: props.startDate,
- end: props.endDate,
- } }, props.extraDateSpan),
- dayEl: rootEl,
- rect: {
- left: 0,
- top: 0,
- right: elWidth,
- bottom: elHeight,
- },
- layer: 1, // important when comparing with hits from other components
- };
- }
- return null;
- }
- }
- class MoreLinkContainer extends BaseComponent {
- constructor() {
- super(...arguments);
- this.state = {
- isPopoverOpen: false,
- popoverId: getUniqueDomId(),
- };
- this.handleLinkEl = (linkEl) => {
- this.linkEl = linkEl;
- if (this.props.elRef) {
- setRef(this.props.elRef, linkEl);
- }
- };
- this.handleClick = (ev) => {
- let { props, context } = this;
- let { moreLinkClick } = context.options;
- let date = computeRange(props).start;
- function buildPublicSeg(seg) {
- let { def, instance, range } = seg.eventRange;
- return {
- event: new EventImpl(context, def, instance),
- start: context.dateEnv.toDate(range.start),
- end: context.dateEnv.toDate(range.end),
- isStart: seg.isStart,
- isEnd: seg.isEnd,
- };
- }
- if (typeof moreLinkClick === 'function') {
- moreLinkClick = moreLinkClick({
- date,
- allDay: Boolean(props.allDayDate),
- allSegs: props.allSegs.map(buildPublicSeg),
- hiddenSegs: props.hiddenSegs.map(buildPublicSeg),
- jsEvent: ev,
- view: context.viewApi,
- });
- }
- if (!moreLinkClick || moreLinkClick === 'popover') {
- this.setState({ isPopoverOpen: true });
- }
- else if (typeof moreLinkClick === 'string') { // a view name
- context.calendarApi.zoomTo(date, moreLinkClick);
- }
- };
- this.handlePopoverClose = () => {
- this.setState({ isPopoverOpen: false });
- };
- }
- render() {
- let { props, state } = this;
- return (preact.createElement(ViewContextType.Consumer, null, (context) => {
- let { viewApi, options, calendarApi } = context;
- let { moreLinkText } = options;
- let { moreCnt } = props;
- let range = computeRange(props);
- let text = typeof moreLinkText === 'function' // TODO: eventually use formatWithOrdinals
- ? moreLinkText.call(calendarApi, moreCnt)
- : `+${moreCnt} ${moreLinkText}`;
- let hint = formatWithOrdinals(options.moreLinkHint, [moreCnt], text);
- let renderProps = {
- num: moreCnt,
- shortText: `+${moreCnt}`,
- text,
- view: viewApi,
- };
- return (preact.createElement(preact.Fragment, null,
- Boolean(props.moreCnt) && (preact.createElement(ContentContainer, { elTag: props.elTag || 'a', elRef: this.handleLinkEl, elClasses: [
- ...(props.elClasses || []),
- 'fc-more-link',
- ], elStyle: props.elStyle, elAttrs: Object.assign(Object.assign(Object.assign({}, props.elAttrs), createAriaClickAttrs(this.handleClick)), { title: hint, 'aria-expanded': state.isPopoverOpen, 'aria-controls': state.isPopoverOpen ? state.popoverId : '' }), renderProps: renderProps, generatorName: "moreLinkContent", customGenerator: options.moreLinkContent, defaultGenerator: props.defaultGenerator || renderMoreLinkInner, classNameGenerator: options.moreLinkClassNames, didMount: options.moreLinkDidMount, willUnmount: options.moreLinkWillUnmount }, props.children)),
- state.isPopoverOpen && (preact.createElement(MorePopover, { id: state.popoverId, startDate: range.start, endDate: range.end, dateProfile: props.dateProfile, todayRange: props.todayRange, extraDateSpan: props.extraDateSpan, parentEl: this.parentEl, alignmentEl: props.alignmentElRef ?
- props.alignmentElRef.current :
- this.linkEl, alignGridTop: props.alignGridTop, forceTimed: props.forceTimed, onClose: this.handlePopoverClose }, props.popoverContent()))));
- }));
- }
- componentDidMount() {
- this.updateParentEl();
- }
- componentDidUpdate() {
- this.updateParentEl();
- }
- updateParentEl() {
- if (this.linkEl) {
- this.parentEl = elementClosest(this.linkEl, '.fc-view-harness');
- }
- }
- }
- function renderMoreLinkInner(props) {
- return props.text;
- }
- function computeRange(props) {
- if (props.allDayDate) {
- return {
- start: props.allDayDate,
- end: addDays(props.allDayDate, 1),
- };
- }
- let { hiddenSegs } = props;
- return {
- start: computeEarliestSegStart(hiddenSegs),
- end: computeLatestSegEnd(hiddenSegs),
- };
- }
- function computeEarliestSegStart(segs) {
- return segs.reduce(pickEarliestStart).eventRange.range.start;
- }
- function pickEarliestStart(seg0, seg1) {
- return seg0.eventRange.range.start < seg1.eventRange.range.start ? seg0 : seg1;
- }
- function computeLatestSegEnd(segs) {
- return segs.reduce(pickLatestEnd).eventRange.range.end;
- }
- function pickLatestEnd(seg0, seg1) {
- return seg0.eventRange.range.end > seg1.eventRange.range.end ? seg0 : seg1;
- }
- class Store {
- constructor() {
- this.handlers = [];
- }
- set(value) {
- this.currentValue = value;
- for (let handler of this.handlers) {
- handler(value);
- }
- }
- subscribe(handler) {
- this.handlers.push(handler);
- if (this.currentValue !== undefined) {
- handler(this.currentValue);
- }
- }
- }
- /*
- Subscribers will get a LIST of CustomRenderings
- */
- class CustomRenderingStore extends Store {
- constructor() {
- super(...arguments);
- this.map = new Map();
- }
- // for consistent order
- handle(customRendering) {
- const { map } = this;
- let updated = false;
- if (customRendering.isActive) {
- map.set(customRendering.id, customRendering);
- updated = true;
- }
- else if (map.has(customRendering.id)) {
- map.delete(customRendering.id);
- updated = true;
- }
- if (updated) {
- this.set(map);
- }
- }
- }
- exports.BASE_OPTION_DEFAULTS = BASE_OPTION_DEFAULTS;
- exports.BASE_OPTION_REFINERS = BASE_OPTION_REFINERS;
- exports.BaseComponent = BaseComponent;
- exports.BgEvent = BgEvent;
- exports.CALENDAR_LISTENER_REFINERS = CALENDAR_LISTENER_REFINERS;
- exports.CALENDAR_OPTION_REFINERS = CALENDAR_OPTION_REFINERS;
- exports.COMPLEX_OPTION_COMPARATORS = COMPLEX_OPTION_COMPARATORS;
- exports.CalendarImpl = CalendarImpl;
- exports.CalendarRoot = CalendarRoot;
- exports.ContentContainer = ContentContainer;
- exports.CustomRenderingStore = CustomRenderingStore;
- exports.DateComponent = DateComponent;
- exports.DateEnv = DateEnv;
- exports.DateProfileGenerator = DateProfileGenerator;
- exports.DayCellContainer = DayCellContainer;
- exports.DayHeader = DayHeader;
- exports.DaySeriesModel = DaySeriesModel;
- exports.DayTableModel = DayTableModel;
- exports.DelayedRunner = DelayedRunner;
- exports.ElementDragging = ElementDragging;
- exports.ElementScrollController = ElementScrollController;
- exports.Emitter = Emitter;
- exports.EventContainer = EventContainer;
- exports.EventImpl = EventImpl;
- exports.Interaction = Interaction;
- exports.JsonRequestError = JsonRequestError;
- exports.MoreLinkContainer = MoreLinkContainer;
- exports.NamedTimeZoneImpl = NamedTimeZoneImpl;
- exports.NowIndicatorContainer = NowIndicatorContainer;
- exports.NowTimer = NowTimer;
- exports.PositionCache = PositionCache;
- exports.PureComponent = PureComponent;
- exports.RefMap = RefMap;
- exports.RenderId = RenderId;
- exports.ScrollController = ScrollController;
- exports.ScrollResponder = ScrollResponder;
- exports.Scroller = Scroller;
- exports.SegHierarchy = SegHierarchy;
- exports.SimpleScrollGrid = SimpleScrollGrid;
- exports.Slicer = Slicer;
- exports.Splitter = Splitter;
- exports.StandardEvent = StandardEvent;
- exports.TableDateCell = TableDateCell;
- exports.TableDowCell = TableDowCell;
- exports.Theme = Theme;
- exports.VIEW_OPTION_REFINERS = VIEW_OPTION_REFINERS;
- exports.ViewContainer = ViewContainer;
- exports.ViewContextType = ViewContextType;
- exports.WeekNumberContainer = WeekNumberContainer;
- exports.WindowScrollController = WindowScrollController;
- exports.addDays = addDays;
- exports.addDurations = addDurations;
- exports.addMs = addMs;
- exports.addWeeks = addWeeks;
- exports.allowContextMenu = allowContextMenu;
- exports.allowSelection = allowSelection;
- exports.applyMutationToEventStore = applyMutationToEventStore;
- exports.applyStyle = applyStyle;
- exports.applyStyleProp = applyStyleProp;
- exports.arrayToHash = arrayToHash;
- exports.asCleanDays = asCleanDays;
- exports.asRoughMinutes = asRoughMinutes;
- exports.asRoughMs = asRoughMs;
- exports.asRoughSeconds = asRoughSeconds;
- exports.binarySearch = binarySearch;
- exports.buildElAttrs = buildElAttrs;
- exports.buildEntryKey = buildEntryKey;
- exports.buildEventApis = buildEventApis;
- exports.buildEventRangeKey = buildEventRangeKey;
- exports.buildEventSourceRefiners = buildEventSourceRefiners;
- exports.buildIsoString = buildIsoString;
- exports.buildNavLinkAttrs = buildNavLinkAttrs;
- exports.buildRangeApiWithTimeZone = buildRangeApiWithTimeZone;
- exports.buildSegTimeText = buildSegTimeText;
- exports.buildViewClassNames = buildViewClassNames;
- exports.buildViewContext = buildViewContext;
- exports.collectFromHash = collectFromHash;
- exports.combineEventUis = combineEventUis;
- exports.compareByFieldSpecs = compareByFieldSpecs;
- exports.compareNumbers = compareNumbers;
- exports.compareObjs = compareObjs;
- exports.computeEarliestSegStart = computeEarliestSegStart;
- exports.computeEdges = computeEdges;
- exports.computeFallbackHeaderFormat = computeFallbackHeaderFormat;
- exports.computeInnerRect = computeInnerRect;
- exports.computeRect = computeRect;
- exports.computeShrinkWidth = computeShrinkWidth;
- exports.computeVisibleDayRange = computeVisibleDayRange;
- exports.config = config;
- exports.constrainPoint = constrainPoint;
- exports.createContext = createContext;
- exports.createDuration = createDuration;
- exports.createEmptyEventStore = createEmptyEventStore;
- exports.createEventInstance = createEventInstance;
- exports.createEventUi = createEventUi;
- exports.createFormatter = createFormatter;
- exports.diffDates = diffDates;
- exports.diffDayAndTime = diffDayAndTime;
- exports.diffDays = diffDays;
- exports.diffPoints = diffPoints;
- exports.diffWeeks = diffWeeks;
- exports.diffWholeDays = diffWholeDays;
- exports.diffWholeWeeks = diffWholeWeeks;
- exports.disableCursor = disableCursor;
- exports.elementClosest = elementClosest;
- exports.elementMatches = elementMatches;
- exports.enableCursor = enableCursor;
- exports.ensureElHasStyles = ensureElHasStyles;
- exports.eventTupleToStore = eventTupleToStore;
- exports.filterHash = filterHash;
- exports.findDirectChildren = findDirectChildren;
- exports.findElements = findElements;
- exports.flexibleCompare = flexibleCompare;
- exports.flushSync = flushSync;
- exports.formatDayString = formatDayString;
- exports.formatIsoMonthStr = formatIsoMonthStr;
- exports.formatIsoTimeString = formatIsoTimeString;
- exports.formatWithOrdinals = formatWithOrdinals;
- exports.getAllowYScrolling = getAllowYScrolling;
- exports.getCanVGrowWithinCell = getCanVGrowWithinCell;
- exports.getClippingParents = getClippingParents;
- exports.getDateMeta = getDateMeta;
- exports.getDayClassNames = getDayClassNames;
- exports.getDefaultEventEnd = getDefaultEventEnd;
- exports.getElSeg = getElSeg;
- exports.getEntrySpanEnd = getEntrySpanEnd;
- exports.getEventTargetViaRoot = getEventTargetViaRoot;
- exports.getInitialDate = getInitialDate;
- exports.getIsRtlScrollbarOnLeft = getIsRtlScrollbarOnLeft;
- exports.getNow = getNow;
- exports.getRectCenter = getRectCenter;
- exports.getRelevantEvents = getRelevantEvents;
- exports.getScrollGridClassNames = getScrollGridClassNames;
- exports.getScrollbarWidths = getScrollbarWidths;
- exports.getSectionClassNames = getSectionClassNames;
- exports.getSectionHasLiquidHeight = getSectionHasLiquidHeight;
- exports.getSegAnchorAttrs = getSegAnchorAttrs;
- exports.getSegMeta = getSegMeta;
- exports.getSlotClassNames = getSlotClassNames;
- exports.getStickyFooterScrollbar = getStickyFooterScrollbar;
- exports.getStickyHeaderDates = getStickyHeaderDates;
- exports.getUniqueDomId = getUniqueDomId;
- exports.greatestDurationDenominator = greatestDurationDenominator;
- exports.groupIntersectingEntries = groupIntersectingEntries;
- exports.guid = guid;
- exports.hasBgRendering = hasBgRendering;
- exports.hasCustomDayCellContent = hasCustomDayCellContent;
- exports.hasShrinkWidth = hasShrinkWidth;
- exports.hashValuesToArray = hashValuesToArray;
- exports.identity = identity;
- exports.injectStyles = injectStyles;
- exports.interactionSettingsStore = interactionSettingsStore;
- exports.interactionSettingsToStore = interactionSettingsToStore;
- exports.intersectRanges = intersectRanges;
- exports.intersectRects = intersectRects;
- exports.intersectSpans = intersectSpans;
- exports.isArraysEqual = isArraysEqual;
- exports.isColPropsEqual = isColPropsEqual;
- exports.isDateSelectionValid = isDateSelectionValid;
- exports.isDateSpansEqual = isDateSpansEqual;
- exports.isInt = isInt;
- exports.isInteractionValid = isInteractionValid;
- exports.isMultiDayRange = isMultiDayRange;
- exports.isPropsEqual = isPropsEqual;
- exports.isPropsValid = isPropsValid;
- exports.isValidDate = isValidDate;
- exports.listenBySelector = listenBySelector;
- exports.listenToHoverBySelector = listenToHoverBySelector;
- exports.mapHash = mapHash;
- exports.memoize = memoize;
- exports.memoizeArraylike = memoizeArraylike;
- exports.memoizeHashlike = memoizeHashlike;
- exports.memoizeObjArg = memoizeObjArg;
- exports.mergeEventStores = mergeEventStores;
- exports.mergeProps = mergeProps;
- exports.mergeRawOptions = mergeRawOptions;
- exports.multiplyDuration = multiplyDuration;
- exports.padStart = padStart;
- exports.parse = parse;
- exports.parseBusinessHours = parseBusinessHours;
- exports.parseClassNames = parseClassNames;
- exports.parseDragMeta = parseDragMeta;
- exports.parseEventDef = parseEventDef;
- exports.parseEventSource = parseEventSource;
- exports.parseFieldSpecs = parseFieldSpecs;
- exports.parseInteractionSettings = parseInteractionSettings;
- exports.pointInsideRect = pointInsideRect;
- exports.preventContextMenu = preventContextMenu;
- exports.preventDefault = preventDefault;
- exports.preventSelection = preventSelection;
- exports.rangeContainsMarker = rangeContainsMarker;
- exports.rangeContainsRange = rangeContainsRange;
- exports.rangesEqual = rangesEqual;
- exports.rangesIntersect = rangesIntersect;
- exports.reduceCurrentDate = reduceCurrentDate;
- exports.reduceEventStore = reduceEventStore;
- exports.refineEventDef = refineEventDef;
- exports.refineProps = refineProps;
- exports.removeElement = removeElement;
- exports.removeExact = removeExact;
- exports.renderChunkContent = renderChunkContent;
- exports.renderFill = renderFill;
- exports.renderMicroColGroup = renderMicroColGroup;
- exports.renderScrollShim = renderScrollShim;
- exports.requestJson = requestJson;
- exports.rezoneEventStoreDates = rezoneEventStoreDates;
- exports.sanitizeShrinkWidth = sanitizeShrinkWidth;
- exports.setRef = setRef;
- exports.sliceEventStore = sliceEventStore;
- exports.sortEventSegs = sortEventSegs;
- exports.startOfDay = startOfDay;
- exports.subtractDurations = subtractDurations;
- exports.translateRect = translateRect;
- exports.triggerDateSelect = triggerDateSelect;
- exports.unpromisify = unpromisify;
- exports.whenTransitionDone = whenTransitionDone;
- exports.wholeDivideDurations = wholeDivideDurations;
|