internal-common.cjs 295 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724
  1. 'use strict';
  2. var preact = require('preact');
  3. var compat = require('preact/compat');
  4. function _interopNamespace(e) {
  5. if (e && e.__esModule) return e;
  6. var n = Object.create(null);
  7. if (e) {
  8. Object.keys(e).forEach(function (k) {
  9. if (k !== 'default') {
  10. var d = Object.getOwnPropertyDescriptor(e, k);
  11. Object.defineProperty(n, k, d.get ? d : {
  12. enumerable: true,
  13. get: function () { return e[k]; }
  14. });
  15. }
  16. });
  17. }
  18. n["default"] = e;
  19. return Object.freeze(n);
  20. }
  21. var preact__namespace = /*#__PURE__*/_interopNamespace(preact);
  22. const styleTexts = [];
  23. const styleEls = new Map();
  24. function injectStyles(styleText) {
  25. styleTexts.push(styleText);
  26. styleEls.forEach((styleEl) => {
  27. appendStylesTo(styleEl, styleText);
  28. });
  29. }
  30. function ensureElHasStyles(el) {
  31. if (el.isConnected && // sometimes true if SSR system simulates DOM
  32. el.getRootNode // sometimes undefined if SSR system simulates DOM
  33. ) {
  34. registerStylesRoot(el.getRootNode());
  35. }
  36. }
  37. function registerStylesRoot(rootNode) {
  38. let styleEl = styleEls.get(rootNode);
  39. if (!styleEl || !styleEl.isConnected) {
  40. styleEl = rootNode.querySelector('style[data-fullcalendar]');
  41. if (!styleEl) {
  42. styleEl = document.createElement('style');
  43. styleEl.setAttribute('data-fullcalendar', '');
  44. const nonce = getNonceValue();
  45. if (nonce) {
  46. styleEl.nonce = nonce;
  47. }
  48. const parentEl = rootNode === document ? document.head : rootNode;
  49. const insertBefore = rootNode === document
  50. ? parentEl.querySelector('script,link[rel=stylesheet],link[as=style],style')
  51. : parentEl.firstChild;
  52. parentEl.insertBefore(styleEl, insertBefore);
  53. }
  54. styleEls.set(rootNode, styleEl);
  55. hydrateStylesRoot(styleEl);
  56. }
  57. }
  58. function hydrateStylesRoot(styleEl) {
  59. for (const styleText of styleTexts) {
  60. appendStylesTo(styleEl, styleText);
  61. }
  62. }
  63. function appendStylesTo(styleEl, styleText) {
  64. const { sheet } = styleEl;
  65. const ruleCnt = sheet.cssRules.length;
  66. styleText.split('}').forEach((styleStr, i) => {
  67. styleStr = styleStr.trim();
  68. if (styleStr) {
  69. sheet.insertRule(styleStr + '}', ruleCnt + i);
  70. }
  71. });
  72. }
  73. // nonce
  74. // -------------------------------------------------------------------------------------------------
  75. let queriedNonceValue;
  76. function getNonceValue() {
  77. if (queriedNonceValue === undefined) {
  78. queriedNonceValue = queryNonceValue();
  79. }
  80. return queriedNonceValue;
  81. }
  82. /*
  83. TODO: discourage meta tag and instead put nonce attribute on placeholder <style> tag
  84. */
  85. function queryNonceValue() {
  86. const metaWithNonce = document.querySelector('meta[name="csp-nonce"]');
  87. if (metaWithNonce && metaWithNonce.hasAttribute('content')) {
  88. return metaWithNonce.getAttribute('content');
  89. }
  90. const elWithNonce = document.querySelector('script[nonce]');
  91. if (elWithNonce) {
  92. return elWithNonce.nonce || '';
  93. }
  94. return '';
  95. }
  96. // main
  97. // -------------------------------------------------------------------------------------------------
  98. if (typeof document !== 'undefined') {
  99. registerStylesRoot(document);
  100. }
  101. 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)}";
  102. injectStyles(css_248z);
  103. class DelayedRunner {
  104. constructor(drainedOption) {
  105. this.drainedOption = drainedOption;
  106. this.isRunning = false;
  107. this.isDirty = false;
  108. this.pauseDepths = {};
  109. this.timeoutId = 0;
  110. }
  111. request(delay) {
  112. this.isDirty = true;
  113. if (!this.isPaused()) {
  114. this.clearTimeout();
  115. if (delay == null) {
  116. this.tryDrain();
  117. }
  118. else {
  119. this.timeoutId = setTimeout(// NOT OPTIMAL! TODO: look at debounce
  120. this.tryDrain.bind(this), delay);
  121. }
  122. }
  123. }
  124. pause(scope = '') {
  125. let { pauseDepths } = this;
  126. pauseDepths[scope] = (pauseDepths[scope] || 0) + 1;
  127. this.clearTimeout();
  128. }
  129. resume(scope = '', force) {
  130. let { pauseDepths } = this;
  131. if (scope in pauseDepths) {
  132. if (force) {
  133. delete pauseDepths[scope];
  134. }
  135. else {
  136. pauseDepths[scope] -= 1;
  137. let depth = pauseDepths[scope];
  138. if (depth <= 0) {
  139. delete pauseDepths[scope];
  140. }
  141. }
  142. this.tryDrain();
  143. }
  144. }
  145. isPaused() {
  146. return Object.keys(this.pauseDepths).length;
  147. }
  148. tryDrain() {
  149. if (!this.isRunning && !this.isPaused()) {
  150. this.isRunning = true;
  151. while (this.isDirty) {
  152. this.isDirty = false;
  153. this.drained(); // might set isDirty to true again
  154. }
  155. this.isRunning = false;
  156. }
  157. }
  158. clear() {
  159. this.clearTimeout();
  160. this.isDirty = false;
  161. this.pauseDepths = {};
  162. }
  163. clearTimeout() {
  164. if (this.timeoutId) {
  165. clearTimeout(this.timeoutId);
  166. this.timeoutId = 0;
  167. }
  168. }
  169. drained() {
  170. if (this.drainedOption) {
  171. this.drainedOption();
  172. }
  173. }
  174. }
  175. function removeElement(el) {
  176. if (el.parentNode) {
  177. el.parentNode.removeChild(el);
  178. }
  179. }
  180. // Querying
  181. // ----------------------------------------------------------------------------------------------------------------
  182. function elementClosest(el, selector) {
  183. if (el.closest) {
  184. return el.closest(selector);
  185. // really bad fallback for IE
  186. // from https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
  187. }
  188. if (!document.documentElement.contains(el)) {
  189. return null;
  190. }
  191. do {
  192. if (elementMatches(el, selector)) {
  193. return el;
  194. }
  195. el = (el.parentElement || el.parentNode);
  196. } while (el !== null && el.nodeType === 1);
  197. return null;
  198. }
  199. function elementMatches(el, selector) {
  200. let method = el.matches || el.matchesSelector || el.msMatchesSelector;
  201. return method.call(el, selector);
  202. }
  203. // accepts multiple subject els
  204. // returns a real array. good for methods like forEach
  205. // TODO: accept the document
  206. function findElements(container, selector) {
  207. let containers = container instanceof HTMLElement ? [container] : container;
  208. let allMatches = [];
  209. for (let i = 0; i < containers.length; i += 1) {
  210. let matches = containers[i].querySelectorAll(selector);
  211. for (let j = 0; j < matches.length; j += 1) {
  212. allMatches.push(matches[j]);
  213. }
  214. }
  215. return allMatches;
  216. }
  217. // accepts multiple subject els
  218. // only queries direct child elements // TODO: rename to findDirectChildren!
  219. function findDirectChildren(parent, selector) {
  220. let parents = parent instanceof HTMLElement ? [parent] : parent;
  221. let allMatches = [];
  222. for (let i = 0; i < parents.length; i += 1) {
  223. let childNodes = parents[i].children; // only ever elements
  224. for (let j = 0; j < childNodes.length; j += 1) {
  225. let childNode = childNodes[j];
  226. if (!selector || elementMatches(childNode, selector)) {
  227. allMatches.push(childNode);
  228. }
  229. }
  230. }
  231. return allMatches;
  232. }
  233. // Style
  234. // ----------------------------------------------------------------------------------------------------------------
  235. const PIXEL_PROP_RE = /(top|left|right|bottom|width|height)$/i;
  236. function applyStyle(el, props) {
  237. for (let propName in props) {
  238. applyStyleProp(el, propName, props[propName]);
  239. }
  240. }
  241. function applyStyleProp(el, name, val) {
  242. if (val == null) {
  243. el.style[name] = '';
  244. }
  245. else if (typeof val === 'number' && PIXEL_PROP_RE.test(name)) {
  246. el.style[name] = `${val}px`;
  247. }
  248. else {
  249. el.style[name] = val;
  250. }
  251. }
  252. // Event Handling
  253. // ----------------------------------------------------------------------------------------------------------------
  254. // if intercepting bubbled events at the document/window/body level,
  255. // and want to see originating element (the 'target'), use this util instead
  256. // of `ev.target` because it goes within web-component boundaries.
  257. function getEventTargetViaRoot(ev) {
  258. var _a, _b;
  259. return (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)[0]) !== null && _b !== void 0 ? _b : ev.target;
  260. }
  261. // Unique ID for DOM attribute
  262. let guid$1 = 0;
  263. function getUniqueDomId() {
  264. guid$1 += 1;
  265. return 'fc-dom-' + guid$1;
  266. }
  267. // Stops a mouse/touch event from doing it's native browser action
  268. function preventDefault(ev) {
  269. ev.preventDefault();
  270. }
  271. // Event Delegation
  272. // ----------------------------------------------------------------------------------------------------------------
  273. function buildDelegationHandler(selector, handler) {
  274. return (ev) => {
  275. let matchedChild = elementClosest(ev.target, selector);
  276. if (matchedChild) {
  277. handler.call(matchedChild, ev, matchedChild);
  278. }
  279. };
  280. }
  281. function listenBySelector(container, eventType, selector, handler) {
  282. let attachedHandler = buildDelegationHandler(selector, handler);
  283. container.addEventListener(eventType, attachedHandler);
  284. return () => {
  285. container.removeEventListener(eventType, attachedHandler);
  286. };
  287. }
  288. function listenToHoverBySelector(container, selector, onMouseEnter, onMouseLeave) {
  289. let currentMatchedChild;
  290. return listenBySelector(container, 'mouseover', selector, (mouseOverEv, matchedChild) => {
  291. if (matchedChild !== currentMatchedChild) {
  292. currentMatchedChild = matchedChild;
  293. onMouseEnter(mouseOverEv, matchedChild);
  294. let realOnMouseLeave = (mouseLeaveEv) => {
  295. currentMatchedChild = null;
  296. onMouseLeave(mouseLeaveEv, matchedChild);
  297. matchedChild.removeEventListener('mouseleave', realOnMouseLeave);
  298. };
  299. // listen to the next mouseleave, and then unattach
  300. matchedChild.addEventListener('mouseleave', realOnMouseLeave);
  301. }
  302. });
  303. }
  304. // Animation
  305. // ----------------------------------------------------------------------------------------------------------------
  306. const transitionEventNames = [
  307. 'webkitTransitionEnd',
  308. 'otransitionend',
  309. 'oTransitionEnd',
  310. 'msTransitionEnd',
  311. 'transitionend',
  312. ];
  313. // triggered only when the next single subsequent transition finishes
  314. function whenTransitionDone(el, callback) {
  315. let realCallback = (ev) => {
  316. callback(ev);
  317. transitionEventNames.forEach((eventName) => {
  318. el.removeEventListener(eventName, realCallback);
  319. });
  320. };
  321. transitionEventNames.forEach((eventName) => {
  322. el.addEventListener(eventName, realCallback); // cross-browser way to determine when the transition finishes
  323. });
  324. }
  325. // ARIA workarounds
  326. // ----------------------------------------------------------------------------------------------------------------
  327. function createAriaClickAttrs(handler) {
  328. return Object.assign({ onClick: handler }, createAriaKeyboardAttrs(handler));
  329. }
  330. function createAriaKeyboardAttrs(handler) {
  331. return {
  332. tabIndex: 0,
  333. onKeyDown(ev) {
  334. if (ev.key === 'Enter' || ev.key === ' ') {
  335. handler(ev);
  336. ev.preventDefault(); // if space, don't scroll down page
  337. }
  338. },
  339. };
  340. }
  341. let guidNumber = 0;
  342. function guid() {
  343. guidNumber += 1;
  344. return String(guidNumber);
  345. }
  346. /* FullCalendar-specific DOM Utilities
  347. ----------------------------------------------------------------------------------------------------------------------*/
  348. // Make the mouse cursor express that an event is not allowed in the current area
  349. function disableCursor() {
  350. document.body.classList.add('fc-not-allowed');
  351. }
  352. // Returns the mouse cursor to its original look
  353. function enableCursor() {
  354. document.body.classList.remove('fc-not-allowed');
  355. }
  356. /* Selection
  357. ----------------------------------------------------------------------------------------------------------------------*/
  358. function preventSelection(el) {
  359. el.style.userSelect = 'none';
  360. el.style.webkitUserSelect = 'none';
  361. el.addEventListener('selectstart', preventDefault);
  362. }
  363. function allowSelection(el) {
  364. el.style.userSelect = '';
  365. el.style.webkitUserSelect = '';
  366. el.removeEventListener('selectstart', preventDefault);
  367. }
  368. /* Context Menu
  369. ----------------------------------------------------------------------------------------------------------------------*/
  370. function preventContextMenu(el) {
  371. el.addEventListener('contextmenu', preventDefault);
  372. }
  373. function allowContextMenu(el) {
  374. el.removeEventListener('contextmenu', preventDefault);
  375. }
  376. function parseFieldSpecs(input) {
  377. let specs = [];
  378. let tokens = [];
  379. let i;
  380. let token;
  381. if (typeof input === 'string') {
  382. tokens = input.split(/\s*,\s*/);
  383. }
  384. else if (typeof input === 'function') {
  385. tokens = [input];
  386. }
  387. else if (Array.isArray(input)) {
  388. tokens = input;
  389. }
  390. for (i = 0; i < tokens.length; i += 1) {
  391. token = tokens[i];
  392. if (typeof token === 'string') {
  393. specs.push(token.charAt(0) === '-' ?
  394. { field: token.substring(1), order: -1 } :
  395. { field: token, order: 1 });
  396. }
  397. else if (typeof token === 'function') {
  398. specs.push({ func: token });
  399. }
  400. }
  401. return specs;
  402. }
  403. function compareByFieldSpecs(obj0, obj1, fieldSpecs) {
  404. let i;
  405. let cmp;
  406. for (i = 0; i < fieldSpecs.length; i += 1) {
  407. cmp = compareByFieldSpec(obj0, obj1, fieldSpecs[i]);
  408. if (cmp) {
  409. return cmp;
  410. }
  411. }
  412. return 0;
  413. }
  414. function compareByFieldSpec(obj0, obj1, fieldSpec) {
  415. if (fieldSpec.func) {
  416. return fieldSpec.func(obj0, obj1);
  417. }
  418. return flexibleCompare(obj0[fieldSpec.field], obj1[fieldSpec.field])
  419. * (fieldSpec.order || 1);
  420. }
  421. function flexibleCompare(a, b) {
  422. if (!a && !b) {
  423. return 0;
  424. }
  425. if (b == null) {
  426. return -1;
  427. }
  428. if (a == null) {
  429. return 1;
  430. }
  431. if (typeof a === 'string' || typeof b === 'string') {
  432. return String(a).localeCompare(String(b));
  433. }
  434. return a - b;
  435. }
  436. /* String Utilities
  437. ----------------------------------------------------------------------------------------------------------------------*/
  438. function padStart(val, len) {
  439. let s = String(val);
  440. return '000'.substr(0, len - s.length) + s;
  441. }
  442. function formatWithOrdinals(formatter, args, fallbackText) {
  443. if (typeof formatter === 'function') {
  444. return formatter(...args);
  445. }
  446. if (typeof formatter === 'string') { // non-blank string
  447. return args.reduce((str, arg, index) => (str.replace('$' + index, arg || '')), formatter);
  448. }
  449. return fallbackText;
  450. }
  451. /* Number Utilities
  452. ----------------------------------------------------------------------------------------------------------------------*/
  453. function compareNumbers(a, b) {
  454. return a - b;
  455. }
  456. function isInt(n) {
  457. return n % 1 === 0;
  458. }
  459. /* FC-specific DOM dimension stuff
  460. ----------------------------------------------------------------------------------------------------------------------*/
  461. function computeSmallestCellWidth(cellEl) {
  462. let allWidthEl = cellEl.querySelector('.fc-scrollgrid-shrink-frame');
  463. let contentWidthEl = cellEl.querySelector('.fc-scrollgrid-shrink-cushion');
  464. if (!allWidthEl) {
  465. throw new Error('needs fc-scrollgrid-shrink-frame className'); // TODO: use const
  466. }
  467. if (!contentWidthEl) {
  468. throw new Error('needs fc-scrollgrid-shrink-cushion className');
  469. }
  470. return cellEl.getBoundingClientRect().width - allWidthEl.getBoundingClientRect().width + // the cell padding+border
  471. contentWidthEl.getBoundingClientRect().width;
  472. }
  473. const INTERNAL_UNITS = ['years', 'months', 'days', 'milliseconds'];
  474. const PARSE_RE = /^(-?)(?:(\d+)\.)?(\d+):(\d\d)(?::(\d\d)(?:\.(\d\d\d))?)?/;
  475. // Parsing and Creation
  476. function createDuration(input, unit) {
  477. if (typeof input === 'string') {
  478. return parseString(input);
  479. }
  480. if (typeof input === 'object' && input) { // non-null object
  481. return parseObject(input);
  482. }
  483. if (typeof input === 'number') {
  484. return parseObject({ [unit || 'milliseconds']: input });
  485. }
  486. return null;
  487. }
  488. function parseString(s) {
  489. let m = PARSE_RE.exec(s);
  490. if (m) {
  491. let sign = m[1] ? -1 : 1;
  492. return {
  493. years: 0,
  494. months: 0,
  495. days: sign * (m[2] ? parseInt(m[2], 10) : 0),
  496. milliseconds: sign * ((m[3] ? parseInt(m[3], 10) : 0) * 60 * 60 * 1000 + // hours
  497. (m[4] ? parseInt(m[4], 10) : 0) * 60 * 1000 + // minutes
  498. (m[5] ? parseInt(m[5], 10) : 0) * 1000 + // seconds
  499. (m[6] ? parseInt(m[6], 10) : 0) // ms
  500. ),
  501. };
  502. }
  503. return null;
  504. }
  505. function parseObject(obj) {
  506. let duration = {
  507. years: obj.years || obj.year || 0,
  508. months: obj.months || obj.month || 0,
  509. days: obj.days || obj.day || 0,
  510. milliseconds: (obj.hours || obj.hour || 0) * 60 * 60 * 1000 + // hours
  511. (obj.minutes || obj.minute || 0) * 60 * 1000 + // minutes
  512. (obj.seconds || obj.second || 0) * 1000 + // seconds
  513. (obj.milliseconds || obj.millisecond || obj.ms || 0), // ms
  514. };
  515. let weeks = obj.weeks || obj.week;
  516. if (weeks) {
  517. duration.days += weeks * 7;
  518. duration.specifiedWeeks = true;
  519. }
  520. return duration;
  521. }
  522. // Equality
  523. function durationsEqual(d0, d1) {
  524. return d0.years === d1.years &&
  525. d0.months === d1.months &&
  526. d0.days === d1.days &&
  527. d0.milliseconds === d1.milliseconds;
  528. }
  529. function asCleanDays(dur) {
  530. if (!dur.years && !dur.months && !dur.milliseconds) {
  531. return dur.days;
  532. }
  533. return 0;
  534. }
  535. // Simple Math
  536. function addDurations(d0, d1) {
  537. return {
  538. years: d0.years + d1.years,
  539. months: d0.months + d1.months,
  540. days: d0.days + d1.days,
  541. milliseconds: d0.milliseconds + d1.milliseconds,
  542. };
  543. }
  544. function subtractDurations(d1, d0) {
  545. return {
  546. years: d1.years - d0.years,
  547. months: d1.months - d0.months,
  548. days: d1.days - d0.days,
  549. milliseconds: d1.milliseconds - d0.milliseconds,
  550. };
  551. }
  552. function multiplyDuration(d, n) {
  553. return {
  554. years: d.years * n,
  555. months: d.months * n,
  556. days: d.days * n,
  557. milliseconds: d.milliseconds * n,
  558. };
  559. }
  560. // Conversions
  561. // "Rough" because they are based on average-case Gregorian months/years
  562. function asRoughYears(dur) {
  563. return asRoughDays(dur) / 365;
  564. }
  565. function asRoughMonths(dur) {
  566. return asRoughDays(dur) / 30;
  567. }
  568. function asRoughDays(dur) {
  569. return asRoughMs(dur) / 864e5;
  570. }
  571. function asRoughMinutes(dur) {
  572. return asRoughMs(dur) / (1000 * 60);
  573. }
  574. function asRoughSeconds(dur) {
  575. return asRoughMs(dur) / 1000;
  576. }
  577. function asRoughMs(dur) {
  578. return dur.years * (365 * 864e5) +
  579. dur.months * (30 * 864e5) +
  580. dur.days * 864e5 +
  581. dur.milliseconds;
  582. }
  583. // Advanced Math
  584. function wholeDivideDurations(numerator, denominator) {
  585. let res = null;
  586. for (let i = 0; i < INTERNAL_UNITS.length; i += 1) {
  587. let unit = INTERNAL_UNITS[i];
  588. if (denominator[unit]) {
  589. let localRes = numerator[unit] / denominator[unit];
  590. if (!isInt(localRes) || (res !== null && res !== localRes)) {
  591. return null;
  592. }
  593. res = localRes;
  594. }
  595. else if (numerator[unit]) {
  596. // needs to divide by something but can't!
  597. return null;
  598. }
  599. }
  600. return res;
  601. }
  602. function greatestDurationDenominator(dur) {
  603. let ms = dur.milliseconds;
  604. if (ms) {
  605. if (ms % 1000 !== 0) {
  606. return { unit: 'millisecond', value: ms };
  607. }
  608. if (ms % (1000 * 60) !== 0) {
  609. return { unit: 'second', value: ms / 1000 };
  610. }
  611. if (ms % (1000 * 60 * 60) !== 0) {
  612. return { unit: 'minute', value: ms / (1000 * 60) };
  613. }
  614. if (ms) {
  615. return { unit: 'hour', value: ms / (1000 * 60 * 60) };
  616. }
  617. }
  618. if (dur.days) {
  619. if (dur.specifiedWeeks && dur.days % 7 === 0) {
  620. return { unit: 'week', value: dur.days / 7 };
  621. }
  622. return { unit: 'day', value: dur.days };
  623. }
  624. if (dur.months) {
  625. return { unit: 'month', value: dur.months };
  626. }
  627. if (dur.years) {
  628. return { unit: 'year', value: dur.years };
  629. }
  630. return { unit: 'millisecond', value: 0 };
  631. }
  632. // TODO: new util arrayify?
  633. function removeExact(array, exactVal) {
  634. let removeCnt = 0;
  635. let i = 0;
  636. while (i < array.length) {
  637. if (array[i] === exactVal) {
  638. array.splice(i, 1);
  639. removeCnt += 1;
  640. }
  641. else {
  642. i += 1;
  643. }
  644. }
  645. return removeCnt;
  646. }
  647. function isArraysEqual(a0, a1, equalityFunc) {
  648. if (a0 === a1) {
  649. return true;
  650. }
  651. let len = a0.length;
  652. let i;
  653. if (len !== a1.length) { // not array? or not same length?
  654. return false;
  655. }
  656. for (i = 0; i < len; i += 1) {
  657. if (!(equalityFunc ? equalityFunc(a0[i], a1[i]) : a0[i] === a1[i])) {
  658. return false;
  659. }
  660. }
  661. return true;
  662. }
  663. const DAY_IDS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
  664. // Adding
  665. function addWeeks(m, n) {
  666. let a = dateToUtcArray(m);
  667. a[2] += n * 7;
  668. return arrayToUtcDate(a);
  669. }
  670. function addDays(m, n) {
  671. let a = dateToUtcArray(m);
  672. a[2] += n;
  673. return arrayToUtcDate(a);
  674. }
  675. function addMs(m, n) {
  676. let a = dateToUtcArray(m);
  677. a[6] += n;
  678. return arrayToUtcDate(a);
  679. }
  680. // Diffing (all return floats)
  681. // TODO: why not use ranges?
  682. function diffWeeks(m0, m1) {
  683. return diffDays(m0, m1) / 7;
  684. }
  685. function diffDays(m0, m1) {
  686. return (m1.valueOf() - m0.valueOf()) / (1000 * 60 * 60 * 24);
  687. }
  688. function diffHours(m0, m1) {
  689. return (m1.valueOf() - m0.valueOf()) / (1000 * 60 * 60);
  690. }
  691. function diffMinutes(m0, m1) {
  692. return (m1.valueOf() - m0.valueOf()) / (1000 * 60);
  693. }
  694. function diffSeconds(m0, m1) {
  695. return (m1.valueOf() - m0.valueOf()) / 1000;
  696. }
  697. function diffDayAndTime(m0, m1) {
  698. let m0day = startOfDay(m0);
  699. let m1day = startOfDay(m1);
  700. return {
  701. years: 0,
  702. months: 0,
  703. days: Math.round(diffDays(m0day, m1day)),
  704. milliseconds: (m1.valueOf() - m1day.valueOf()) - (m0.valueOf() - m0day.valueOf()),
  705. };
  706. }
  707. // Diffing Whole Units
  708. function diffWholeWeeks(m0, m1) {
  709. let d = diffWholeDays(m0, m1);
  710. if (d !== null && d % 7 === 0) {
  711. return d / 7;
  712. }
  713. return null;
  714. }
  715. function diffWholeDays(m0, m1) {
  716. if (timeAsMs(m0) === timeAsMs(m1)) {
  717. return Math.round(diffDays(m0, m1));
  718. }
  719. return null;
  720. }
  721. // Start-Of
  722. function startOfDay(m) {
  723. return arrayToUtcDate([
  724. m.getUTCFullYear(),
  725. m.getUTCMonth(),
  726. m.getUTCDate(),
  727. ]);
  728. }
  729. function startOfHour(m) {
  730. return arrayToUtcDate([
  731. m.getUTCFullYear(),
  732. m.getUTCMonth(),
  733. m.getUTCDate(),
  734. m.getUTCHours(),
  735. ]);
  736. }
  737. function startOfMinute(m) {
  738. return arrayToUtcDate([
  739. m.getUTCFullYear(),
  740. m.getUTCMonth(),
  741. m.getUTCDate(),
  742. m.getUTCHours(),
  743. m.getUTCMinutes(),
  744. ]);
  745. }
  746. function startOfSecond(m) {
  747. return arrayToUtcDate([
  748. m.getUTCFullYear(),
  749. m.getUTCMonth(),
  750. m.getUTCDate(),
  751. m.getUTCHours(),
  752. m.getUTCMinutes(),
  753. m.getUTCSeconds(),
  754. ]);
  755. }
  756. // Week Computation
  757. function weekOfYear(marker, dow, doy) {
  758. let y = marker.getUTCFullYear();
  759. let w = weekOfGivenYear(marker, y, dow, doy);
  760. if (w < 1) {
  761. return weekOfGivenYear(marker, y - 1, dow, doy);
  762. }
  763. let nextW = weekOfGivenYear(marker, y + 1, dow, doy);
  764. if (nextW >= 1) {
  765. return Math.min(w, nextW);
  766. }
  767. return w;
  768. }
  769. function weekOfGivenYear(marker, year, dow, doy) {
  770. let firstWeekStart = arrayToUtcDate([year, 0, 1 + firstWeekOffset(year, dow, doy)]);
  771. let dayStart = startOfDay(marker);
  772. let days = Math.round(diffDays(firstWeekStart, dayStart));
  773. return Math.floor(days / 7) + 1; // zero-indexed
  774. }
  775. // start-of-first-week - start-of-year
  776. function firstWeekOffset(year, dow, doy) {
  777. // first-week day -- which january is always in the first week (4 for iso, 1 for other)
  778. let fwd = 7 + dow - doy;
  779. // first-week day local weekday -- which local weekday is fwd
  780. let fwdlw = (7 + arrayToUtcDate([year, 0, fwd]).getUTCDay() - dow) % 7;
  781. return -fwdlw + fwd - 1;
  782. }
  783. // Array Conversion
  784. function dateToLocalArray(date) {
  785. return [
  786. date.getFullYear(),
  787. date.getMonth(),
  788. date.getDate(),
  789. date.getHours(),
  790. date.getMinutes(),
  791. date.getSeconds(),
  792. date.getMilliseconds(),
  793. ];
  794. }
  795. function arrayToLocalDate(a) {
  796. return new Date(a[0], a[1] || 0, a[2] == null ? 1 : a[2], // day of month
  797. a[3] || 0, a[4] || 0, a[5] || 0);
  798. }
  799. function dateToUtcArray(date) {
  800. return [
  801. date.getUTCFullYear(),
  802. date.getUTCMonth(),
  803. date.getUTCDate(),
  804. date.getUTCHours(),
  805. date.getUTCMinutes(),
  806. date.getUTCSeconds(),
  807. date.getUTCMilliseconds(),
  808. ];
  809. }
  810. function arrayToUtcDate(a) {
  811. // according to web standards (and Safari), a month index is required.
  812. // massage if only given a year.
  813. if (a.length === 1) {
  814. a = a.concat([0]);
  815. }
  816. return new Date(Date.UTC(...a));
  817. }
  818. // Other Utils
  819. function isValidDate(m) {
  820. return !isNaN(m.valueOf());
  821. }
  822. function timeAsMs(m) {
  823. return m.getUTCHours() * 1000 * 60 * 60 +
  824. m.getUTCMinutes() * 1000 * 60 +
  825. m.getUTCSeconds() * 1000 +
  826. m.getUTCMilliseconds();
  827. }
  828. // timeZoneOffset is in minutes
  829. function buildIsoString(marker, timeZoneOffset, stripZeroTime = false) {
  830. let s = marker.toISOString();
  831. s = s.replace('.000', '');
  832. if (stripZeroTime) {
  833. s = s.replace('T00:00:00Z', '');
  834. }
  835. if (s.length > 10) { // time part wasn't stripped, can add timezone info
  836. if (timeZoneOffset == null) {
  837. s = s.replace('Z', '');
  838. }
  839. else if (timeZoneOffset !== 0) {
  840. s = s.replace('Z', formatTimeZoneOffset(timeZoneOffset, true));
  841. }
  842. // otherwise, its UTC-0 and we want to keep the Z
  843. }
  844. return s;
  845. }
  846. // formats the date, but with no time part
  847. // TODO: somehow merge with buildIsoString and stripZeroTime
  848. // TODO: rename. omit "string"
  849. function formatDayString(marker) {
  850. return marker.toISOString().replace(/T.*$/, '');
  851. }
  852. function formatIsoMonthStr(marker) {
  853. return marker.toISOString().match(/^\d{4}-\d{2}/)[0];
  854. }
  855. // TODO: use Date::toISOString and use everything after the T?
  856. function formatIsoTimeString(marker) {
  857. return padStart(marker.getUTCHours(), 2) + ':' +
  858. padStart(marker.getUTCMinutes(), 2) + ':' +
  859. padStart(marker.getUTCSeconds(), 2);
  860. }
  861. function formatTimeZoneOffset(minutes, doIso = false) {
  862. let sign = minutes < 0 ? '-' : '+';
  863. let abs = Math.abs(minutes);
  864. let hours = Math.floor(abs / 60);
  865. let mins = Math.round(abs % 60);
  866. if (doIso) {
  867. return `${sign + padStart(hours, 2)}:${padStart(mins, 2)}`;
  868. }
  869. return `GMT${sign}${hours}${mins ? `:${padStart(mins, 2)}` : ''}`;
  870. }
  871. function memoize(workerFunc, resEquality, teardownFunc) {
  872. let currentArgs;
  873. let currentRes;
  874. return function (...newArgs) {
  875. if (!currentArgs) {
  876. currentRes = workerFunc.apply(this, newArgs);
  877. }
  878. else if (!isArraysEqual(currentArgs, newArgs)) {
  879. if (teardownFunc) {
  880. teardownFunc(currentRes);
  881. }
  882. let res = workerFunc.apply(this, newArgs);
  883. if (!resEquality || !resEquality(res, currentRes)) {
  884. currentRes = res;
  885. }
  886. }
  887. currentArgs = newArgs;
  888. return currentRes;
  889. };
  890. }
  891. function memoizeObjArg(workerFunc, resEquality, teardownFunc) {
  892. let currentArg;
  893. let currentRes;
  894. return (newArg) => {
  895. if (!currentArg) {
  896. currentRes = workerFunc.call(this, newArg);
  897. }
  898. else if (!isPropsEqual(currentArg, newArg)) {
  899. if (teardownFunc) {
  900. teardownFunc(currentRes);
  901. }
  902. let res = workerFunc.call(this, newArg);
  903. if (!resEquality || !resEquality(res, currentRes)) {
  904. currentRes = res;
  905. }
  906. }
  907. currentArg = newArg;
  908. return currentRes;
  909. };
  910. }
  911. function memoizeArraylike(// used at all?
  912. workerFunc, resEquality, teardownFunc) {
  913. let currentArgSets = [];
  914. let currentResults = [];
  915. return (newArgSets) => {
  916. let currentLen = currentArgSets.length;
  917. let newLen = newArgSets.length;
  918. let i = 0;
  919. for (; i < currentLen; i += 1) {
  920. if (!newArgSets[i]) { // one of the old sets no longer exists
  921. if (teardownFunc) {
  922. teardownFunc(currentResults[i]);
  923. }
  924. }
  925. else if (!isArraysEqual(currentArgSets[i], newArgSets[i])) {
  926. if (teardownFunc) {
  927. teardownFunc(currentResults[i]);
  928. }
  929. let res = workerFunc.apply(this, newArgSets[i]);
  930. if (!resEquality || !resEquality(res, currentResults[i])) {
  931. currentResults[i] = res;
  932. }
  933. }
  934. }
  935. for (; i < newLen; i += 1) {
  936. currentResults[i] = workerFunc.apply(this, newArgSets[i]);
  937. }
  938. currentArgSets = newArgSets;
  939. currentResults.splice(newLen); // remove excess
  940. return currentResults;
  941. };
  942. }
  943. function memoizeHashlike(workerFunc, resEquality, teardownFunc) {
  944. let currentArgHash = {};
  945. let currentResHash = {};
  946. return (newArgHash) => {
  947. let newResHash = {};
  948. for (let key in newArgHash) {
  949. if (!currentResHash[key]) {
  950. newResHash[key] = workerFunc.apply(this, newArgHash[key]);
  951. }
  952. else if (!isArraysEqual(currentArgHash[key], newArgHash[key])) {
  953. if (teardownFunc) {
  954. teardownFunc(currentResHash[key]);
  955. }
  956. let res = workerFunc.apply(this, newArgHash[key]);
  957. newResHash[key] = (resEquality && resEquality(res, currentResHash[key]))
  958. ? currentResHash[key]
  959. : res;
  960. }
  961. else {
  962. newResHash[key] = currentResHash[key];
  963. }
  964. }
  965. currentArgHash = newArgHash;
  966. currentResHash = newResHash;
  967. return newResHash;
  968. };
  969. }
  970. const EXTENDED_SETTINGS_AND_SEVERITIES = {
  971. week: 3,
  972. separator: 0,
  973. omitZeroMinute: 0,
  974. meridiem: 0,
  975. omitCommas: 0,
  976. };
  977. const STANDARD_DATE_PROP_SEVERITIES = {
  978. timeZoneName: 7,
  979. era: 6,
  980. year: 5,
  981. month: 4,
  982. day: 2,
  983. weekday: 2,
  984. hour: 1,
  985. minute: 1,
  986. second: 1,
  987. };
  988. const MERIDIEM_RE = /\s*([ap])\.?m\.?/i; // eats up leading spaces too
  989. const COMMA_RE = /,/g; // we need re for globalness
  990. const MULTI_SPACE_RE = /\s+/g;
  991. const LTR_RE = /\u200e/g; // control character
  992. const UTC_RE = /UTC|GMT/;
  993. class NativeFormatter {
  994. constructor(formatSettings) {
  995. let standardDateProps = {};
  996. let extendedSettings = {};
  997. let severity = 0;
  998. for (let name in formatSettings) {
  999. if (name in EXTENDED_SETTINGS_AND_SEVERITIES) {
  1000. extendedSettings[name] = formatSettings[name];
  1001. severity = Math.max(EXTENDED_SETTINGS_AND_SEVERITIES[name], severity);
  1002. }
  1003. else {
  1004. standardDateProps[name] = formatSettings[name];
  1005. if (name in STANDARD_DATE_PROP_SEVERITIES) { // TODO: what about hour12? no severity
  1006. severity = Math.max(STANDARD_DATE_PROP_SEVERITIES[name], severity);
  1007. }
  1008. }
  1009. }
  1010. this.standardDateProps = standardDateProps;
  1011. this.extendedSettings = extendedSettings;
  1012. this.severity = severity;
  1013. this.buildFormattingFunc = memoize(buildFormattingFunc);
  1014. }
  1015. format(date, context) {
  1016. return this.buildFormattingFunc(this.standardDateProps, this.extendedSettings, context)(date);
  1017. }
  1018. formatRange(start, end, context, betterDefaultSeparator) {
  1019. let { standardDateProps, extendedSettings } = this;
  1020. let diffSeverity = computeMarkerDiffSeverity(start.marker, end.marker, context.calendarSystem);
  1021. if (!diffSeverity) {
  1022. return this.format(start, context);
  1023. }
  1024. let biggestUnitForPartial = diffSeverity;
  1025. if (biggestUnitForPartial > 1 && // the two dates are different in a way that's larger scale than time
  1026. (standardDateProps.year === 'numeric' || standardDateProps.year === '2-digit') &&
  1027. (standardDateProps.month === 'numeric' || standardDateProps.month === '2-digit') &&
  1028. (standardDateProps.day === 'numeric' || standardDateProps.day === '2-digit')) {
  1029. biggestUnitForPartial = 1; // make it look like the dates are only different in terms of time
  1030. }
  1031. let full0 = this.format(start, context);
  1032. let full1 = this.format(end, context);
  1033. if (full0 === full1) {
  1034. return full0;
  1035. }
  1036. let partialDateProps = computePartialFormattingOptions(standardDateProps, biggestUnitForPartial);
  1037. let partialFormattingFunc = buildFormattingFunc(partialDateProps, extendedSettings, context);
  1038. let partial0 = partialFormattingFunc(start);
  1039. let partial1 = partialFormattingFunc(end);
  1040. let insertion = findCommonInsertion(full0, partial0, full1, partial1);
  1041. let separator = extendedSettings.separator || betterDefaultSeparator || context.defaultSeparator || '';
  1042. if (insertion) {
  1043. return insertion.before + partial0 + separator + partial1 + insertion.after;
  1044. }
  1045. return full0 + separator + full1;
  1046. }
  1047. getLargestUnit() {
  1048. switch (this.severity) {
  1049. case 7:
  1050. case 6:
  1051. case 5:
  1052. return 'year';
  1053. case 4:
  1054. return 'month';
  1055. case 3:
  1056. return 'week';
  1057. case 2:
  1058. return 'day';
  1059. default:
  1060. return 'time'; // really?
  1061. }
  1062. }
  1063. }
  1064. function buildFormattingFunc(standardDateProps, extendedSettings, context) {
  1065. let standardDatePropCnt = Object.keys(standardDateProps).length;
  1066. if (standardDatePropCnt === 1 && standardDateProps.timeZoneName === 'short') {
  1067. return (date) => (formatTimeZoneOffset(date.timeZoneOffset));
  1068. }
  1069. if (standardDatePropCnt === 0 && extendedSettings.week) {
  1070. return (date) => (formatWeekNumber(context.computeWeekNumber(date.marker), context.weekText, context.weekTextLong, context.locale, extendedSettings.week));
  1071. }
  1072. return buildNativeFormattingFunc(standardDateProps, extendedSettings, context);
  1073. }
  1074. function buildNativeFormattingFunc(standardDateProps, extendedSettings, context) {
  1075. standardDateProps = Object.assign({}, standardDateProps); // copy
  1076. extendedSettings = Object.assign({}, extendedSettings); // copy
  1077. sanitizeSettings(standardDateProps, extendedSettings);
  1078. standardDateProps.timeZone = 'UTC'; // we leverage the only guaranteed timeZone for our UTC markers
  1079. let normalFormat = new Intl.DateTimeFormat(context.locale.codes, standardDateProps);
  1080. let zeroFormat; // needed?
  1081. if (extendedSettings.omitZeroMinute) {
  1082. let zeroProps = Object.assign({}, standardDateProps);
  1083. delete zeroProps.minute; // seconds and ms were already considered in sanitizeSettings
  1084. zeroFormat = new Intl.DateTimeFormat(context.locale.codes, zeroProps);
  1085. }
  1086. return (date) => {
  1087. let { marker } = date;
  1088. let format;
  1089. if (zeroFormat && !marker.getUTCMinutes()) {
  1090. format = zeroFormat;
  1091. }
  1092. else {
  1093. format = normalFormat;
  1094. }
  1095. let s = format.format(marker);
  1096. return postProcess(s, date, standardDateProps, extendedSettings, context);
  1097. };
  1098. }
  1099. function sanitizeSettings(standardDateProps, extendedSettings) {
  1100. // deal with a browser inconsistency where formatting the timezone
  1101. // requires that the hour/minute be present.
  1102. if (standardDateProps.timeZoneName) {
  1103. if (!standardDateProps.hour) {
  1104. standardDateProps.hour = '2-digit';
  1105. }
  1106. if (!standardDateProps.minute) {
  1107. standardDateProps.minute = '2-digit';
  1108. }
  1109. }
  1110. // only support short timezone names
  1111. if (standardDateProps.timeZoneName === 'long') {
  1112. standardDateProps.timeZoneName = 'short';
  1113. }
  1114. // if requesting to display seconds, MUST display minutes
  1115. if (extendedSettings.omitZeroMinute && (standardDateProps.second || standardDateProps.millisecond)) {
  1116. delete extendedSettings.omitZeroMinute;
  1117. }
  1118. }
  1119. function postProcess(s, date, standardDateProps, extendedSettings, context) {
  1120. s = s.replace(LTR_RE, ''); // remove left-to-right control chars. do first. good for other regexes
  1121. if (standardDateProps.timeZoneName === 'short') {
  1122. s = injectTzoStr(s, (context.timeZone === 'UTC' || date.timeZoneOffset == null) ?
  1123. 'UTC' : // important to normalize for IE, which does "GMT"
  1124. formatTimeZoneOffset(date.timeZoneOffset));
  1125. }
  1126. if (extendedSettings.omitCommas) {
  1127. s = s.replace(COMMA_RE, '').trim();
  1128. }
  1129. if (extendedSettings.omitZeroMinute) {
  1130. s = s.replace(':00', ''); // zeroFormat doesn't always achieve this
  1131. }
  1132. // ^ do anything that might create adjacent spaces before this point,
  1133. // because MERIDIEM_RE likes to eat up loading spaces
  1134. if (extendedSettings.meridiem === false) {
  1135. s = s.replace(MERIDIEM_RE, '').trim();
  1136. }
  1137. else if (extendedSettings.meridiem === 'narrow') { // a/p
  1138. s = s.replace(MERIDIEM_RE, (m0, m1) => m1.toLocaleLowerCase());
  1139. }
  1140. else if (extendedSettings.meridiem === 'short') { // am/pm
  1141. s = s.replace(MERIDIEM_RE, (m0, m1) => `${m1.toLocaleLowerCase()}m`);
  1142. }
  1143. else if (extendedSettings.meridiem === 'lowercase') { // other meridiem transformers already converted to lowercase
  1144. s = s.replace(MERIDIEM_RE, (m0) => m0.toLocaleLowerCase());
  1145. }
  1146. s = s.replace(MULTI_SPACE_RE, ' ');
  1147. s = s.trim();
  1148. return s;
  1149. }
  1150. function injectTzoStr(s, tzoStr) {
  1151. let replaced = false;
  1152. s = s.replace(UTC_RE, () => {
  1153. replaced = true;
  1154. return tzoStr;
  1155. });
  1156. // IE11 doesn't include UTC/GMT in the original string, so append to end
  1157. if (!replaced) {
  1158. s += ` ${tzoStr}`;
  1159. }
  1160. return s;
  1161. }
  1162. function formatWeekNumber(num, weekText, weekTextLong, locale, display) {
  1163. let parts = [];
  1164. if (display === 'long') {
  1165. parts.push(weekTextLong);
  1166. }
  1167. else if (display === 'short' || display === 'narrow') {
  1168. parts.push(weekText);
  1169. }
  1170. if (display === 'long' || display === 'short') {
  1171. parts.push(' ');
  1172. }
  1173. parts.push(locale.simpleNumberFormat.format(num));
  1174. if (locale.options.direction === 'rtl') { // TODO: use control characters instead?
  1175. parts.reverse();
  1176. }
  1177. return parts.join('');
  1178. }
  1179. // Range Formatting Utils
  1180. // 0 = exactly the same
  1181. // 1 = different by time
  1182. // and bigger
  1183. function computeMarkerDiffSeverity(d0, d1, ca) {
  1184. if (ca.getMarkerYear(d0) !== ca.getMarkerYear(d1)) {
  1185. return 5;
  1186. }
  1187. if (ca.getMarkerMonth(d0) !== ca.getMarkerMonth(d1)) {
  1188. return 4;
  1189. }
  1190. if (ca.getMarkerDay(d0) !== ca.getMarkerDay(d1)) {
  1191. return 2;
  1192. }
  1193. if (timeAsMs(d0) !== timeAsMs(d1)) {
  1194. return 1;
  1195. }
  1196. return 0;
  1197. }
  1198. function computePartialFormattingOptions(options, biggestUnit) {
  1199. let partialOptions = {};
  1200. for (let name in options) {
  1201. if (!(name in STANDARD_DATE_PROP_SEVERITIES) || // not a date part prop (like timeZone)
  1202. STANDARD_DATE_PROP_SEVERITIES[name] <= biggestUnit) {
  1203. partialOptions[name] = options[name];
  1204. }
  1205. }
  1206. return partialOptions;
  1207. }
  1208. function findCommonInsertion(full0, partial0, full1, partial1) {
  1209. let i0 = 0;
  1210. while (i0 < full0.length) {
  1211. let found0 = full0.indexOf(partial0, i0);
  1212. if (found0 === -1) {
  1213. break;
  1214. }
  1215. let before0 = full0.substr(0, found0);
  1216. i0 = found0 + partial0.length;
  1217. let after0 = full0.substr(i0);
  1218. let i1 = 0;
  1219. while (i1 < full1.length) {
  1220. let found1 = full1.indexOf(partial1, i1);
  1221. if (found1 === -1) {
  1222. break;
  1223. }
  1224. let before1 = full1.substr(0, found1);
  1225. i1 = found1 + partial1.length;
  1226. let after1 = full1.substr(i1);
  1227. if (before0 === before1 && after0 === after1) {
  1228. return {
  1229. before: before0,
  1230. after: after0,
  1231. };
  1232. }
  1233. }
  1234. }
  1235. return null;
  1236. }
  1237. function expandZonedMarker(dateInfo, calendarSystem) {
  1238. let a = calendarSystem.markerToArray(dateInfo.marker);
  1239. return {
  1240. marker: dateInfo.marker,
  1241. timeZoneOffset: dateInfo.timeZoneOffset,
  1242. array: a,
  1243. year: a[0],
  1244. month: a[1],
  1245. day: a[2],
  1246. hour: a[3],
  1247. minute: a[4],
  1248. second: a[5],
  1249. millisecond: a[6],
  1250. };
  1251. }
  1252. function createVerboseFormattingArg(start, end, context, betterDefaultSeparator) {
  1253. let startInfo = expandZonedMarker(start, context.calendarSystem);
  1254. let endInfo = end ? expandZonedMarker(end, context.calendarSystem) : null;
  1255. return {
  1256. date: startInfo,
  1257. start: startInfo,
  1258. end: endInfo,
  1259. timeZone: context.timeZone,
  1260. localeCodes: context.locale.codes,
  1261. defaultSeparator: betterDefaultSeparator || context.defaultSeparator,
  1262. };
  1263. }
  1264. /*
  1265. TODO: fix the terminology of "formatter" vs "formatting func"
  1266. */
  1267. /*
  1268. At the time of instantiation, this object does not know which cmd-formatting system it will use.
  1269. It receives this at the time of formatting, as a setting.
  1270. */
  1271. class CmdFormatter {
  1272. constructor(cmdStr) {
  1273. this.cmdStr = cmdStr;
  1274. }
  1275. format(date, context, betterDefaultSeparator) {
  1276. return context.cmdFormatter(this.cmdStr, createVerboseFormattingArg(date, null, context, betterDefaultSeparator));
  1277. }
  1278. formatRange(start, end, context, betterDefaultSeparator) {
  1279. return context.cmdFormatter(this.cmdStr, createVerboseFormattingArg(start, end, context, betterDefaultSeparator));
  1280. }
  1281. }
  1282. class FuncFormatter {
  1283. constructor(func) {
  1284. this.func = func;
  1285. }
  1286. format(date, context, betterDefaultSeparator) {
  1287. return this.func(createVerboseFormattingArg(date, null, context, betterDefaultSeparator));
  1288. }
  1289. formatRange(start, end, context, betterDefaultSeparator) {
  1290. return this.func(createVerboseFormattingArg(start, end, context, betterDefaultSeparator));
  1291. }
  1292. }
  1293. function createFormatter(input) {
  1294. if (typeof input === 'object' && input) { // non-null object
  1295. return new NativeFormatter(input);
  1296. }
  1297. if (typeof input === 'string') {
  1298. return new CmdFormatter(input);
  1299. }
  1300. if (typeof input === 'function') {
  1301. return new FuncFormatter(input);
  1302. }
  1303. return null;
  1304. }
  1305. // base options
  1306. // ------------
  1307. const BASE_OPTION_REFINERS = {
  1308. navLinkDayClick: identity,
  1309. navLinkWeekClick: identity,
  1310. duration: createDuration,
  1311. bootstrapFontAwesome: identity,
  1312. buttonIcons: identity,
  1313. customButtons: identity,
  1314. defaultAllDayEventDuration: createDuration,
  1315. defaultTimedEventDuration: createDuration,
  1316. nextDayThreshold: createDuration,
  1317. scrollTime: createDuration,
  1318. scrollTimeReset: Boolean,
  1319. slotMinTime: createDuration,
  1320. slotMaxTime: createDuration,
  1321. dayPopoverFormat: createFormatter,
  1322. slotDuration: createDuration,
  1323. snapDuration: createDuration,
  1324. headerToolbar: identity,
  1325. footerToolbar: identity,
  1326. defaultRangeSeparator: String,
  1327. titleRangeSeparator: String,
  1328. forceEventDuration: Boolean,
  1329. dayHeaders: Boolean,
  1330. dayHeaderFormat: createFormatter,
  1331. dayHeaderClassNames: identity,
  1332. dayHeaderContent: identity,
  1333. dayHeaderDidMount: identity,
  1334. dayHeaderWillUnmount: identity,
  1335. dayCellClassNames: identity,
  1336. dayCellContent: identity,
  1337. dayCellDidMount: identity,
  1338. dayCellWillUnmount: identity,
  1339. initialView: String,
  1340. aspectRatio: Number,
  1341. weekends: Boolean,
  1342. weekNumberCalculation: identity,
  1343. weekNumbers: Boolean,
  1344. weekNumberClassNames: identity,
  1345. weekNumberContent: identity,
  1346. weekNumberDidMount: identity,
  1347. weekNumberWillUnmount: identity,
  1348. editable: Boolean,
  1349. viewClassNames: identity,
  1350. viewDidMount: identity,
  1351. viewWillUnmount: identity,
  1352. nowIndicator: Boolean,
  1353. nowIndicatorClassNames: identity,
  1354. nowIndicatorContent: identity,
  1355. nowIndicatorDidMount: identity,
  1356. nowIndicatorWillUnmount: identity,
  1357. showNonCurrentDates: Boolean,
  1358. lazyFetching: Boolean,
  1359. startParam: String,
  1360. endParam: String,
  1361. timeZoneParam: String,
  1362. timeZone: String,
  1363. locales: identity,
  1364. locale: identity,
  1365. themeSystem: String,
  1366. dragRevertDuration: Number,
  1367. dragScroll: Boolean,
  1368. allDayMaintainDuration: Boolean,
  1369. unselectAuto: Boolean,
  1370. dropAccept: identity,
  1371. eventOrder: parseFieldSpecs,
  1372. eventOrderStrict: Boolean,
  1373. handleWindowResize: Boolean,
  1374. windowResizeDelay: Number,
  1375. longPressDelay: Number,
  1376. eventDragMinDistance: Number,
  1377. expandRows: Boolean,
  1378. height: identity,
  1379. contentHeight: identity,
  1380. direction: String,
  1381. weekNumberFormat: createFormatter,
  1382. eventResizableFromStart: Boolean,
  1383. displayEventTime: Boolean,
  1384. displayEventEnd: Boolean,
  1385. weekText: String,
  1386. weekTextLong: String,
  1387. progressiveEventRendering: Boolean,
  1388. businessHours: identity,
  1389. initialDate: identity,
  1390. now: identity,
  1391. eventDataTransform: identity,
  1392. stickyHeaderDates: identity,
  1393. stickyFooterScrollbar: identity,
  1394. viewHeight: identity,
  1395. defaultAllDay: Boolean,
  1396. eventSourceFailure: identity,
  1397. eventSourceSuccess: identity,
  1398. eventDisplay: String,
  1399. eventStartEditable: Boolean,
  1400. eventDurationEditable: Boolean,
  1401. eventOverlap: identity,
  1402. eventConstraint: identity,
  1403. eventAllow: identity,
  1404. eventBackgroundColor: String,
  1405. eventBorderColor: String,
  1406. eventTextColor: String,
  1407. eventColor: String,
  1408. eventClassNames: identity,
  1409. eventContent: identity,
  1410. eventDidMount: identity,
  1411. eventWillUnmount: identity,
  1412. selectConstraint: identity,
  1413. selectOverlap: identity,
  1414. selectAllow: identity,
  1415. droppable: Boolean,
  1416. unselectCancel: String,
  1417. slotLabelFormat: identity,
  1418. slotLaneClassNames: identity,
  1419. slotLaneContent: identity,
  1420. slotLaneDidMount: identity,
  1421. slotLaneWillUnmount: identity,
  1422. slotLabelClassNames: identity,
  1423. slotLabelContent: identity,
  1424. slotLabelDidMount: identity,
  1425. slotLabelWillUnmount: identity,
  1426. dayMaxEvents: identity,
  1427. dayMaxEventRows: identity,
  1428. dayMinWidth: Number,
  1429. slotLabelInterval: createDuration,
  1430. allDayText: String,
  1431. allDayClassNames: identity,
  1432. allDayContent: identity,
  1433. allDayDidMount: identity,
  1434. allDayWillUnmount: identity,
  1435. slotMinWidth: Number,
  1436. navLinks: Boolean,
  1437. eventTimeFormat: createFormatter,
  1438. rerenderDelay: Number,
  1439. moreLinkText: identity,
  1440. moreLinkHint: identity,
  1441. selectMinDistance: Number,
  1442. selectable: Boolean,
  1443. selectLongPressDelay: Number,
  1444. eventLongPressDelay: Number,
  1445. selectMirror: Boolean,
  1446. eventMaxStack: Number,
  1447. eventMinHeight: Number,
  1448. eventMinWidth: Number,
  1449. eventShortHeight: Number,
  1450. slotEventOverlap: Boolean,
  1451. plugins: identity,
  1452. firstDay: Number,
  1453. dayCount: Number,
  1454. dateAlignment: String,
  1455. dateIncrement: createDuration,
  1456. hiddenDays: identity,
  1457. fixedWeekCount: Boolean,
  1458. validRange: identity,
  1459. visibleRange: identity,
  1460. titleFormat: identity,
  1461. eventInteractive: Boolean,
  1462. // only used by list-view, but languages define the value, so we need it in base options
  1463. noEventsText: String,
  1464. viewHint: identity,
  1465. navLinkHint: identity,
  1466. closeHint: String,
  1467. timeHint: String,
  1468. eventHint: String,
  1469. moreLinkClick: identity,
  1470. moreLinkClassNames: identity,
  1471. moreLinkContent: identity,
  1472. moreLinkDidMount: identity,
  1473. moreLinkWillUnmount: identity,
  1474. monthStartFormat: createFormatter,
  1475. // for connectors
  1476. // (can't be part of plugin system b/c must be provided at runtime)
  1477. handleCustomRendering: identity,
  1478. customRenderingMetaMap: identity,
  1479. customRenderingReplaces: Boolean,
  1480. };
  1481. // do NOT give a type here. need `typeof BASE_OPTION_DEFAULTS` to give real results.
  1482. // raw values.
  1483. const BASE_OPTION_DEFAULTS = {
  1484. eventDisplay: 'auto',
  1485. defaultRangeSeparator: ' - ',
  1486. titleRangeSeparator: ' \u2013 ',
  1487. defaultTimedEventDuration: '01:00:00',
  1488. defaultAllDayEventDuration: { day: 1 },
  1489. forceEventDuration: false,
  1490. nextDayThreshold: '00:00:00',
  1491. dayHeaders: true,
  1492. initialView: '',
  1493. aspectRatio: 1.35,
  1494. headerToolbar: {
  1495. start: 'title',
  1496. center: '',
  1497. end: 'today prev,next',
  1498. },
  1499. weekends: true,
  1500. weekNumbers: false,
  1501. weekNumberCalculation: 'local',
  1502. editable: false,
  1503. nowIndicator: false,
  1504. scrollTime: '06:00:00',
  1505. scrollTimeReset: true,
  1506. slotMinTime: '00:00:00',
  1507. slotMaxTime: '24:00:00',
  1508. showNonCurrentDates: true,
  1509. lazyFetching: true,
  1510. startParam: 'start',
  1511. endParam: 'end',
  1512. timeZoneParam: 'timeZone',
  1513. timeZone: 'local',
  1514. locales: [],
  1515. locale: '',
  1516. themeSystem: 'standard',
  1517. dragRevertDuration: 500,
  1518. dragScroll: true,
  1519. allDayMaintainDuration: false,
  1520. unselectAuto: true,
  1521. dropAccept: '*',
  1522. eventOrder: 'start,-duration,allDay,title',
  1523. dayPopoverFormat: { month: 'long', day: 'numeric', year: 'numeric' },
  1524. handleWindowResize: true,
  1525. windowResizeDelay: 100,
  1526. longPressDelay: 1000,
  1527. eventDragMinDistance: 5,
  1528. expandRows: false,
  1529. navLinks: false,
  1530. selectable: false,
  1531. eventMinHeight: 15,
  1532. eventMinWidth: 30,
  1533. eventShortHeight: 30,
  1534. monthStartFormat: { month: 'long', day: 'numeric' },
  1535. };
  1536. // calendar listeners
  1537. // ------------------
  1538. const CALENDAR_LISTENER_REFINERS = {
  1539. datesSet: identity,
  1540. eventsSet: identity,
  1541. eventAdd: identity,
  1542. eventChange: identity,
  1543. eventRemove: identity,
  1544. windowResize: identity,
  1545. eventClick: identity,
  1546. eventMouseEnter: identity,
  1547. eventMouseLeave: identity,
  1548. select: identity,
  1549. unselect: identity,
  1550. loading: identity,
  1551. // internal
  1552. _unmount: identity,
  1553. _beforeprint: identity,
  1554. _afterprint: identity,
  1555. _noEventDrop: identity,
  1556. _noEventResize: identity,
  1557. _resize: identity,
  1558. _scrollRequest: identity,
  1559. };
  1560. // calendar-specific options
  1561. // -------------------------
  1562. const CALENDAR_OPTION_REFINERS = {
  1563. buttonText: identity,
  1564. buttonHints: identity,
  1565. views: identity,
  1566. plugins: identity,
  1567. initialEvents: identity,
  1568. events: identity,
  1569. eventSources: identity,
  1570. };
  1571. const COMPLEX_OPTION_COMPARATORS = {
  1572. headerToolbar: isMaybeObjectsEqual,
  1573. footerToolbar: isMaybeObjectsEqual,
  1574. buttonText: isMaybeObjectsEqual,
  1575. buttonHints: isMaybeObjectsEqual,
  1576. buttonIcons: isMaybeObjectsEqual,
  1577. dateIncrement: isMaybeObjectsEqual,
  1578. plugins: isMaybeArraysEqual,
  1579. events: isMaybeArraysEqual,
  1580. eventSources: isMaybeArraysEqual,
  1581. ['resources']: isMaybeArraysEqual,
  1582. };
  1583. function isMaybeObjectsEqual(a, b) {
  1584. if (typeof a === 'object' && typeof b === 'object' && a && b) { // both non-null objects
  1585. return isPropsEqual(a, b);
  1586. }
  1587. return a === b;
  1588. }
  1589. function isMaybeArraysEqual(a, b) {
  1590. if (Array.isArray(a) && Array.isArray(b)) {
  1591. return isArraysEqual(a, b);
  1592. }
  1593. return a === b;
  1594. }
  1595. // view-specific options
  1596. // ---------------------
  1597. const VIEW_OPTION_REFINERS = {
  1598. type: String,
  1599. component: identity,
  1600. buttonText: String,
  1601. buttonTextKey: String,
  1602. dateProfileGeneratorClass: identity,
  1603. usesMinMaxTime: Boolean,
  1604. classNames: identity,
  1605. content: identity,
  1606. didMount: identity,
  1607. willUnmount: identity,
  1608. };
  1609. // util funcs
  1610. // ----------------------------------------------------------------------------------------------------
  1611. function mergeRawOptions(optionSets) {
  1612. return mergeProps(optionSets, COMPLEX_OPTION_COMPARATORS);
  1613. }
  1614. function refineProps(input, refiners) {
  1615. let refined = {};
  1616. let extra = {};
  1617. for (let propName in refiners) {
  1618. if (propName in input) {
  1619. refined[propName] = refiners[propName](input[propName]);
  1620. }
  1621. }
  1622. for (let propName in input) {
  1623. if (!(propName in refiners)) {
  1624. extra[propName] = input[propName];
  1625. }
  1626. }
  1627. return { refined, extra };
  1628. }
  1629. function identity(raw) {
  1630. return raw;
  1631. }
  1632. const { hasOwnProperty } = Object.prototype;
  1633. // Merges an array of objects into a single object.
  1634. // The second argument allows for an array of property names who's object values will be merged together.
  1635. function mergeProps(propObjs, complexPropsMap) {
  1636. let dest = {};
  1637. if (complexPropsMap) {
  1638. for (let name in complexPropsMap) {
  1639. if (complexPropsMap[name] === isMaybeObjectsEqual) { // implies that it's object-mergeable
  1640. let complexObjs = [];
  1641. // collect the trailing object values, stopping when a non-object is discovered
  1642. for (let i = propObjs.length - 1; i >= 0; i -= 1) {
  1643. let val = propObjs[i][name];
  1644. if (typeof val === 'object' && val) { // non-null object
  1645. complexObjs.unshift(val);
  1646. }
  1647. else if (val !== undefined) {
  1648. dest[name] = val; // if there were no objects, this value will be used
  1649. break;
  1650. }
  1651. }
  1652. // if the trailing values were objects, use the merged value
  1653. if (complexObjs.length) {
  1654. dest[name] = mergeProps(complexObjs);
  1655. }
  1656. }
  1657. }
  1658. }
  1659. // copy values into the destination, going from last to first
  1660. for (let i = propObjs.length - 1; i >= 0; i -= 1) {
  1661. let props = propObjs[i];
  1662. for (let name in props) {
  1663. if (!(name in dest)) { // if already assigned by previous props or complex props, don't reassign
  1664. dest[name] = props[name];
  1665. }
  1666. }
  1667. }
  1668. return dest;
  1669. }
  1670. function filterHash(hash, func) {
  1671. let filtered = {};
  1672. for (let key in hash) {
  1673. if (func(hash[key], key)) {
  1674. filtered[key] = hash[key];
  1675. }
  1676. }
  1677. return filtered;
  1678. }
  1679. function mapHash(hash, func) {
  1680. let newHash = {};
  1681. for (let key in hash) {
  1682. newHash[key] = func(hash[key], key);
  1683. }
  1684. return newHash;
  1685. }
  1686. function arrayToHash(a) {
  1687. let hash = {};
  1688. for (let item of a) {
  1689. hash[item] = true;
  1690. }
  1691. return hash;
  1692. }
  1693. // TODO: reassess browser support
  1694. // https://caniuse.com/?search=object.values
  1695. function hashValuesToArray(obj) {
  1696. let a = [];
  1697. for (let key in obj) {
  1698. a.push(obj[key]);
  1699. }
  1700. return a;
  1701. }
  1702. function isPropsEqual(obj0, obj1) {
  1703. if (obj0 === obj1) {
  1704. return true;
  1705. }
  1706. for (let key in obj0) {
  1707. if (hasOwnProperty.call(obj0, key)) {
  1708. if (!(key in obj1)) {
  1709. return false;
  1710. }
  1711. }
  1712. }
  1713. for (let key in obj1) {
  1714. if (hasOwnProperty.call(obj1, key)) {
  1715. if (obj0[key] !== obj1[key]) {
  1716. return false;
  1717. }
  1718. }
  1719. }
  1720. return true;
  1721. }
  1722. const HANDLER_RE = /^on[A-Z]/;
  1723. function isNonHandlerPropsEqual(obj0, obj1) {
  1724. const keys = getUnequalProps(obj0, obj1);
  1725. for (let key of keys) {
  1726. if (!HANDLER_RE.test(key)) {
  1727. return false;
  1728. }
  1729. }
  1730. return true;
  1731. }
  1732. function getUnequalProps(obj0, obj1) {
  1733. let keys = [];
  1734. for (let key in obj0) {
  1735. if (hasOwnProperty.call(obj0, key)) {
  1736. if (!(key in obj1)) {
  1737. keys.push(key);
  1738. }
  1739. }
  1740. }
  1741. for (let key in obj1) {
  1742. if (hasOwnProperty.call(obj1, key)) {
  1743. if (obj0[key] !== obj1[key]) {
  1744. keys.push(key);
  1745. }
  1746. }
  1747. }
  1748. return keys;
  1749. }
  1750. function compareObjs(oldProps, newProps, equalityFuncs = {}) {
  1751. if (oldProps === newProps) {
  1752. return true;
  1753. }
  1754. for (let key in newProps) {
  1755. if (key in oldProps && isObjValsEqual(oldProps[key], newProps[key], equalityFuncs[key])) ;
  1756. else {
  1757. return false;
  1758. }
  1759. }
  1760. // check for props that were omitted in the new
  1761. for (let key in oldProps) {
  1762. if (!(key in newProps)) {
  1763. return false;
  1764. }
  1765. }
  1766. return true;
  1767. }
  1768. /*
  1769. assumed "true" equality for handler names like "onReceiveSomething"
  1770. */
  1771. function isObjValsEqual(val0, val1, comparator) {
  1772. if (val0 === val1 || comparator === true) {
  1773. return true;
  1774. }
  1775. if (comparator) {
  1776. return comparator(val0, val1);
  1777. }
  1778. return false;
  1779. }
  1780. function collectFromHash(hash, startIndex = 0, endIndex, step = 1) {
  1781. let res = [];
  1782. if (endIndex == null) {
  1783. endIndex = Object.keys(hash).length;
  1784. }
  1785. for (let i = startIndex; i < endIndex; i += step) {
  1786. let val = hash[i];
  1787. if (val !== undefined) { // will disregard undefined for sparse arrays
  1788. res.push(val);
  1789. }
  1790. }
  1791. return res;
  1792. }
  1793. let calendarSystemClassMap = {};
  1794. function registerCalendarSystem(name, theClass) {
  1795. calendarSystemClassMap[name] = theClass;
  1796. }
  1797. function createCalendarSystem(name) {
  1798. return new calendarSystemClassMap[name]();
  1799. }
  1800. class GregorianCalendarSystem {
  1801. getMarkerYear(d) {
  1802. return d.getUTCFullYear();
  1803. }
  1804. getMarkerMonth(d) {
  1805. return d.getUTCMonth();
  1806. }
  1807. getMarkerDay(d) {
  1808. return d.getUTCDate();
  1809. }
  1810. arrayToMarker(arr) {
  1811. return arrayToUtcDate(arr);
  1812. }
  1813. markerToArray(marker) {
  1814. return dateToUtcArray(marker);
  1815. }
  1816. }
  1817. registerCalendarSystem('gregory', GregorianCalendarSystem);
  1818. const ISO_RE = /^\s*(\d{4})(-?(\d{2})(-?(\d{2})([T ](\d{2}):?(\d{2})(:?(\d{2})(\.(\d+))?)?(Z|(([-+])(\d{2})(:?(\d{2}))?))?)?)?)?$/;
  1819. function parse(str) {
  1820. let m = ISO_RE.exec(str);
  1821. if (m) {
  1822. 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));
  1823. if (isValidDate(marker)) {
  1824. let timeZoneOffset = null;
  1825. if (m[13]) {
  1826. timeZoneOffset = (m[15] === '-' ? -1 : 1) * (Number(m[16] || 0) * 60 +
  1827. Number(m[18] || 0));
  1828. }
  1829. return {
  1830. marker,
  1831. isTimeUnspecified: !m[6],
  1832. timeZoneOffset,
  1833. };
  1834. }
  1835. }
  1836. return null;
  1837. }
  1838. class DateEnv {
  1839. constructor(settings) {
  1840. let timeZone = this.timeZone = settings.timeZone;
  1841. let isNamedTimeZone = timeZone !== 'local' && timeZone !== 'UTC';
  1842. if (settings.namedTimeZoneImpl && isNamedTimeZone) {
  1843. this.namedTimeZoneImpl = new settings.namedTimeZoneImpl(timeZone);
  1844. }
  1845. this.canComputeOffset = Boolean(!isNamedTimeZone || this.namedTimeZoneImpl);
  1846. this.calendarSystem = createCalendarSystem(settings.calendarSystem);
  1847. this.locale = settings.locale;
  1848. this.weekDow = settings.locale.week.dow;
  1849. this.weekDoy = settings.locale.week.doy;
  1850. if (settings.weekNumberCalculation === 'ISO') {
  1851. this.weekDow = 1;
  1852. this.weekDoy = 4;
  1853. }
  1854. if (typeof settings.firstDay === 'number') {
  1855. this.weekDow = settings.firstDay;
  1856. }
  1857. if (typeof settings.weekNumberCalculation === 'function') {
  1858. this.weekNumberFunc = settings.weekNumberCalculation;
  1859. }
  1860. this.weekText = settings.weekText != null ? settings.weekText : settings.locale.options.weekText;
  1861. this.weekTextLong = (settings.weekTextLong != null ? settings.weekTextLong : settings.locale.options.weekTextLong) || this.weekText;
  1862. this.cmdFormatter = settings.cmdFormatter;
  1863. this.defaultSeparator = settings.defaultSeparator;
  1864. }
  1865. // Creating / Parsing
  1866. createMarker(input) {
  1867. let meta = this.createMarkerMeta(input);
  1868. if (meta === null) {
  1869. return null;
  1870. }
  1871. return meta.marker;
  1872. }
  1873. createNowMarker() {
  1874. if (this.canComputeOffset) {
  1875. return this.timestampToMarker(new Date().valueOf());
  1876. }
  1877. // if we can't compute the current date val for a timezone,
  1878. // better to give the current local date vals than UTC
  1879. return arrayToUtcDate(dateToLocalArray(new Date()));
  1880. }
  1881. createMarkerMeta(input) {
  1882. if (typeof input === 'string') {
  1883. return this.parse(input);
  1884. }
  1885. let marker = null;
  1886. if (typeof input === 'number') {
  1887. marker = this.timestampToMarker(input);
  1888. }
  1889. else if (input instanceof Date) {
  1890. input = input.valueOf();
  1891. if (!isNaN(input)) {
  1892. marker = this.timestampToMarker(input);
  1893. }
  1894. }
  1895. else if (Array.isArray(input)) {
  1896. marker = arrayToUtcDate(input);
  1897. }
  1898. if (marker === null || !isValidDate(marker)) {
  1899. return null;
  1900. }
  1901. return { marker, isTimeUnspecified: false, forcedTzo: null };
  1902. }
  1903. parse(s) {
  1904. let parts = parse(s);
  1905. if (parts === null) {
  1906. return null;
  1907. }
  1908. let { marker } = parts;
  1909. let forcedTzo = null;
  1910. if (parts.timeZoneOffset !== null) {
  1911. if (this.canComputeOffset) {
  1912. marker = this.timestampToMarker(marker.valueOf() - parts.timeZoneOffset * 60 * 1000);
  1913. }
  1914. else {
  1915. forcedTzo = parts.timeZoneOffset;
  1916. }
  1917. }
  1918. return { marker, isTimeUnspecified: parts.isTimeUnspecified, forcedTzo };
  1919. }
  1920. // Accessors
  1921. getYear(marker) {
  1922. return this.calendarSystem.getMarkerYear(marker);
  1923. }
  1924. getMonth(marker) {
  1925. return this.calendarSystem.getMarkerMonth(marker);
  1926. }
  1927. getDay(marker) {
  1928. return this.calendarSystem.getMarkerDay(marker);
  1929. }
  1930. // Adding / Subtracting
  1931. add(marker, dur) {
  1932. let a = this.calendarSystem.markerToArray(marker);
  1933. a[0] += dur.years;
  1934. a[1] += dur.months;
  1935. a[2] += dur.days;
  1936. a[6] += dur.milliseconds;
  1937. return this.calendarSystem.arrayToMarker(a);
  1938. }
  1939. subtract(marker, dur) {
  1940. let a = this.calendarSystem.markerToArray(marker);
  1941. a[0] -= dur.years;
  1942. a[1] -= dur.months;
  1943. a[2] -= dur.days;
  1944. a[6] -= dur.milliseconds;
  1945. return this.calendarSystem.arrayToMarker(a);
  1946. }
  1947. addYears(marker, n) {
  1948. let a = this.calendarSystem.markerToArray(marker);
  1949. a[0] += n;
  1950. return this.calendarSystem.arrayToMarker(a);
  1951. }
  1952. addMonths(marker, n) {
  1953. let a = this.calendarSystem.markerToArray(marker);
  1954. a[1] += n;
  1955. return this.calendarSystem.arrayToMarker(a);
  1956. }
  1957. // Diffing Whole Units
  1958. diffWholeYears(m0, m1) {
  1959. let { calendarSystem } = this;
  1960. if (timeAsMs(m0) === timeAsMs(m1) &&
  1961. calendarSystem.getMarkerDay(m0) === calendarSystem.getMarkerDay(m1) &&
  1962. calendarSystem.getMarkerMonth(m0) === calendarSystem.getMarkerMonth(m1)) {
  1963. return calendarSystem.getMarkerYear(m1) - calendarSystem.getMarkerYear(m0);
  1964. }
  1965. return null;
  1966. }
  1967. diffWholeMonths(m0, m1) {
  1968. let { calendarSystem } = this;
  1969. if (timeAsMs(m0) === timeAsMs(m1) &&
  1970. calendarSystem.getMarkerDay(m0) === calendarSystem.getMarkerDay(m1)) {
  1971. return (calendarSystem.getMarkerMonth(m1) - calendarSystem.getMarkerMonth(m0)) +
  1972. (calendarSystem.getMarkerYear(m1) - calendarSystem.getMarkerYear(m0)) * 12;
  1973. }
  1974. return null;
  1975. }
  1976. // Range / Duration
  1977. greatestWholeUnit(m0, m1) {
  1978. let n = this.diffWholeYears(m0, m1);
  1979. if (n !== null) {
  1980. return { unit: 'year', value: n };
  1981. }
  1982. n = this.diffWholeMonths(m0, m1);
  1983. if (n !== null) {
  1984. return { unit: 'month', value: n };
  1985. }
  1986. n = diffWholeWeeks(m0, m1);
  1987. if (n !== null) {
  1988. return { unit: 'week', value: n };
  1989. }
  1990. n = diffWholeDays(m0, m1);
  1991. if (n !== null) {
  1992. return { unit: 'day', value: n };
  1993. }
  1994. n = diffHours(m0, m1);
  1995. if (isInt(n)) {
  1996. return { unit: 'hour', value: n };
  1997. }
  1998. n = diffMinutes(m0, m1);
  1999. if (isInt(n)) {
  2000. return { unit: 'minute', value: n };
  2001. }
  2002. n = diffSeconds(m0, m1);
  2003. if (isInt(n)) {
  2004. return { unit: 'second', value: n };
  2005. }
  2006. return { unit: 'millisecond', value: m1.valueOf() - m0.valueOf() };
  2007. }
  2008. countDurationsBetween(m0, m1, d) {
  2009. // TODO: can use greatestWholeUnit
  2010. let diff;
  2011. if (d.years) {
  2012. diff = this.diffWholeYears(m0, m1);
  2013. if (diff !== null) {
  2014. return diff / asRoughYears(d);
  2015. }
  2016. }
  2017. if (d.months) {
  2018. diff = this.diffWholeMonths(m0, m1);
  2019. if (diff !== null) {
  2020. return diff / asRoughMonths(d);
  2021. }
  2022. }
  2023. if (d.days) {
  2024. diff = diffWholeDays(m0, m1);
  2025. if (diff !== null) {
  2026. return diff / asRoughDays(d);
  2027. }
  2028. }
  2029. return (m1.valueOf() - m0.valueOf()) / asRoughMs(d);
  2030. }
  2031. // Start-Of
  2032. // these DON'T return zoned-dates. only UTC start-of dates
  2033. startOf(m, unit) {
  2034. if (unit === 'year') {
  2035. return this.startOfYear(m);
  2036. }
  2037. if (unit === 'month') {
  2038. return this.startOfMonth(m);
  2039. }
  2040. if (unit === 'week') {
  2041. return this.startOfWeek(m);
  2042. }
  2043. if (unit === 'day') {
  2044. return startOfDay(m);
  2045. }
  2046. if (unit === 'hour') {
  2047. return startOfHour(m);
  2048. }
  2049. if (unit === 'minute') {
  2050. return startOfMinute(m);
  2051. }
  2052. if (unit === 'second') {
  2053. return startOfSecond(m);
  2054. }
  2055. return null;
  2056. }
  2057. startOfYear(m) {
  2058. return this.calendarSystem.arrayToMarker([
  2059. this.calendarSystem.getMarkerYear(m),
  2060. ]);
  2061. }
  2062. startOfMonth(m) {
  2063. return this.calendarSystem.arrayToMarker([
  2064. this.calendarSystem.getMarkerYear(m),
  2065. this.calendarSystem.getMarkerMonth(m),
  2066. ]);
  2067. }
  2068. startOfWeek(m) {
  2069. return this.calendarSystem.arrayToMarker([
  2070. this.calendarSystem.getMarkerYear(m),
  2071. this.calendarSystem.getMarkerMonth(m),
  2072. m.getUTCDate() - ((m.getUTCDay() - this.weekDow + 7) % 7),
  2073. ]);
  2074. }
  2075. // Week Number
  2076. computeWeekNumber(marker) {
  2077. if (this.weekNumberFunc) {
  2078. return this.weekNumberFunc(this.toDate(marker));
  2079. }
  2080. return weekOfYear(marker, this.weekDow, this.weekDoy);
  2081. }
  2082. // TODO: choke on timeZoneName: long
  2083. format(marker, formatter, dateOptions = {}) {
  2084. return formatter.format({
  2085. marker,
  2086. timeZoneOffset: dateOptions.forcedTzo != null ?
  2087. dateOptions.forcedTzo :
  2088. this.offsetForMarker(marker),
  2089. }, this);
  2090. }
  2091. formatRange(start, end, formatter, dateOptions = {}) {
  2092. if (dateOptions.isEndExclusive) {
  2093. end = addMs(end, -1);
  2094. }
  2095. return formatter.formatRange({
  2096. marker: start,
  2097. timeZoneOffset: dateOptions.forcedStartTzo != null ?
  2098. dateOptions.forcedStartTzo :
  2099. this.offsetForMarker(start),
  2100. }, {
  2101. marker: end,
  2102. timeZoneOffset: dateOptions.forcedEndTzo != null ?
  2103. dateOptions.forcedEndTzo :
  2104. this.offsetForMarker(end),
  2105. }, this, dateOptions.defaultSeparator);
  2106. }
  2107. /*
  2108. DUMB: the omitTime arg is dumb. if we omit the time, we want to omit the timezone offset. and if we do that,
  2109. might as well use buildIsoString or some other util directly
  2110. */
  2111. formatIso(marker, extraOptions = {}) {
  2112. let timeZoneOffset = null;
  2113. if (!extraOptions.omitTimeZoneOffset) {
  2114. if (extraOptions.forcedTzo != null) {
  2115. timeZoneOffset = extraOptions.forcedTzo;
  2116. }
  2117. else {
  2118. timeZoneOffset = this.offsetForMarker(marker);
  2119. }
  2120. }
  2121. return buildIsoString(marker, timeZoneOffset, extraOptions.omitTime);
  2122. }
  2123. // TimeZone
  2124. timestampToMarker(ms) {
  2125. if (this.timeZone === 'local') {
  2126. return arrayToUtcDate(dateToLocalArray(new Date(ms)));
  2127. }
  2128. if (this.timeZone === 'UTC' || !this.namedTimeZoneImpl) {
  2129. return new Date(ms);
  2130. }
  2131. return arrayToUtcDate(this.namedTimeZoneImpl.timestampToArray(ms));
  2132. }
  2133. offsetForMarker(m) {
  2134. if (this.timeZone === 'local') {
  2135. return -arrayToLocalDate(dateToUtcArray(m)).getTimezoneOffset(); // convert "inverse" offset to "normal" offset
  2136. }
  2137. if (this.timeZone === 'UTC') {
  2138. return 0;
  2139. }
  2140. if (this.namedTimeZoneImpl) {
  2141. return this.namedTimeZoneImpl.offsetForArray(dateToUtcArray(m));
  2142. }
  2143. return null;
  2144. }
  2145. // Conversion
  2146. toDate(m, forcedTzo) {
  2147. if (this.timeZone === 'local') {
  2148. return arrayToLocalDate(dateToUtcArray(m));
  2149. }
  2150. if (this.timeZone === 'UTC') {
  2151. return new Date(m.valueOf()); // make sure it's a copy
  2152. }
  2153. if (!this.namedTimeZoneImpl) {
  2154. return new Date(m.valueOf() - (forcedTzo || 0));
  2155. }
  2156. return new Date(m.valueOf() -
  2157. this.namedTimeZoneImpl.offsetForArray(dateToUtcArray(m)) * 1000 * 60);
  2158. }
  2159. }
  2160. class Theme {
  2161. constructor(calendarOptions) {
  2162. if (this.iconOverrideOption) {
  2163. this.setIconOverride(calendarOptions[this.iconOverrideOption]);
  2164. }
  2165. }
  2166. setIconOverride(iconOverrideHash) {
  2167. let iconClassesCopy;
  2168. let buttonName;
  2169. if (typeof iconOverrideHash === 'object' && iconOverrideHash) { // non-null object
  2170. iconClassesCopy = Object.assign({}, this.iconClasses);
  2171. for (buttonName in iconOverrideHash) {
  2172. iconClassesCopy[buttonName] = this.applyIconOverridePrefix(iconOverrideHash[buttonName]);
  2173. }
  2174. this.iconClasses = iconClassesCopy;
  2175. }
  2176. else if (iconOverrideHash === false) {
  2177. this.iconClasses = {};
  2178. }
  2179. }
  2180. applyIconOverridePrefix(className) {
  2181. let prefix = this.iconOverridePrefix;
  2182. if (prefix && className.indexOf(prefix) !== 0) { // if not already present
  2183. className = prefix + className;
  2184. }
  2185. return className;
  2186. }
  2187. getClass(key) {
  2188. return this.classes[key] || '';
  2189. }
  2190. getIconClass(buttonName, isRtl) {
  2191. let className;
  2192. if (isRtl && this.rtlIconClasses) {
  2193. className = this.rtlIconClasses[buttonName] || this.iconClasses[buttonName];
  2194. }
  2195. else {
  2196. className = this.iconClasses[buttonName];
  2197. }
  2198. if (className) {
  2199. return `${this.baseIconClass} ${className}`;
  2200. }
  2201. return '';
  2202. }
  2203. getCustomButtonIconClass(customButtonProps) {
  2204. let className;
  2205. if (this.iconOverrideCustomButtonOption) {
  2206. className = customButtonProps[this.iconOverrideCustomButtonOption];
  2207. if (className) {
  2208. return `${this.baseIconClass} ${this.applyIconOverridePrefix(className)}`;
  2209. }
  2210. }
  2211. return '';
  2212. }
  2213. }
  2214. Theme.prototype.classes = {};
  2215. Theme.prototype.iconClasses = {};
  2216. Theme.prototype.baseIconClass = '';
  2217. Theme.prototype.iconOverridePrefix = '';
  2218. /*
  2219. NOTE: this can be a public API, especially createElement for hooks.
  2220. See examples/typescript-scheduler/src/index.ts
  2221. */
  2222. function flushSync(runBeforeFlush) {
  2223. runBeforeFlush();
  2224. let oldDebounceRendering = preact__namespace.options.debounceRendering; // orig
  2225. let callbackQ = [];
  2226. function execCallbackSync(callback) {
  2227. callbackQ.push(callback);
  2228. }
  2229. preact__namespace.options.debounceRendering = execCallbackSync;
  2230. preact__namespace.render(preact__namespace.createElement(FakeComponent, {}), document.createElement('div'));
  2231. while (callbackQ.length) {
  2232. callbackQ.shift()();
  2233. }
  2234. preact__namespace.options.debounceRendering = oldDebounceRendering;
  2235. }
  2236. class FakeComponent extends preact__namespace.Component {
  2237. render() { return preact__namespace.createElement('div', {}); }
  2238. componentDidMount() { this.setState({}); }
  2239. }
  2240. // TODO: use preact/compat instead?
  2241. function createContext(defaultValue) {
  2242. let ContextType = preact__namespace.createContext(defaultValue);
  2243. let origProvider = ContextType.Provider;
  2244. ContextType.Provider = function () {
  2245. let isNew = !this.getChildContext;
  2246. let children = origProvider.apply(this, arguments); // eslint-disable-line prefer-rest-params
  2247. if (isNew) {
  2248. let subs = [];
  2249. this.shouldComponentUpdate = (_props) => {
  2250. if (this.props.value !== _props.value) {
  2251. subs.forEach((c) => {
  2252. c.context = _props.value;
  2253. c.forceUpdate();
  2254. });
  2255. }
  2256. };
  2257. this.sub = (c) => {
  2258. subs.push(c);
  2259. let old = c.componentWillUnmount;
  2260. c.componentWillUnmount = () => {
  2261. subs.splice(subs.indexOf(c), 1);
  2262. old && old.call(c);
  2263. };
  2264. };
  2265. }
  2266. return children;
  2267. };
  2268. return ContextType;
  2269. }
  2270. class ScrollResponder {
  2271. constructor(execFunc, emitter, scrollTime, scrollTimeReset) {
  2272. this.execFunc = execFunc;
  2273. this.emitter = emitter;
  2274. this.scrollTime = scrollTime;
  2275. this.scrollTimeReset = scrollTimeReset;
  2276. this.handleScrollRequest = (request) => {
  2277. this.queuedRequest = Object.assign({}, this.queuedRequest || {}, request);
  2278. this.drain();
  2279. };
  2280. emitter.on('_scrollRequest', this.handleScrollRequest);
  2281. this.fireInitialScroll();
  2282. }
  2283. detach() {
  2284. this.emitter.off('_scrollRequest', this.handleScrollRequest);
  2285. }
  2286. update(isDatesNew) {
  2287. if (isDatesNew && this.scrollTimeReset) {
  2288. this.fireInitialScroll(); // will drain
  2289. }
  2290. else {
  2291. this.drain();
  2292. }
  2293. }
  2294. fireInitialScroll() {
  2295. this.handleScrollRequest({
  2296. time: this.scrollTime,
  2297. });
  2298. }
  2299. drain() {
  2300. if (this.queuedRequest && this.execFunc(this.queuedRequest)) {
  2301. this.queuedRequest = null;
  2302. }
  2303. }
  2304. }
  2305. const ViewContextType = createContext({}); // for Components
  2306. function buildViewContext(viewSpec, viewApi, viewOptions, dateProfileGenerator, dateEnv, theme, pluginHooks, dispatch, getCurrentData, emitter, calendarApi, registerInteractiveComponent, unregisterInteractiveComponent) {
  2307. return {
  2308. dateEnv,
  2309. options: viewOptions,
  2310. pluginHooks,
  2311. emitter,
  2312. dispatch,
  2313. getCurrentData,
  2314. calendarApi,
  2315. viewSpec,
  2316. viewApi,
  2317. dateProfileGenerator,
  2318. theme,
  2319. isRtl: viewOptions.direction === 'rtl',
  2320. addResizeHandler(handler) {
  2321. emitter.on('_resize', handler);
  2322. },
  2323. removeResizeHandler(handler) {
  2324. emitter.off('_resize', handler);
  2325. },
  2326. createScrollResponder(execFunc) {
  2327. return new ScrollResponder(execFunc, emitter, createDuration(viewOptions.scrollTime), viewOptions.scrollTimeReset);
  2328. },
  2329. registerInteractiveComponent,
  2330. unregisterInteractiveComponent,
  2331. };
  2332. }
  2333. /* eslint max-classes-per-file: off */
  2334. class PureComponent extends preact.Component {
  2335. shouldComponentUpdate(nextProps, nextState) {
  2336. if (this.debug) {
  2337. // eslint-disable-next-line no-console
  2338. console.log(getUnequalProps(nextProps, this.props), getUnequalProps(nextState, this.state));
  2339. }
  2340. return !compareObjs(this.props, nextProps, this.propEquality) ||
  2341. !compareObjs(this.state, nextState, this.stateEquality);
  2342. }
  2343. // HACK for freakin' React StrictMode
  2344. safeSetState(newState) {
  2345. if (!compareObjs(this.state, Object.assign(Object.assign({}, this.state), newState), this.stateEquality)) {
  2346. this.setState(newState);
  2347. }
  2348. }
  2349. }
  2350. PureComponent.addPropsEquality = addPropsEquality;
  2351. PureComponent.addStateEquality = addStateEquality;
  2352. PureComponent.contextType = ViewContextType;
  2353. PureComponent.prototype.propEquality = {};
  2354. PureComponent.prototype.stateEquality = {};
  2355. class BaseComponent extends PureComponent {
  2356. }
  2357. BaseComponent.contextType = ViewContextType;
  2358. function addPropsEquality(propEquality) {
  2359. let hash = Object.create(this.prototype.propEquality);
  2360. Object.assign(hash, propEquality);
  2361. this.prototype.propEquality = hash;
  2362. }
  2363. function addStateEquality(stateEquality) {
  2364. let hash = Object.create(this.prototype.stateEquality);
  2365. Object.assign(hash, stateEquality);
  2366. this.prototype.stateEquality = hash;
  2367. }
  2368. // use other one
  2369. function setRef(ref, current) {
  2370. if (typeof ref === 'function') {
  2371. ref(current);
  2372. }
  2373. else if (ref) {
  2374. // see https://github.com/facebook/react/issues/13029
  2375. ref.current = current;
  2376. }
  2377. }
  2378. class ContentInjector extends BaseComponent {
  2379. constructor() {
  2380. super(...arguments);
  2381. this.id = guid();
  2382. this.queuedDomNodes = [];
  2383. this.currentDomNodes = [];
  2384. this.handleEl = (el) => {
  2385. const { options } = this.context;
  2386. const { generatorName } = this.props;
  2387. if (!options.customRenderingReplaces || !hasCustomRenderingHandler(generatorName, options)) {
  2388. this.updateElRef(el);
  2389. }
  2390. };
  2391. this.updateElRef = (el) => {
  2392. if (this.props.elRef) {
  2393. setRef(this.props.elRef, el);
  2394. }
  2395. };
  2396. }
  2397. render() {
  2398. const { props, context } = this;
  2399. const { options } = context;
  2400. const { customGenerator, defaultGenerator, renderProps } = props;
  2401. const attrs = buildElAttrs(props, [], this.handleEl);
  2402. let useDefault = false;
  2403. let innerContent;
  2404. let queuedDomNodes = [];
  2405. let currentGeneratorMeta;
  2406. if (customGenerator != null) {
  2407. const customGeneratorRes = typeof customGenerator === 'function' ?
  2408. customGenerator(renderProps, preact.createElement) :
  2409. customGenerator;
  2410. if (customGeneratorRes === true) {
  2411. useDefault = true;
  2412. }
  2413. else {
  2414. const isObject = customGeneratorRes && typeof customGeneratorRes === 'object'; // non-null
  2415. if (isObject && ('html' in customGeneratorRes)) {
  2416. attrs.dangerouslySetInnerHTML = { __html: customGeneratorRes.html };
  2417. }
  2418. else if (isObject && ('domNodes' in customGeneratorRes)) {
  2419. queuedDomNodes = Array.prototype.slice.call(customGeneratorRes.domNodes);
  2420. }
  2421. else if (isObject
  2422. ? preact.isValidElement(customGeneratorRes) // vdom node
  2423. : typeof customGeneratorRes !== 'function' // primitive value (like string or number)
  2424. ) {
  2425. // use in vdom
  2426. innerContent = customGeneratorRes;
  2427. }
  2428. else {
  2429. // an exotic object for handleCustomRendering
  2430. currentGeneratorMeta = customGeneratorRes;
  2431. }
  2432. }
  2433. }
  2434. else {
  2435. useDefault = !hasCustomRenderingHandler(props.generatorName, options);
  2436. }
  2437. if (useDefault && defaultGenerator) {
  2438. innerContent = defaultGenerator(renderProps);
  2439. }
  2440. this.queuedDomNodes = queuedDomNodes;
  2441. this.currentGeneratorMeta = currentGeneratorMeta;
  2442. return preact.createElement(props.elTag, attrs, innerContent);
  2443. }
  2444. componentDidMount() {
  2445. this.applyQueueudDomNodes();
  2446. this.triggerCustomRendering(true);
  2447. }
  2448. componentDidUpdate() {
  2449. this.applyQueueudDomNodes();
  2450. this.triggerCustomRendering(true);
  2451. }
  2452. componentWillUnmount() {
  2453. this.triggerCustomRendering(false); // TODO: different API for removal?
  2454. }
  2455. triggerCustomRendering(isActive) {
  2456. var _a;
  2457. const { props, context } = this;
  2458. const { handleCustomRendering, customRenderingMetaMap } = context.options;
  2459. if (handleCustomRendering) {
  2460. const generatorMeta = (_a = this.currentGeneratorMeta) !== null && _a !== void 0 ? _a : customRenderingMetaMap === null || customRenderingMetaMap === void 0 ? void 0 : customRenderingMetaMap[props.generatorName];
  2461. if (generatorMeta) {
  2462. handleCustomRendering(Object.assign(Object.assign({ id: this.id, isActive, containerEl: this.base, reportNewContainerEl: this.updateElRef, // front-end framework tells us about new container els
  2463. generatorMeta }, props), { elClasses: (props.elClasses || []).filter(isTruthy) }));
  2464. }
  2465. }
  2466. }
  2467. applyQueueudDomNodes() {
  2468. const { queuedDomNodes, currentDomNodes } = this;
  2469. const el = this.base;
  2470. if (!isArraysEqual(queuedDomNodes, currentDomNodes)) {
  2471. currentDomNodes.forEach(removeElement);
  2472. for (let newNode of queuedDomNodes) {
  2473. el.appendChild(newNode);
  2474. }
  2475. this.currentDomNodes = queuedDomNodes;
  2476. }
  2477. }
  2478. }
  2479. ContentInjector.addPropsEquality({
  2480. elClasses: isArraysEqual,
  2481. elStyle: isPropsEqual,
  2482. elAttrs: isNonHandlerPropsEqual,
  2483. renderProps: isPropsEqual,
  2484. });
  2485. // Util
  2486. /*
  2487. Does UI-framework provide custom way of rendering that does not use Preact VDOM
  2488. AND does the calendar's options define custom rendering?
  2489. AKA. Should we NOT render the default content?
  2490. */
  2491. function hasCustomRenderingHandler(generatorName, options) {
  2492. var _a;
  2493. return Boolean(options.handleCustomRendering &&
  2494. generatorName &&
  2495. ((_a = options.customRenderingMetaMap) === null || _a === void 0 ? void 0 : _a[generatorName]));
  2496. }
  2497. function buildElAttrs(props, extraClassNames, elRef) {
  2498. const attrs = Object.assign(Object.assign({}, props.elAttrs), { ref: elRef });
  2499. if (props.elClasses || extraClassNames) {
  2500. attrs.className = (props.elClasses || [])
  2501. .concat(extraClassNames || [])
  2502. .concat(attrs.className || [])
  2503. .filter(Boolean)
  2504. .join(' ');
  2505. }
  2506. if (props.elStyle) {
  2507. attrs.style = props.elStyle;
  2508. }
  2509. return attrs;
  2510. }
  2511. function isTruthy(val) {
  2512. return Boolean(val);
  2513. }
  2514. const RenderId = createContext(0);
  2515. class ContentContainer extends preact.Component {
  2516. constructor() {
  2517. super(...arguments);
  2518. this.InnerContent = InnerContentInjector.bind(undefined, this);
  2519. this.handleEl = (el) => {
  2520. this.el = el;
  2521. if (this.props.elRef) {
  2522. setRef(this.props.elRef, el);
  2523. if (el && this.didMountMisfire) {
  2524. this.componentDidMount();
  2525. }
  2526. }
  2527. };
  2528. }
  2529. render() {
  2530. const { props } = this;
  2531. const generatedClassNames = generateClassNames(props.classNameGenerator, props.renderProps);
  2532. if (props.children) {
  2533. const elAttrs = buildElAttrs(props, generatedClassNames, this.handleEl);
  2534. const children = props.children(this.InnerContent, props.renderProps, elAttrs);
  2535. if (props.elTag) {
  2536. return preact.createElement(props.elTag, elAttrs, children);
  2537. }
  2538. else {
  2539. return children;
  2540. }
  2541. }
  2542. else {
  2543. return preact.createElement((ContentInjector), Object.assign(Object.assign({}, props), { elRef: this.handleEl, elTag: props.elTag || 'div', elClasses: (props.elClasses || []).concat(generatedClassNames), renderId: this.context }));
  2544. }
  2545. }
  2546. componentDidMount() {
  2547. var _a, _b;
  2548. if (this.el) {
  2549. (_b = (_a = this.props).didMount) === null || _b === void 0 ? void 0 : _b.call(_a, Object.assign(Object.assign({}, this.props.renderProps), { el: this.el }));
  2550. }
  2551. else {
  2552. this.didMountMisfire = true;
  2553. }
  2554. }
  2555. componentWillUnmount() {
  2556. var _a, _b;
  2557. (_b = (_a = this.props).willUnmount) === null || _b === void 0 ? void 0 : _b.call(_a, Object.assign(Object.assign({}, this.props.renderProps), { el: this.el }));
  2558. }
  2559. }
  2560. ContentContainer.contextType = RenderId;
  2561. function InnerContentInjector(containerComponent, props) {
  2562. const parentProps = containerComponent.props;
  2563. return preact.createElement((ContentInjector), Object.assign({ renderProps: parentProps.renderProps, generatorName: parentProps.generatorName, customGenerator: parentProps.customGenerator, defaultGenerator: parentProps.defaultGenerator, renderId: containerComponent.context }, props));
  2564. }
  2565. // Utils
  2566. function generateClassNames(classNameGenerator, renderProps) {
  2567. const classNames = typeof classNameGenerator === 'function' ?
  2568. classNameGenerator(renderProps) :
  2569. classNameGenerator || [];
  2570. return typeof classNames === 'string' ? [classNames] : classNames;
  2571. }
  2572. class ViewContainer extends BaseComponent {
  2573. render() {
  2574. let { props, context } = this;
  2575. let { options } = context;
  2576. let renderProps = { view: context.viewApi };
  2577. return (preact.createElement(ContentContainer, Object.assign({}, props, { elTag: props.elTag || 'div', elClasses: [
  2578. ...buildViewClassNames(props.viewSpec),
  2579. ...(props.elClasses || []),
  2580. ], renderProps: renderProps, classNameGenerator: options.viewClassNames, generatorName: undefined, didMount: options.viewDidMount, willUnmount: options.viewWillUnmount }), () => props.children));
  2581. }
  2582. }
  2583. function buildViewClassNames(viewSpec) {
  2584. return [
  2585. `fc-${viewSpec.type}-view`,
  2586. 'fc-view',
  2587. ];
  2588. }
  2589. function parseRange(input, dateEnv) {
  2590. let start = null;
  2591. let end = null;
  2592. if (input.start) {
  2593. start = dateEnv.createMarker(input.start);
  2594. }
  2595. if (input.end) {
  2596. end = dateEnv.createMarker(input.end);
  2597. }
  2598. if (!start && !end) {
  2599. return null;
  2600. }
  2601. if (start && end && end < start) {
  2602. return null;
  2603. }
  2604. return { start, end };
  2605. }
  2606. // SIDE-EFFECT: will mutate ranges.
  2607. // Will return a new array result.
  2608. function invertRanges(ranges, constraintRange) {
  2609. let invertedRanges = [];
  2610. let { start } = constraintRange; // the end of the previous range. the start of the new range
  2611. let i;
  2612. let dateRange;
  2613. // ranges need to be in order. required for our date-walking algorithm
  2614. ranges.sort(compareRanges);
  2615. for (i = 0; i < ranges.length; i += 1) {
  2616. dateRange = ranges[i];
  2617. // add the span of time before the event (if there is any)
  2618. if (dateRange.start > start) { // compare millisecond time (skip any ambig logic)
  2619. invertedRanges.push({ start, end: dateRange.start });
  2620. }
  2621. if (dateRange.end > start) {
  2622. start = dateRange.end;
  2623. }
  2624. }
  2625. // add the span of time after the last event (if there is any)
  2626. if (start < constraintRange.end) { // compare millisecond time (skip any ambig logic)
  2627. invertedRanges.push({ start, end: constraintRange.end });
  2628. }
  2629. return invertedRanges;
  2630. }
  2631. function compareRanges(range0, range1) {
  2632. return range0.start.valueOf() - range1.start.valueOf(); // earlier ranges go first
  2633. }
  2634. function intersectRanges(range0, range1) {
  2635. let { start, end } = range0;
  2636. let newRange = null;
  2637. if (range1.start !== null) {
  2638. if (start === null) {
  2639. start = range1.start;
  2640. }
  2641. else {
  2642. start = new Date(Math.max(start.valueOf(), range1.start.valueOf()));
  2643. }
  2644. }
  2645. if (range1.end != null) {
  2646. if (end === null) {
  2647. end = range1.end;
  2648. }
  2649. else {
  2650. end = new Date(Math.min(end.valueOf(), range1.end.valueOf()));
  2651. }
  2652. }
  2653. if (start === null || end === null || start < end) {
  2654. newRange = { start, end };
  2655. }
  2656. return newRange;
  2657. }
  2658. function rangesEqual(range0, range1) {
  2659. return (range0.start === null ? null : range0.start.valueOf()) === (range1.start === null ? null : range1.start.valueOf()) &&
  2660. (range0.end === null ? null : range0.end.valueOf()) === (range1.end === null ? null : range1.end.valueOf());
  2661. }
  2662. function rangesIntersect(range0, range1) {
  2663. return (range0.end === null || range1.start === null || range0.end > range1.start) &&
  2664. (range0.start === null || range1.end === null || range0.start < range1.end);
  2665. }
  2666. function rangeContainsRange(outerRange, innerRange) {
  2667. return (outerRange.start === null || (innerRange.start !== null && innerRange.start >= outerRange.start)) &&
  2668. (outerRange.end === null || (innerRange.end !== null && innerRange.end <= outerRange.end));
  2669. }
  2670. function rangeContainsMarker(range, date) {
  2671. return (range.start === null || date >= range.start) &&
  2672. (range.end === null || date < range.end);
  2673. }
  2674. // If the given date is not within the given range, move it inside.
  2675. // (If it's past the end, make it one millisecond before the end).
  2676. function constrainMarkerToRange(date, range) {
  2677. if (range.start != null && date < range.start) {
  2678. return range.start;
  2679. }
  2680. if (range.end != null && date >= range.end) {
  2681. return new Date(range.end.valueOf() - 1);
  2682. }
  2683. return date;
  2684. }
  2685. /* Date stuff that doesn't belong in datelib core
  2686. ----------------------------------------------------------------------------------------------------------------------*/
  2687. // given a timed range, computes an all-day range that has the same exact duration,
  2688. // but whose start time is aligned with the start of the day.
  2689. function computeAlignedDayRange(timedRange) {
  2690. let dayCnt = Math.floor(diffDays(timedRange.start, timedRange.end)) || 1;
  2691. let start = startOfDay(timedRange.start);
  2692. let end = addDays(start, dayCnt);
  2693. return { start, end };
  2694. }
  2695. // given a timed range, computes an all-day range based on how for the end date bleeds into the next day
  2696. // TODO: give nextDayThreshold a default arg
  2697. function computeVisibleDayRange(timedRange, nextDayThreshold = createDuration(0)) {
  2698. let startDay = null;
  2699. let endDay = null;
  2700. if (timedRange.end) {
  2701. endDay = startOfDay(timedRange.end);
  2702. let endTimeMS = timedRange.end.valueOf() - endDay.valueOf(); // # of milliseconds into `endDay`
  2703. // If the end time is actually inclusively part of the next day and is equal to or
  2704. // beyond the next day threshold, adjust the end to be the exclusive end of `endDay`.
  2705. // Otherwise, leaving it as inclusive will cause it to exclude `endDay`.
  2706. if (endTimeMS && endTimeMS >= asRoughMs(nextDayThreshold)) {
  2707. endDay = addDays(endDay, 1);
  2708. }
  2709. }
  2710. if (timedRange.start) {
  2711. startDay = startOfDay(timedRange.start); // the beginning of the day the range starts
  2712. // If end is within `startDay` but not past nextDayThreshold, assign the default duration of one day.
  2713. if (endDay && endDay <= startDay) {
  2714. endDay = addDays(startDay, 1);
  2715. }
  2716. }
  2717. return { start: startDay, end: endDay };
  2718. }
  2719. // spans from one day into another?
  2720. function isMultiDayRange(range) {
  2721. let visibleRange = computeVisibleDayRange(range);
  2722. return diffDays(visibleRange.start, visibleRange.end) > 1;
  2723. }
  2724. function diffDates(date0, date1, dateEnv, largeUnit) {
  2725. if (largeUnit === 'year') {
  2726. return createDuration(dateEnv.diffWholeYears(date0, date1), 'year');
  2727. }
  2728. if (largeUnit === 'month') {
  2729. return createDuration(dateEnv.diffWholeMonths(date0, date1), 'month');
  2730. }
  2731. return diffDayAndTime(date0, date1); // returns a duration
  2732. }
  2733. function reduceCurrentDate(currentDate, action) {
  2734. switch (action.type) {
  2735. case 'CHANGE_DATE':
  2736. return action.dateMarker;
  2737. default:
  2738. return currentDate;
  2739. }
  2740. }
  2741. function getInitialDate(options, dateEnv) {
  2742. let initialDateInput = options.initialDate;
  2743. // compute the initial ambig-timezone date
  2744. if (initialDateInput != null) {
  2745. return dateEnv.createMarker(initialDateInput);
  2746. }
  2747. return getNow(options.now, dateEnv); // getNow already returns unzoned
  2748. }
  2749. function getNow(nowInput, dateEnv) {
  2750. if (typeof nowInput === 'function') {
  2751. nowInput = nowInput();
  2752. }
  2753. if (nowInput == null) {
  2754. return dateEnv.createNowMarker();
  2755. }
  2756. return dateEnv.createMarker(nowInput);
  2757. }
  2758. class DateProfileGenerator {
  2759. constructor(props) {
  2760. this.props = props;
  2761. this.nowDate = getNow(props.nowInput, props.dateEnv);
  2762. this.initHiddenDays();
  2763. }
  2764. /* Date Range Computation
  2765. ------------------------------------------------------------------------------------------------------------------*/
  2766. // Builds a structure with info about what the dates/ranges will be for the "prev" view.
  2767. buildPrev(currentDateProfile, currentDate, forceToValid) {
  2768. let { dateEnv } = this.props;
  2769. let prevDate = dateEnv.subtract(dateEnv.startOf(currentDate, currentDateProfile.currentRangeUnit), // important for start-of-month
  2770. currentDateProfile.dateIncrement);
  2771. return this.build(prevDate, -1, forceToValid);
  2772. }
  2773. // Builds a structure with info about what the dates/ranges will be for the "next" view.
  2774. buildNext(currentDateProfile, currentDate, forceToValid) {
  2775. let { dateEnv } = this.props;
  2776. let nextDate = dateEnv.add(dateEnv.startOf(currentDate, currentDateProfile.currentRangeUnit), // important for start-of-month
  2777. currentDateProfile.dateIncrement);
  2778. return this.build(nextDate, 1, forceToValid);
  2779. }
  2780. // Builds a structure holding dates/ranges for rendering around the given date.
  2781. // Optional direction param indicates whether the date is being incremented/decremented
  2782. // from its previous value. decremented = -1, incremented = 1 (default).
  2783. build(currentDate, direction, forceToValid = true) {
  2784. let { props } = this;
  2785. let validRange;
  2786. let currentInfo;
  2787. let isRangeAllDay;
  2788. let renderRange;
  2789. let activeRange;
  2790. let isValid;
  2791. validRange = this.buildValidRange();
  2792. validRange = this.trimHiddenDays(validRange);
  2793. if (forceToValid) {
  2794. currentDate = constrainMarkerToRange(currentDate, validRange);
  2795. }
  2796. currentInfo = this.buildCurrentRangeInfo(currentDate, direction);
  2797. isRangeAllDay = /^(year|month|week|day)$/.test(currentInfo.unit);
  2798. renderRange = this.buildRenderRange(this.trimHiddenDays(currentInfo.range), currentInfo.unit, isRangeAllDay);
  2799. renderRange = this.trimHiddenDays(renderRange);
  2800. activeRange = renderRange;
  2801. if (!props.showNonCurrentDates) {
  2802. activeRange = intersectRanges(activeRange, currentInfo.range);
  2803. }
  2804. activeRange = this.adjustActiveRange(activeRange);
  2805. activeRange = intersectRanges(activeRange, validRange); // might return null
  2806. // it's invalid if the originally requested date is not contained,
  2807. // or if the range is completely outside of the valid range.
  2808. isValid = rangesIntersect(currentInfo.range, validRange);
  2809. // HACK: constrain to render-range so `currentDate` is more useful to view rendering
  2810. if (!rangeContainsMarker(renderRange, currentDate)) {
  2811. currentDate = renderRange.start;
  2812. }
  2813. return {
  2814. currentDate,
  2815. // constraint for where prev/next operations can go and where events can be dragged/resized to.
  2816. // an object with optional start and end properties.
  2817. validRange,
  2818. // range the view is formally responsible for.
  2819. // for example, a month view might have 1st-31st, excluding padded dates
  2820. currentRange: currentInfo.range,
  2821. // name of largest unit being displayed, like "month" or "week"
  2822. currentRangeUnit: currentInfo.unit,
  2823. isRangeAllDay,
  2824. // dates that display events and accept drag-n-drop
  2825. // will be `null` if no dates accept events
  2826. activeRange,
  2827. // date range with a rendered skeleton
  2828. // includes not-active days that need some sort of DOM
  2829. renderRange,
  2830. // Duration object that denotes the first visible time of any given day
  2831. slotMinTime: props.slotMinTime,
  2832. // Duration object that denotes the exclusive visible end time of any given day
  2833. slotMaxTime: props.slotMaxTime,
  2834. isValid,
  2835. // how far the current date will move for a prev/next operation
  2836. dateIncrement: this.buildDateIncrement(currentInfo.duration),
  2837. // pass a fallback (might be null) ^
  2838. };
  2839. }
  2840. // Builds an object with optional start/end properties.
  2841. // Indicates the minimum/maximum dates to display.
  2842. // not responsible for trimming hidden days.
  2843. buildValidRange() {
  2844. let input = this.props.validRangeInput;
  2845. let simpleInput = typeof input === 'function'
  2846. ? input.call(this.props.calendarApi, this.nowDate)
  2847. : input;
  2848. return this.refineRange(simpleInput) ||
  2849. { start: null, end: null }; // completely open-ended
  2850. }
  2851. // Builds a structure with info about the "current" range, the range that is
  2852. // highlighted as being the current month for example.
  2853. // See build() for a description of `direction`.
  2854. // Guaranteed to have `range` and `unit` properties. `duration` is optional.
  2855. buildCurrentRangeInfo(date, direction) {
  2856. let { props } = this;
  2857. let duration = null;
  2858. let unit = null;
  2859. let range = null;
  2860. let dayCount;
  2861. if (props.duration) {
  2862. duration = props.duration;
  2863. unit = props.durationUnit;
  2864. range = this.buildRangeFromDuration(date, direction, duration, unit);
  2865. }
  2866. else if ((dayCount = this.props.dayCount)) {
  2867. unit = 'day';
  2868. range = this.buildRangeFromDayCount(date, direction, dayCount);
  2869. }
  2870. else if ((range = this.buildCustomVisibleRange(date))) {
  2871. unit = props.dateEnv.greatestWholeUnit(range.start, range.end).unit;
  2872. }
  2873. else {
  2874. duration = this.getFallbackDuration();
  2875. unit = greatestDurationDenominator(duration).unit;
  2876. range = this.buildRangeFromDuration(date, direction, duration, unit);
  2877. }
  2878. return { duration, unit, range };
  2879. }
  2880. getFallbackDuration() {
  2881. return createDuration({ day: 1 });
  2882. }
  2883. // Returns a new activeRange to have time values (un-ambiguate)
  2884. // slotMinTime or slotMaxTime causes the range to expand.
  2885. adjustActiveRange(range) {
  2886. let { dateEnv, usesMinMaxTime, slotMinTime, slotMaxTime } = this.props;
  2887. let { start, end } = range;
  2888. if (usesMinMaxTime) {
  2889. // expand active range if slotMinTime is negative (why not when positive?)
  2890. if (asRoughDays(slotMinTime) < 0) {
  2891. start = startOfDay(start); // necessary?
  2892. start = dateEnv.add(start, slotMinTime);
  2893. }
  2894. // expand active range if slotMaxTime is beyond one day (why not when negative?)
  2895. if (asRoughDays(slotMaxTime) > 1) {
  2896. end = startOfDay(end); // necessary?
  2897. end = addDays(end, -1);
  2898. end = dateEnv.add(end, slotMaxTime);
  2899. }
  2900. }
  2901. return { start, end };
  2902. }
  2903. // Builds the "current" range when it is specified as an explicit duration.
  2904. // `unit` is the already-computed greatestDurationDenominator unit of duration.
  2905. buildRangeFromDuration(date, direction, duration, unit) {
  2906. let { dateEnv, dateAlignment } = this.props;
  2907. let start;
  2908. let end;
  2909. let res;
  2910. // compute what the alignment should be
  2911. if (!dateAlignment) {
  2912. let { dateIncrement } = this.props;
  2913. if (dateIncrement) {
  2914. // use the smaller of the two units
  2915. if (asRoughMs(dateIncrement) < asRoughMs(duration)) {
  2916. dateAlignment = greatestDurationDenominator(dateIncrement).unit;
  2917. }
  2918. else {
  2919. dateAlignment = unit;
  2920. }
  2921. }
  2922. else {
  2923. dateAlignment = unit;
  2924. }
  2925. }
  2926. // if the view displays a single day or smaller
  2927. if (asRoughDays(duration) <= 1) {
  2928. if (this.isHiddenDay(start)) {
  2929. start = this.skipHiddenDays(start, direction);
  2930. start = startOfDay(start);
  2931. }
  2932. }
  2933. function computeRes() {
  2934. start = dateEnv.startOf(date, dateAlignment);
  2935. end = dateEnv.add(start, duration);
  2936. res = { start, end };
  2937. }
  2938. computeRes();
  2939. // if range is completely enveloped by hidden days, go past the hidden days
  2940. if (!this.trimHiddenDays(res)) {
  2941. date = this.skipHiddenDays(date, direction);
  2942. computeRes();
  2943. }
  2944. return res;
  2945. }
  2946. // Builds the "current" range when a dayCount is specified.
  2947. buildRangeFromDayCount(date, direction, dayCount) {
  2948. let { dateEnv, dateAlignment } = this.props;
  2949. let runningCount = 0;
  2950. let start = date;
  2951. let end;
  2952. if (dateAlignment) {
  2953. start = dateEnv.startOf(start, dateAlignment);
  2954. }
  2955. start = startOfDay(start);
  2956. start = this.skipHiddenDays(start, direction);
  2957. end = start;
  2958. do {
  2959. end = addDays(end, 1);
  2960. if (!this.isHiddenDay(end)) {
  2961. runningCount += 1;
  2962. }
  2963. } while (runningCount < dayCount);
  2964. return { start, end };
  2965. }
  2966. // Builds a normalized range object for the "visible" range,
  2967. // which is a way to define the currentRange and activeRange at the same time.
  2968. buildCustomVisibleRange(date) {
  2969. let { props } = this;
  2970. let input = props.visibleRangeInput;
  2971. let simpleInput = typeof input === 'function'
  2972. ? input.call(props.calendarApi, props.dateEnv.toDate(date))
  2973. : input;
  2974. let range = this.refineRange(simpleInput);
  2975. if (range && (range.start == null || range.end == null)) {
  2976. return null;
  2977. }
  2978. return range;
  2979. }
  2980. // Computes the range that will represent the element/cells for *rendering*,
  2981. // but which may have voided days/times.
  2982. // not responsible for trimming hidden days.
  2983. buildRenderRange(currentRange, currentRangeUnit, isRangeAllDay) {
  2984. return currentRange;
  2985. }
  2986. // Compute the duration value that should be added/substracted to the current date
  2987. // when a prev/next operation happens.
  2988. buildDateIncrement(fallback) {
  2989. let { dateIncrement } = this.props;
  2990. let customAlignment;
  2991. if (dateIncrement) {
  2992. return dateIncrement;
  2993. }
  2994. if ((customAlignment = this.props.dateAlignment)) {
  2995. return createDuration(1, customAlignment);
  2996. }
  2997. if (fallback) {
  2998. return fallback;
  2999. }
  3000. return createDuration({ days: 1 });
  3001. }
  3002. refineRange(rangeInput) {
  3003. if (rangeInput) {
  3004. let range = parseRange(rangeInput, this.props.dateEnv);
  3005. if (range) {
  3006. range = computeVisibleDayRange(range);
  3007. }
  3008. return range;
  3009. }
  3010. return null;
  3011. }
  3012. /* Hidden Days
  3013. ------------------------------------------------------------------------------------------------------------------*/
  3014. // Initializes internal variables related to calculating hidden days-of-week
  3015. initHiddenDays() {
  3016. let hiddenDays = this.props.hiddenDays || []; // array of day-of-week indices that are hidden
  3017. let isHiddenDayHash = []; // is the day-of-week hidden? (hash with day-of-week-index -> bool)
  3018. let dayCnt = 0;
  3019. let i;
  3020. if (this.props.weekends === false) {
  3021. hiddenDays.push(0, 6); // 0=sunday, 6=saturday
  3022. }
  3023. for (i = 0; i < 7; i += 1) {
  3024. if (!(isHiddenDayHash[i] = hiddenDays.indexOf(i) !== -1)) {
  3025. dayCnt += 1;
  3026. }
  3027. }
  3028. if (!dayCnt) {
  3029. throw new Error('invalid hiddenDays'); // all days were hidden? bad.
  3030. }
  3031. this.isHiddenDayHash = isHiddenDayHash;
  3032. }
  3033. // Remove days from the beginning and end of the range that are computed as hidden.
  3034. // If the whole range is trimmed off, returns null
  3035. trimHiddenDays(range) {
  3036. let { start, end } = range;
  3037. if (start) {
  3038. start = this.skipHiddenDays(start);
  3039. }
  3040. if (end) {
  3041. end = this.skipHiddenDays(end, -1, true);
  3042. }
  3043. if (start == null || end == null || start < end) {
  3044. return { start, end };
  3045. }
  3046. return null;
  3047. }
  3048. // Is the current day hidden?
  3049. // `day` is a day-of-week index (0-6), or a Date (used for UTC)
  3050. isHiddenDay(day) {
  3051. if (day instanceof Date) {
  3052. day = day.getUTCDay();
  3053. }
  3054. return this.isHiddenDayHash[day];
  3055. }
  3056. // Incrementing the current day until it is no longer a hidden day, returning a copy.
  3057. // DOES NOT CONSIDER validRange!
  3058. // If the initial value of `date` is not a hidden day, don't do anything.
  3059. // Pass `isExclusive` as `true` if you are dealing with an end date.
  3060. // `inc` defaults to `1` (increment one day forward each time)
  3061. skipHiddenDays(date, inc = 1, isExclusive = false) {
  3062. while (this.isHiddenDayHash[(date.getUTCDay() + (isExclusive ? inc : 0) + 7) % 7]) {
  3063. date = addDays(date, inc);
  3064. }
  3065. return date;
  3066. }
  3067. }
  3068. function createEventInstance(defId, range, forcedStartTzo, forcedEndTzo) {
  3069. return {
  3070. instanceId: guid(),
  3071. defId,
  3072. range,
  3073. forcedStartTzo: forcedStartTzo == null ? null : forcedStartTzo,
  3074. forcedEndTzo: forcedEndTzo == null ? null : forcedEndTzo,
  3075. };
  3076. }
  3077. function parseRecurring(refined, defaultAllDay, dateEnv, recurringTypes) {
  3078. for (let i = 0; i < recurringTypes.length; i += 1) {
  3079. let parsed = recurringTypes[i].parse(refined, dateEnv);
  3080. if (parsed) {
  3081. let { allDay } = refined;
  3082. if (allDay == null) {
  3083. allDay = defaultAllDay;
  3084. if (allDay == null) {
  3085. allDay = parsed.allDayGuess;
  3086. if (allDay == null) {
  3087. allDay = false;
  3088. }
  3089. }
  3090. }
  3091. return {
  3092. allDay,
  3093. duration: parsed.duration,
  3094. typeData: parsed.typeData,
  3095. typeId: i,
  3096. };
  3097. }
  3098. }
  3099. return null;
  3100. }
  3101. function expandRecurring(eventStore, framingRange, context) {
  3102. let { dateEnv, pluginHooks, options } = context;
  3103. let { defs, instances } = eventStore;
  3104. // remove existing recurring instances
  3105. // TODO: bad. always expand events as a second step
  3106. instances = filterHash(instances, (instance) => !defs[instance.defId].recurringDef);
  3107. for (let defId in defs) {
  3108. let def = defs[defId];
  3109. if (def.recurringDef) {
  3110. let { duration } = def.recurringDef;
  3111. if (!duration) {
  3112. duration = def.allDay ?
  3113. options.defaultAllDayEventDuration :
  3114. options.defaultTimedEventDuration;
  3115. }
  3116. let starts = expandRecurringRanges(def, duration, framingRange, dateEnv, pluginHooks.recurringTypes);
  3117. for (let start of starts) {
  3118. let instance = createEventInstance(defId, {
  3119. start,
  3120. end: dateEnv.add(start, duration),
  3121. });
  3122. instances[instance.instanceId] = instance;
  3123. }
  3124. }
  3125. }
  3126. return { defs, instances };
  3127. }
  3128. /*
  3129. Event MUST have a recurringDef
  3130. */
  3131. function expandRecurringRanges(eventDef, duration, framingRange, dateEnv, recurringTypes) {
  3132. let typeDef = recurringTypes[eventDef.recurringDef.typeId];
  3133. let markers = typeDef.expand(eventDef.recurringDef.typeData, {
  3134. start: dateEnv.subtract(framingRange.start, duration),
  3135. end: framingRange.end,
  3136. }, dateEnv);
  3137. // the recurrence plugins don't guarantee that all-day events are start-of-day, so we have to
  3138. if (eventDef.allDay) {
  3139. markers = markers.map(startOfDay);
  3140. }
  3141. return markers;
  3142. }
  3143. const EVENT_NON_DATE_REFINERS = {
  3144. id: String,
  3145. groupId: String,
  3146. title: String,
  3147. url: String,
  3148. interactive: Boolean,
  3149. };
  3150. const EVENT_DATE_REFINERS = {
  3151. start: identity,
  3152. end: identity,
  3153. date: identity,
  3154. allDay: Boolean,
  3155. };
  3156. const EVENT_REFINERS = Object.assign(Object.assign(Object.assign({}, EVENT_NON_DATE_REFINERS), EVENT_DATE_REFINERS), { extendedProps: identity });
  3157. function parseEvent(raw, eventSource, context, allowOpenRange, refiners = buildEventRefiners(context), defIdMap, instanceIdMap) {
  3158. let { refined, extra } = refineEventDef(raw, context, refiners);
  3159. let defaultAllDay = computeIsDefaultAllDay(eventSource, context);
  3160. let recurringRes = parseRecurring(refined, defaultAllDay, context.dateEnv, context.pluginHooks.recurringTypes);
  3161. if (recurringRes) {
  3162. let def = parseEventDef(refined, extra, eventSource ? eventSource.sourceId : '', recurringRes.allDay, Boolean(recurringRes.duration), context, defIdMap);
  3163. def.recurringDef = {
  3164. typeId: recurringRes.typeId,
  3165. typeData: recurringRes.typeData,
  3166. duration: recurringRes.duration,
  3167. };
  3168. return { def, instance: null };
  3169. }
  3170. let singleRes = parseSingle(refined, defaultAllDay, context, allowOpenRange);
  3171. if (singleRes) {
  3172. let def = parseEventDef(refined, extra, eventSource ? eventSource.sourceId : '', singleRes.allDay, singleRes.hasEnd, context, defIdMap);
  3173. let instance = createEventInstance(def.defId, singleRes.range, singleRes.forcedStartTzo, singleRes.forcedEndTzo);
  3174. if (instanceIdMap && def.publicId && instanceIdMap[def.publicId]) {
  3175. instance.instanceId = instanceIdMap[def.publicId];
  3176. }
  3177. return { def, instance };
  3178. }
  3179. return null;
  3180. }
  3181. function refineEventDef(raw, context, refiners = buildEventRefiners(context)) {
  3182. return refineProps(raw, refiners);
  3183. }
  3184. function buildEventRefiners(context) {
  3185. return Object.assign(Object.assign(Object.assign({}, EVENT_UI_REFINERS), EVENT_REFINERS), context.pluginHooks.eventRefiners);
  3186. }
  3187. /*
  3188. Will NOT populate extendedProps with the leftover properties.
  3189. Will NOT populate date-related props.
  3190. */
  3191. function parseEventDef(refined, extra, sourceId, allDay, hasEnd, context, defIdMap) {
  3192. let def = {
  3193. title: refined.title || '',
  3194. groupId: refined.groupId || '',
  3195. publicId: refined.id || '',
  3196. url: refined.url || '',
  3197. recurringDef: null,
  3198. defId: ((defIdMap && refined.id) ? defIdMap[refined.id] : '') || guid(),
  3199. sourceId,
  3200. allDay,
  3201. hasEnd,
  3202. interactive: refined.interactive,
  3203. ui: createEventUi(refined, context),
  3204. extendedProps: Object.assign(Object.assign({}, (refined.extendedProps || {})), extra),
  3205. };
  3206. for (let memberAdder of context.pluginHooks.eventDefMemberAdders) {
  3207. Object.assign(def, memberAdder(refined));
  3208. }
  3209. // help out EventImpl from having user modify props
  3210. Object.freeze(def.ui.classNames);
  3211. Object.freeze(def.extendedProps);
  3212. return def;
  3213. }
  3214. function parseSingle(refined, defaultAllDay, context, allowOpenRange) {
  3215. let { allDay } = refined;
  3216. let startMeta;
  3217. let startMarker = null;
  3218. let hasEnd = false;
  3219. let endMeta;
  3220. let endMarker = null;
  3221. let startInput = refined.start != null ? refined.start : refined.date;
  3222. startMeta = context.dateEnv.createMarkerMeta(startInput);
  3223. if (startMeta) {
  3224. startMarker = startMeta.marker;
  3225. }
  3226. else if (!allowOpenRange) {
  3227. return null;
  3228. }
  3229. if (refined.end != null) {
  3230. endMeta = context.dateEnv.createMarkerMeta(refined.end);
  3231. }
  3232. if (allDay == null) {
  3233. if (defaultAllDay != null) {
  3234. allDay = defaultAllDay;
  3235. }
  3236. else {
  3237. // fall back to the date props LAST
  3238. allDay = (!startMeta || startMeta.isTimeUnspecified) &&
  3239. (!endMeta || endMeta.isTimeUnspecified);
  3240. }
  3241. }
  3242. if (allDay && startMarker) {
  3243. startMarker = startOfDay(startMarker);
  3244. }
  3245. if (endMeta) {
  3246. endMarker = endMeta.marker;
  3247. if (allDay) {
  3248. endMarker = startOfDay(endMarker);
  3249. }
  3250. if (startMarker && endMarker <= startMarker) {
  3251. endMarker = null;
  3252. }
  3253. }
  3254. if (endMarker) {
  3255. hasEnd = true;
  3256. }
  3257. else if (!allowOpenRange) {
  3258. hasEnd = context.options.forceEventDuration || false;
  3259. endMarker = context.dateEnv.add(startMarker, allDay ?
  3260. context.options.defaultAllDayEventDuration :
  3261. context.options.defaultTimedEventDuration);
  3262. }
  3263. return {
  3264. allDay,
  3265. hasEnd,
  3266. range: { start: startMarker, end: endMarker },
  3267. forcedStartTzo: startMeta ? startMeta.forcedTzo : null,
  3268. forcedEndTzo: endMeta ? endMeta.forcedTzo : null,
  3269. };
  3270. }
  3271. function computeIsDefaultAllDay(eventSource, context) {
  3272. let res = null;
  3273. if (eventSource) {
  3274. res = eventSource.defaultAllDay;
  3275. }
  3276. if (res == null) {
  3277. res = context.options.defaultAllDay;
  3278. }
  3279. return res;
  3280. }
  3281. function parseEvents(rawEvents, eventSource, context, allowOpenRange, defIdMap, instanceIdMap) {
  3282. let eventStore = createEmptyEventStore();
  3283. let eventRefiners = buildEventRefiners(context);
  3284. for (let rawEvent of rawEvents) {
  3285. let tuple = parseEvent(rawEvent, eventSource, context, allowOpenRange, eventRefiners, defIdMap, instanceIdMap);
  3286. if (tuple) {
  3287. eventTupleToStore(tuple, eventStore);
  3288. }
  3289. }
  3290. return eventStore;
  3291. }
  3292. function eventTupleToStore(tuple, eventStore = createEmptyEventStore()) {
  3293. eventStore.defs[tuple.def.defId] = tuple.def;
  3294. if (tuple.instance) {
  3295. eventStore.instances[tuple.instance.instanceId] = tuple.instance;
  3296. }
  3297. return eventStore;
  3298. }
  3299. // retrieves events that have the same groupId as the instance specified by `instanceId`
  3300. // or they are the same as the instance.
  3301. // why might instanceId not be in the store? an event from another calendar?
  3302. function getRelevantEvents(eventStore, instanceId) {
  3303. let instance = eventStore.instances[instanceId];
  3304. if (instance) {
  3305. let def = eventStore.defs[instance.defId];
  3306. // get events/instances with same group
  3307. let newStore = filterEventStoreDefs(eventStore, (lookDef) => isEventDefsGrouped(def, lookDef));
  3308. // add the original
  3309. // TODO: wish we could use eventTupleToStore or something like it
  3310. newStore.defs[def.defId] = def;
  3311. newStore.instances[instance.instanceId] = instance;
  3312. return newStore;
  3313. }
  3314. return createEmptyEventStore();
  3315. }
  3316. function isEventDefsGrouped(def0, def1) {
  3317. return Boolean(def0.groupId && def0.groupId === def1.groupId);
  3318. }
  3319. function createEmptyEventStore() {
  3320. return { defs: {}, instances: {} };
  3321. }
  3322. function mergeEventStores(store0, store1) {
  3323. return {
  3324. defs: Object.assign(Object.assign({}, store0.defs), store1.defs),
  3325. instances: Object.assign(Object.assign({}, store0.instances), store1.instances),
  3326. };
  3327. }
  3328. function filterEventStoreDefs(eventStore, filterFunc) {
  3329. let defs = filterHash(eventStore.defs, filterFunc);
  3330. let instances = filterHash(eventStore.instances, (instance) => (defs[instance.defId] // still exists?
  3331. ));
  3332. return { defs, instances };
  3333. }
  3334. function excludeSubEventStore(master, sub) {
  3335. let { defs, instances } = master;
  3336. let filteredDefs = {};
  3337. let filteredInstances = {};
  3338. for (let defId in defs) {
  3339. if (!sub.defs[defId]) { // not explicitly excluded
  3340. filteredDefs[defId] = defs[defId];
  3341. }
  3342. }
  3343. for (let instanceId in instances) {
  3344. if (!sub.instances[instanceId] && // not explicitly excluded
  3345. filteredDefs[instances[instanceId].defId] // def wasn't filtered away
  3346. ) {
  3347. filteredInstances[instanceId] = instances[instanceId];
  3348. }
  3349. }
  3350. return {
  3351. defs: filteredDefs,
  3352. instances: filteredInstances,
  3353. };
  3354. }
  3355. function normalizeConstraint(input, context) {
  3356. if (Array.isArray(input)) {
  3357. return parseEvents(input, null, context, true); // allowOpenRange=true
  3358. }
  3359. if (typeof input === 'object' && input) { // non-null object
  3360. return parseEvents([input], null, context, true); // allowOpenRange=true
  3361. }
  3362. if (input != null) {
  3363. return String(input);
  3364. }
  3365. return null;
  3366. }
  3367. function parseClassNames(raw) {
  3368. if (Array.isArray(raw)) {
  3369. return raw;
  3370. }
  3371. if (typeof raw === 'string') {
  3372. return raw.split(/\s+/);
  3373. }
  3374. return [];
  3375. }
  3376. // TODO: better called "EventSettings" or "EventConfig"
  3377. // TODO: move this file into structs
  3378. // TODO: separate constraint/overlap/allow, because selection uses only that, not other props
  3379. const EVENT_UI_REFINERS = {
  3380. display: String,
  3381. editable: Boolean,
  3382. startEditable: Boolean,
  3383. durationEditable: Boolean,
  3384. constraint: identity,
  3385. overlap: identity,
  3386. allow: identity,
  3387. className: parseClassNames,
  3388. classNames: parseClassNames,
  3389. color: String,
  3390. backgroundColor: String,
  3391. borderColor: String,
  3392. textColor: String,
  3393. };
  3394. const EMPTY_EVENT_UI = {
  3395. display: null,
  3396. startEditable: null,
  3397. durationEditable: null,
  3398. constraints: [],
  3399. overlap: null,
  3400. allows: [],
  3401. backgroundColor: '',
  3402. borderColor: '',
  3403. textColor: '',
  3404. classNames: [],
  3405. };
  3406. function createEventUi(refined, context) {
  3407. let constraint = normalizeConstraint(refined.constraint, context);
  3408. return {
  3409. display: refined.display || null,
  3410. startEditable: refined.startEditable != null ? refined.startEditable : refined.editable,
  3411. durationEditable: refined.durationEditable != null ? refined.durationEditable : refined.editable,
  3412. constraints: constraint != null ? [constraint] : [],
  3413. overlap: refined.overlap != null ? refined.overlap : null,
  3414. allows: refined.allow != null ? [refined.allow] : [],
  3415. backgroundColor: refined.backgroundColor || refined.color || '',
  3416. borderColor: refined.borderColor || refined.color || '',
  3417. textColor: refined.textColor || '',
  3418. classNames: (refined.className || []).concat(refined.classNames || []), // join singular and plural
  3419. };
  3420. }
  3421. // TODO: prevent against problems with <2 args!
  3422. function combineEventUis(uis) {
  3423. return uis.reduce(combineTwoEventUis, EMPTY_EVENT_UI);
  3424. }
  3425. function combineTwoEventUis(item0, item1) {
  3426. return {
  3427. display: item1.display != null ? item1.display : item0.display,
  3428. startEditable: item1.startEditable != null ? item1.startEditable : item0.startEditable,
  3429. durationEditable: item1.durationEditable != null ? item1.durationEditable : item0.durationEditable,
  3430. constraints: item0.constraints.concat(item1.constraints),
  3431. overlap: typeof item1.overlap === 'boolean' ? item1.overlap : item0.overlap,
  3432. allows: item0.allows.concat(item1.allows),
  3433. backgroundColor: item1.backgroundColor || item0.backgroundColor,
  3434. borderColor: item1.borderColor || item0.borderColor,
  3435. textColor: item1.textColor || item0.textColor,
  3436. classNames: item0.classNames.concat(item1.classNames),
  3437. };
  3438. }
  3439. const EVENT_SOURCE_REFINERS = {
  3440. id: String,
  3441. defaultAllDay: Boolean,
  3442. url: String,
  3443. format: String,
  3444. events: identity,
  3445. eventDataTransform: identity,
  3446. // for any network-related sources
  3447. success: identity,
  3448. failure: identity,
  3449. };
  3450. function parseEventSource(raw, context, refiners = buildEventSourceRefiners(context)) {
  3451. let rawObj;
  3452. if (typeof raw === 'string') {
  3453. rawObj = { url: raw };
  3454. }
  3455. else if (typeof raw === 'function' || Array.isArray(raw)) {
  3456. rawObj = { events: raw };
  3457. }
  3458. else if (typeof raw === 'object' && raw) { // not null
  3459. rawObj = raw;
  3460. }
  3461. if (rawObj) {
  3462. let { refined, extra } = refineProps(rawObj, refiners);
  3463. let metaRes = buildEventSourceMeta(refined, context);
  3464. if (metaRes) {
  3465. return {
  3466. _raw: raw,
  3467. isFetching: false,
  3468. latestFetchId: '',
  3469. fetchRange: null,
  3470. defaultAllDay: refined.defaultAllDay,
  3471. eventDataTransform: refined.eventDataTransform,
  3472. success: refined.success,
  3473. failure: refined.failure,
  3474. publicId: refined.id || '',
  3475. sourceId: guid(),
  3476. sourceDefId: metaRes.sourceDefId,
  3477. meta: metaRes.meta,
  3478. ui: createEventUi(refined, context),
  3479. extendedProps: extra,
  3480. };
  3481. }
  3482. }
  3483. return null;
  3484. }
  3485. function buildEventSourceRefiners(context) {
  3486. return Object.assign(Object.assign(Object.assign({}, EVENT_UI_REFINERS), EVENT_SOURCE_REFINERS), context.pluginHooks.eventSourceRefiners);
  3487. }
  3488. function buildEventSourceMeta(raw, context) {
  3489. let defs = context.pluginHooks.eventSourceDefs;
  3490. for (let i = defs.length - 1; i >= 0; i -= 1) { // later-added plugins take precedence
  3491. let def = defs[i];
  3492. let meta = def.parseMeta(raw);
  3493. if (meta) {
  3494. return { sourceDefId: i, meta };
  3495. }
  3496. }
  3497. return null;
  3498. }
  3499. function reduceEventStore(eventStore, action, eventSources, dateProfile, context) {
  3500. switch (action.type) {
  3501. case 'RECEIVE_EVENTS': // raw
  3502. return receiveRawEvents(eventStore, eventSources[action.sourceId], action.fetchId, action.fetchRange, action.rawEvents, context);
  3503. case 'RESET_RAW_EVENTS':
  3504. return resetRawEvents(eventStore, eventSources[action.sourceId], action.rawEvents, dateProfile.activeRange, context);
  3505. case 'ADD_EVENTS': // already parsed, but not expanded
  3506. return addEvent(eventStore, action.eventStore, // new ones
  3507. dateProfile ? dateProfile.activeRange : null, context);
  3508. case 'RESET_EVENTS':
  3509. return action.eventStore;
  3510. case 'MERGE_EVENTS': // already parsed and expanded
  3511. return mergeEventStores(eventStore, action.eventStore);
  3512. case 'PREV': // TODO: how do we track all actions that affect dateProfile :(
  3513. case 'NEXT':
  3514. case 'CHANGE_DATE':
  3515. case 'CHANGE_VIEW_TYPE':
  3516. if (dateProfile) {
  3517. return expandRecurring(eventStore, dateProfile.activeRange, context);
  3518. }
  3519. return eventStore;
  3520. case 'REMOVE_EVENTS':
  3521. return excludeSubEventStore(eventStore, action.eventStore);
  3522. case 'REMOVE_EVENT_SOURCE':
  3523. return excludeEventsBySourceId(eventStore, action.sourceId);
  3524. case 'REMOVE_ALL_EVENT_SOURCES':
  3525. return filterEventStoreDefs(eventStore, (eventDef) => (!eventDef.sourceId // only keep events with no source id
  3526. ));
  3527. case 'REMOVE_ALL_EVENTS':
  3528. return createEmptyEventStore();
  3529. default:
  3530. return eventStore;
  3531. }
  3532. }
  3533. function receiveRawEvents(eventStore, eventSource, fetchId, fetchRange, rawEvents, context) {
  3534. if (eventSource && // not already removed
  3535. fetchId === eventSource.latestFetchId // TODO: wish this logic was always in event-sources
  3536. ) {
  3537. let subset = parseEvents(transformRawEvents(rawEvents, eventSource, context), eventSource, context);
  3538. if (fetchRange) {
  3539. subset = expandRecurring(subset, fetchRange, context);
  3540. }
  3541. return mergeEventStores(excludeEventsBySourceId(eventStore, eventSource.sourceId), subset);
  3542. }
  3543. return eventStore;
  3544. }
  3545. function resetRawEvents(existingEventStore, eventSource, rawEvents, activeRange, context) {
  3546. const { defIdMap, instanceIdMap } = buildPublicIdMaps(existingEventStore);
  3547. let newEventStore = parseEvents(transformRawEvents(rawEvents, eventSource, context), eventSource, context, false, defIdMap, instanceIdMap);
  3548. return expandRecurring(newEventStore, activeRange, context);
  3549. }
  3550. function transformRawEvents(rawEvents, eventSource, context) {
  3551. let calEachTransform = context.options.eventDataTransform;
  3552. let sourceEachTransform = eventSource ? eventSource.eventDataTransform : null;
  3553. if (sourceEachTransform) {
  3554. rawEvents = transformEachRawEvent(rawEvents, sourceEachTransform);
  3555. }
  3556. if (calEachTransform) {
  3557. rawEvents = transformEachRawEvent(rawEvents, calEachTransform);
  3558. }
  3559. return rawEvents;
  3560. }
  3561. function transformEachRawEvent(rawEvents, func) {
  3562. let refinedEvents;
  3563. if (!func) {
  3564. refinedEvents = rawEvents;
  3565. }
  3566. else {
  3567. refinedEvents = [];
  3568. for (let rawEvent of rawEvents) {
  3569. let refinedEvent = func(rawEvent);
  3570. if (refinedEvent) {
  3571. refinedEvents.push(refinedEvent);
  3572. }
  3573. else if (refinedEvent == null) {
  3574. refinedEvents.push(rawEvent);
  3575. } // if a different falsy value, do nothing
  3576. }
  3577. }
  3578. return refinedEvents;
  3579. }
  3580. function addEvent(eventStore, subset, expandRange, context) {
  3581. if (expandRange) {
  3582. subset = expandRecurring(subset, expandRange, context);
  3583. }
  3584. return mergeEventStores(eventStore, subset);
  3585. }
  3586. function rezoneEventStoreDates(eventStore, oldDateEnv, newDateEnv) {
  3587. let { defs } = eventStore;
  3588. let instances = mapHash(eventStore.instances, (instance) => {
  3589. let def = defs[instance.defId];
  3590. if (def.allDay) {
  3591. return instance; // isn't dependent on timezone
  3592. }
  3593. return Object.assign(Object.assign({}, instance), { range: {
  3594. start: newDateEnv.createMarker(oldDateEnv.toDate(instance.range.start, instance.forcedStartTzo)),
  3595. end: newDateEnv.createMarker(oldDateEnv.toDate(instance.range.end, instance.forcedEndTzo)),
  3596. }, forcedStartTzo: newDateEnv.canComputeOffset ? null : instance.forcedStartTzo, forcedEndTzo: newDateEnv.canComputeOffset ? null : instance.forcedEndTzo });
  3597. });
  3598. return { defs, instances };
  3599. }
  3600. function excludeEventsBySourceId(eventStore, sourceId) {
  3601. return filterEventStoreDefs(eventStore, (eventDef) => eventDef.sourceId !== sourceId);
  3602. }
  3603. // QUESTION: why not just return instances? do a general object-property-exclusion util
  3604. function excludeInstances(eventStore, removals) {
  3605. return {
  3606. defs: eventStore.defs,
  3607. instances: filterHash(eventStore.instances, (instance) => !removals[instance.instanceId]),
  3608. };
  3609. }
  3610. function buildPublicIdMaps(eventStore) {
  3611. const { defs, instances } = eventStore;
  3612. const defIdMap = {};
  3613. const instanceIdMap = {};
  3614. for (let defId in defs) {
  3615. const def = defs[defId];
  3616. const { publicId } = def;
  3617. if (publicId) {
  3618. defIdMap[publicId] = defId;
  3619. }
  3620. }
  3621. for (let instanceId in instances) {
  3622. const instance = instances[instanceId];
  3623. const def = defs[instance.defId];
  3624. const { publicId } = def;
  3625. if (publicId) {
  3626. instanceIdMap[publicId] = instanceId;
  3627. }
  3628. }
  3629. return { defIdMap, instanceIdMap };
  3630. }
  3631. class Emitter {
  3632. constructor() {
  3633. this.handlers = {};
  3634. this.thisContext = null;
  3635. }
  3636. setThisContext(thisContext) {
  3637. this.thisContext = thisContext;
  3638. }
  3639. setOptions(options) {
  3640. this.options = options;
  3641. }
  3642. on(type, handler) {
  3643. addToHash(this.handlers, type, handler);
  3644. }
  3645. off(type, handler) {
  3646. removeFromHash(this.handlers, type, handler);
  3647. }
  3648. trigger(type, ...args) {
  3649. let attachedHandlers = this.handlers[type] || [];
  3650. let optionHandler = this.options && this.options[type];
  3651. let handlers = [].concat(optionHandler || [], attachedHandlers);
  3652. for (let handler of handlers) {
  3653. handler.apply(this.thisContext, args);
  3654. }
  3655. }
  3656. hasHandlers(type) {
  3657. return Boolean((this.handlers[type] && this.handlers[type].length) ||
  3658. (this.options && this.options[type]));
  3659. }
  3660. }
  3661. function addToHash(hash, type, handler) {
  3662. (hash[type] || (hash[type] = []))
  3663. .push(handler);
  3664. }
  3665. function removeFromHash(hash, type, handler) {
  3666. if (handler) {
  3667. if (hash[type]) {
  3668. hash[type] = hash[type].filter((func) => func !== handler);
  3669. }
  3670. }
  3671. else {
  3672. delete hash[type]; // remove all handler funcs for this type
  3673. }
  3674. }
  3675. const DEF_DEFAULTS = {
  3676. startTime: '09:00',
  3677. endTime: '17:00',
  3678. daysOfWeek: [1, 2, 3, 4, 5],
  3679. display: 'inverse-background',
  3680. classNames: 'fc-non-business',
  3681. groupId: '_businessHours', // so multiple defs get grouped
  3682. };
  3683. /*
  3684. TODO: pass around as EventDefHash!!!
  3685. */
  3686. function parseBusinessHours(input, context) {
  3687. return parseEvents(refineInputs(input), null, context);
  3688. }
  3689. function refineInputs(input) {
  3690. let rawDefs;
  3691. if (input === true) {
  3692. rawDefs = [{}]; // will get DEF_DEFAULTS verbatim
  3693. }
  3694. else if (Array.isArray(input)) {
  3695. // if specifying an array, every sub-definition NEEDS a day-of-week
  3696. rawDefs = input.filter((rawDef) => rawDef.daysOfWeek);
  3697. }
  3698. else if (typeof input === 'object' && input) { // non-null object
  3699. rawDefs = [input];
  3700. }
  3701. else { // is probably false
  3702. rawDefs = [];
  3703. }
  3704. rawDefs = rawDefs.map((rawDef) => (Object.assign(Object.assign({}, DEF_DEFAULTS), rawDef)));
  3705. return rawDefs;
  3706. }
  3707. function triggerDateSelect(selection, pev, context) {
  3708. context.emitter.trigger('select', Object.assign(Object.assign({}, buildDateSpanApiWithContext(selection, context)), { jsEvent: pev ? pev.origEvent : null, view: context.viewApi || context.calendarApi.view }));
  3709. }
  3710. function triggerDateUnselect(pev, context) {
  3711. context.emitter.trigger('unselect', {
  3712. jsEvent: pev ? pev.origEvent : null,
  3713. view: context.viewApi || context.calendarApi.view,
  3714. });
  3715. }
  3716. function buildDateSpanApiWithContext(dateSpan, context) {
  3717. let props = {};
  3718. for (let transform of context.pluginHooks.dateSpanTransforms) {
  3719. Object.assign(props, transform(dateSpan, context));
  3720. }
  3721. Object.assign(props, buildDateSpanApi(dateSpan, context.dateEnv));
  3722. return props;
  3723. }
  3724. // Given an event's allDay status and start date, return what its fallback end date should be.
  3725. // TODO: rename to computeDefaultEventEnd
  3726. function getDefaultEventEnd(allDay, marker, context) {
  3727. let { dateEnv, options } = context;
  3728. let end = marker;
  3729. if (allDay) {
  3730. end = startOfDay(end);
  3731. end = dateEnv.add(end, options.defaultAllDayEventDuration);
  3732. }
  3733. else {
  3734. end = dateEnv.add(end, options.defaultTimedEventDuration);
  3735. }
  3736. return end;
  3737. }
  3738. // applies the mutation to ALL defs/instances within the event store
  3739. function applyMutationToEventStore(eventStore, eventConfigBase, mutation, context) {
  3740. let eventConfigs = compileEventUis(eventStore.defs, eventConfigBase);
  3741. let dest = createEmptyEventStore();
  3742. for (let defId in eventStore.defs) {
  3743. let def = eventStore.defs[defId];
  3744. dest.defs[defId] = applyMutationToEventDef(def, eventConfigs[defId], mutation, context);
  3745. }
  3746. for (let instanceId in eventStore.instances) {
  3747. let instance = eventStore.instances[instanceId];
  3748. let def = dest.defs[instance.defId]; // important to grab the newly modified def
  3749. dest.instances[instanceId] = applyMutationToEventInstance(instance, def, eventConfigs[instance.defId], mutation, context);
  3750. }
  3751. return dest;
  3752. }
  3753. function applyMutationToEventDef(eventDef, eventConfig, mutation, context) {
  3754. let standardProps = mutation.standardProps || {};
  3755. // if hasEnd has not been specified, guess a good value based on deltas.
  3756. // if duration will change, there's no way the default duration will persist,
  3757. // and thus, we need to mark the event as having a real end
  3758. if (standardProps.hasEnd == null &&
  3759. eventConfig.durationEditable &&
  3760. (mutation.startDelta || mutation.endDelta)) {
  3761. standardProps.hasEnd = true; // TODO: is this mutation okay?
  3762. }
  3763. let copy = Object.assign(Object.assign(Object.assign({}, eventDef), standardProps), { ui: Object.assign(Object.assign({}, eventDef.ui), standardProps.ui) });
  3764. if (mutation.extendedProps) {
  3765. copy.extendedProps = Object.assign(Object.assign({}, copy.extendedProps), mutation.extendedProps);
  3766. }
  3767. for (let applier of context.pluginHooks.eventDefMutationAppliers) {
  3768. applier(copy, mutation, context);
  3769. }
  3770. if (!copy.hasEnd && context.options.forceEventDuration) {
  3771. copy.hasEnd = true;
  3772. }
  3773. return copy;
  3774. }
  3775. function applyMutationToEventInstance(eventInstance, eventDef, // must first be modified by applyMutationToEventDef
  3776. eventConfig, mutation, context) {
  3777. let { dateEnv } = context;
  3778. let forceAllDay = mutation.standardProps && mutation.standardProps.allDay === true;
  3779. let clearEnd = mutation.standardProps && mutation.standardProps.hasEnd === false;
  3780. let copy = Object.assign({}, eventInstance);
  3781. if (forceAllDay) {
  3782. copy.range = computeAlignedDayRange(copy.range);
  3783. }
  3784. if (mutation.datesDelta && eventConfig.startEditable) {
  3785. copy.range = {
  3786. start: dateEnv.add(copy.range.start, mutation.datesDelta),
  3787. end: dateEnv.add(copy.range.end, mutation.datesDelta),
  3788. };
  3789. }
  3790. if (mutation.startDelta && eventConfig.durationEditable) {
  3791. copy.range = {
  3792. start: dateEnv.add(copy.range.start, mutation.startDelta),
  3793. end: copy.range.end,
  3794. };
  3795. }
  3796. if (mutation.endDelta && eventConfig.durationEditable) {
  3797. copy.range = {
  3798. start: copy.range.start,
  3799. end: dateEnv.add(copy.range.end, mutation.endDelta),
  3800. };
  3801. }
  3802. if (clearEnd) {
  3803. copy.range = {
  3804. start: copy.range.start,
  3805. end: getDefaultEventEnd(eventDef.allDay, copy.range.start, context),
  3806. };
  3807. }
  3808. // in case event was all-day but the supplied deltas were not
  3809. // better util for this?
  3810. if (eventDef.allDay) {
  3811. copy.range = {
  3812. start: startOfDay(copy.range.start),
  3813. end: startOfDay(copy.range.end),
  3814. };
  3815. }
  3816. // handle invalid durations
  3817. if (copy.range.end < copy.range.start) {
  3818. copy.range.end = getDefaultEventEnd(eventDef.allDay, copy.range.start, context);
  3819. }
  3820. return copy;
  3821. }
  3822. class EventSourceImpl {
  3823. constructor(context, internalEventSource) {
  3824. this.context = context;
  3825. this.internalEventSource = internalEventSource;
  3826. }
  3827. remove() {
  3828. this.context.dispatch({
  3829. type: 'REMOVE_EVENT_SOURCE',
  3830. sourceId: this.internalEventSource.sourceId,
  3831. });
  3832. }
  3833. refetch() {
  3834. this.context.dispatch({
  3835. type: 'FETCH_EVENT_SOURCES',
  3836. sourceIds: [this.internalEventSource.sourceId],
  3837. isRefetch: true,
  3838. });
  3839. }
  3840. get id() {
  3841. return this.internalEventSource.publicId;
  3842. }
  3843. get url() {
  3844. return this.internalEventSource.meta.url;
  3845. }
  3846. get format() {
  3847. return this.internalEventSource.meta.format; // TODO: bad. not guaranteed
  3848. }
  3849. }
  3850. class EventImpl {
  3851. // instance will be null if expressing a recurring event that has no current instances,
  3852. // OR if trying to validate an incoming external event that has no dates assigned
  3853. constructor(context, def, instance) {
  3854. this._context = context;
  3855. this._def = def;
  3856. this._instance = instance || null;
  3857. }
  3858. /*
  3859. TODO: make event struct more responsible for this
  3860. */
  3861. setProp(name, val) {
  3862. if (name in EVENT_DATE_REFINERS) {
  3863. console.warn('Could not set date-related prop \'name\'. Use one of the date-related methods instead.');
  3864. // TODO: make proper aliasing system?
  3865. }
  3866. else if (name === 'id') {
  3867. val = EVENT_NON_DATE_REFINERS[name](val);
  3868. this.mutate({
  3869. standardProps: { publicId: val }, // hardcoded internal name
  3870. });
  3871. }
  3872. else if (name in EVENT_NON_DATE_REFINERS) {
  3873. val = EVENT_NON_DATE_REFINERS[name](val);
  3874. this.mutate({
  3875. standardProps: { [name]: val },
  3876. });
  3877. }
  3878. else if (name in EVENT_UI_REFINERS) {
  3879. let ui = EVENT_UI_REFINERS[name](val);
  3880. if (name === 'color') {
  3881. ui = { backgroundColor: val, borderColor: val };
  3882. }
  3883. else if (name === 'editable') {
  3884. ui = { startEditable: val, durationEditable: val };
  3885. }
  3886. else {
  3887. ui = { [name]: val };
  3888. }
  3889. this.mutate({
  3890. standardProps: { ui },
  3891. });
  3892. }
  3893. else {
  3894. console.warn(`Could not set prop '${name}'. Use setExtendedProp instead.`);
  3895. }
  3896. }
  3897. setExtendedProp(name, val) {
  3898. this.mutate({
  3899. extendedProps: { [name]: val },
  3900. });
  3901. }
  3902. setStart(startInput, options = {}) {
  3903. let { dateEnv } = this._context;
  3904. let start = dateEnv.createMarker(startInput);
  3905. if (start && this._instance) { // TODO: warning if parsed bad
  3906. let instanceRange = this._instance.range;
  3907. let startDelta = diffDates(instanceRange.start, start, dateEnv, options.granularity); // what if parsed bad!?
  3908. if (options.maintainDuration) {
  3909. this.mutate({ datesDelta: startDelta });
  3910. }
  3911. else {
  3912. this.mutate({ startDelta });
  3913. }
  3914. }
  3915. }
  3916. setEnd(endInput, options = {}) {
  3917. let { dateEnv } = this._context;
  3918. let end;
  3919. if (endInput != null) {
  3920. end = dateEnv.createMarker(endInput);
  3921. if (!end) {
  3922. return; // TODO: warning if parsed bad
  3923. }
  3924. }
  3925. if (this._instance) {
  3926. if (end) {
  3927. let endDelta = diffDates(this._instance.range.end, end, dateEnv, options.granularity);
  3928. this.mutate({ endDelta });
  3929. }
  3930. else {
  3931. this.mutate({ standardProps: { hasEnd: false } });
  3932. }
  3933. }
  3934. }
  3935. setDates(startInput, endInput, options = {}) {
  3936. let { dateEnv } = this._context;
  3937. let standardProps = { allDay: options.allDay };
  3938. let start = dateEnv.createMarker(startInput);
  3939. let end;
  3940. if (!start) {
  3941. return; // TODO: warning if parsed bad
  3942. }
  3943. if (endInput != null) {
  3944. end = dateEnv.createMarker(endInput);
  3945. if (!end) { // TODO: warning if parsed bad
  3946. return;
  3947. }
  3948. }
  3949. if (this._instance) {
  3950. let instanceRange = this._instance.range;
  3951. // when computing the diff for an event being converted to all-day,
  3952. // compute diff off of the all-day values the way event-mutation does.
  3953. if (options.allDay === true) {
  3954. instanceRange = computeAlignedDayRange(instanceRange);
  3955. }
  3956. let startDelta = diffDates(instanceRange.start, start, dateEnv, options.granularity);
  3957. if (end) {
  3958. let endDelta = diffDates(instanceRange.end, end, dateEnv, options.granularity);
  3959. if (durationsEqual(startDelta, endDelta)) {
  3960. this.mutate({ datesDelta: startDelta, standardProps });
  3961. }
  3962. else {
  3963. this.mutate({ startDelta, endDelta, standardProps });
  3964. }
  3965. }
  3966. else { // means "clear the end"
  3967. standardProps.hasEnd = false;
  3968. this.mutate({ datesDelta: startDelta, standardProps });
  3969. }
  3970. }
  3971. }
  3972. moveStart(deltaInput) {
  3973. let delta = createDuration(deltaInput);
  3974. if (delta) { // TODO: warning if parsed bad
  3975. this.mutate({ startDelta: delta });
  3976. }
  3977. }
  3978. moveEnd(deltaInput) {
  3979. let delta = createDuration(deltaInput);
  3980. if (delta) { // TODO: warning if parsed bad
  3981. this.mutate({ endDelta: delta });
  3982. }
  3983. }
  3984. moveDates(deltaInput) {
  3985. let delta = createDuration(deltaInput);
  3986. if (delta) { // TODO: warning if parsed bad
  3987. this.mutate({ datesDelta: delta });
  3988. }
  3989. }
  3990. setAllDay(allDay, options = {}) {
  3991. let standardProps = { allDay };
  3992. let { maintainDuration } = options;
  3993. if (maintainDuration == null) {
  3994. maintainDuration = this._context.options.allDayMaintainDuration;
  3995. }
  3996. if (this._def.allDay !== allDay) {
  3997. standardProps.hasEnd = maintainDuration;
  3998. }
  3999. this.mutate({ standardProps });
  4000. }
  4001. formatRange(formatInput) {
  4002. let { dateEnv } = this._context;
  4003. let instance = this._instance;
  4004. let formatter = createFormatter(formatInput);
  4005. if (this._def.hasEnd) {
  4006. return dateEnv.formatRange(instance.range.start, instance.range.end, formatter, {
  4007. forcedStartTzo: instance.forcedStartTzo,
  4008. forcedEndTzo: instance.forcedEndTzo,
  4009. });
  4010. }
  4011. return dateEnv.format(instance.range.start, formatter, {
  4012. forcedTzo: instance.forcedStartTzo,
  4013. });
  4014. }
  4015. mutate(mutation) {
  4016. let instance = this._instance;
  4017. if (instance) {
  4018. let def = this._def;
  4019. let context = this._context;
  4020. let { eventStore } = context.getCurrentData();
  4021. let relevantEvents = getRelevantEvents(eventStore, instance.instanceId);
  4022. let eventConfigBase = {
  4023. '': {
  4024. display: '',
  4025. startEditable: true,
  4026. durationEditable: true,
  4027. constraints: [],
  4028. overlap: null,
  4029. allows: [],
  4030. backgroundColor: '',
  4031. borderColor: '',
  4032. textColor: '',
  4033. classNames: [],
  4034. },
  4035. };
  4036. relevantEvents = applyMutationToEventStore(relevantEvents, eventConfigBase, mutation, context);
  4037. let oldEvent = new EventImpl(context, def, instance); // snapshot
  4038. this._def = relevantEvents.defs[def.defId];
  4039. this._instance = relevantEvents.instances[instance.instanceId];
  4040. context.dispatch({
  4041. type: 'MERGE_EVENTS',
  4042. eventStore: relevantEvents,
  4043. });
  4044. context.emitter.trigger('eventChange', {
  4045. oldEvent,
  4046. event: this,
  4047. relatedEvents: buildEventApis(relevantEvents, context, instance),
  4048. revert() {
  4049. context.dispatch({
  4050. type: 'RESET_EVENTS',
  4051. eventStore, // the ORIGINAL store
  4052. });
  4053. },
  4054. });
  4055. }
  4056. }
  4057. remove() {
  4058. let context = this._context;
  4059. let asStore = eventApiToStore(this);
  4060. context.dispatch({
  4061. type: 'REMOVE_EVENTS',
  4062. eventStore: asStore,
  4063. });
  4064. context.emitter.trigger('eventRemove', {
  4065. event: this,
  4066. relatedEvents: [],
  4067. revert() {
  4068. context.dispatch({
  4069. type: 'MERGE_EVENTS',
  4070. eventStore: asStore,
  4071. });
  4072. },
  4073. });
  4074. }
  4075. get source() {
  4076. let { sourceId } = this._def;
  4077. if (sourceId) {
  4078. return new EventSourceImpl(this._context, this._context.getCurrentData().eventSources[sourceId]);
  4079. }
  4080. return null;
  4081. }
  4082. get start() {
  4083. return this._instance ?
  4084. this._context.dateEnv.toDate(this._instance.range.start) :
  4085. null;
  4086. }
  4087. get end() {
  4088. return (this._instance && this._def.hasEnd) ?
  4089. this._context.dateEnv.toDate(this._instance.range.end) :
  4090. null;
  4091. }
  4092. get startStr() {
  4093. let instance = this._instance;
  4094. if (instance) {
  4095. return this._context.dateEnv.formatIso(instance.range.start, {
  4096. omitTime: this._def.allDay,
  4097. forcedTzo: instance.forcedStartTzo,
  4098. });
  4099. }
  4100. return '';
  4101. }
  4102. get endStr() {
  4103. let instance = this._instance;
  4104. if (instance && this._def.hasEnd) {
  4105. return this._context.dateEnv.formatIso(instance.range.end, {
  4106. omitTime: this._def.allDay,
  4107. forcedTzo: instance.forcedEndTzo,
  4108. });
  4109. }
  4110. return '';
  4111. }
  4112. // computable props that all access the def
  4113. // TODO: find a TypeScript-compatible way to do this at scale
  4114. get id() { return this._def.publicId; }
  4115. get groupId() { return this._def.groupId; }
  4116. get allDay() { return this._def.allDay; }
  4117. get title() { return this._def.title; }
  4118. get url() { return this._def.url; }
  4119. get display() { return this._def.ui.display || 'auto'; } // bad. just normalize the type earlier
  4120. get startEditable() { return this._def.ui.startEditable; }
  4121. get durationEditable() { return this._def.ui.durationEditable; }
  4122. get constraint() { return this._def.ui.constraints[0] || null; }
  4123. get overlap() { return this._def.ui.overlap; }
  4124. get allow() { return this._def.ui.allows[0] || null; }
  4125. get backgroundColor() { return this._def.ui.backgroundColor; }
  4126. get borderColor() { return this._def.ui.borderColor; }
  4127. get textColor() { return this._def.ui.textColor; }
  4128. // NOTE: user can't modify these because Object.freeze was called in event-def parsing
  4129. get classNames() { return this._def.ui.classNames; }
  4130. get extendedProps() { return this._def.extendedProps; }
  4131. toPlainObject(settings = {}) {
  4132. let def = this._def;
  4133. let { ui } = def;
  4134. let { startStr, endStr } = this;
  4135. let res = {
  4136. allDay: def.allDay,
  4137. };
  4138. if (def.title) {
  4139. res.title = def.title;
  4140. }
  4141. if (startStr) {
  4142. res.start = startStr;
  4143. }
  4144. if (endStr) {
  4145. res.end = endStr;
  4146. }
  4147. if (def.publicId) {
  4148. res.id = def.publicId;
  4149. }
  4150. if (def.groupId) {
  4151. res.groupId = def.groupId;
  4152. }
  4153. if (def.url) {
  4154. res.url = def.url;
  4155. }
  4156. if (ui.display && ui.display !== 'auto') {
  4157. res.display = ui.display;
  4158. }
  4159. // TODO: what about recurring-event properties???
  4160. // TODO: include startEditable/durationEditable/constraint/overlap/allow
  4161. if (settings.collapseColor && ui.backgroundColor && ui.backgroundColor === ui.borderColor) {
  4162. res.color = ui.backgroundColor;
  4163. }
  4164. else {
  4165. if (ui.backgroundColor) {
  4166. res.backgroundColor = ui.backgroundColor;
  4167. }
  4168. if (ui.borderColor) {
  4169. res.borderColor = ui.borderColor;
  4170. }
  4171. }
  4172. if (ui.textColor) {
  4173. res.textColor = ui.textColor;
  4174. }
  4175. if (ui.classNames.length) {
  4176. res.classNames = ui.classNames;
  4177. }
  4178. if (Object.keys(def.extendedProps).length) {
  4179. if (settings.collapseExtendedProps) {
  4180. Object.assign(res, def.extendedProps);
  4181. }
  4182. else {
  4183. res.extendedProps = def.extendedProps;
  4184. }
  4185. }
  4186. return res;
  4187. }
  4188. toJSON() {
  4189. return this.toPlainObject();
  4190. }
  4191. }
  4192. function eventApiToStore(eventApi) {
  4193. let def = eventApi._def;
  4194. let instance = eventApi._instance;
  4195. return {
  4196. defs: { [def.defId]: def },
  4197. instances: instance
  4198. ? { [instance.instanceId]: instance }
  4199. : {},
  4200. };
  4201. }
  4202. function buildEventApis(eventStore, context, excludeInstance) {
  4203. let { defs, instances } = eventStore;
  4204. let eventApis = [];
  4205. let excludeInstanceId = excludeInstance ? excludeInstance.instanceId : '';
  4206. for (let id in instances) {
  4207. let instance = instances[id];
  4208. let def = defs[instance.defId];
  4209. if (instance.instanceId !== excludeInstanceId) {
  4210. eventApis.push(new EventImpl(context, def, instance));
  4211. }
  4212. }
  4213. return eventApis;
  4214. }
  4215. /*
  4216. Specifying nextDayThreshold signals that all-day ranges should be sliced.
  4217. */
  4218. function sliceEventStore(eventStore, eventUiBases, framingRange, nextDayThreshold) {
  4219. let inverseBgByGroupId = {};
  4220. let inverseBgByDefId = {};
  4221. let defByGroupId = {};
  4222. let bgRanges = [];
  4223. let fgRanges = [];
  4224. let eventUis = compileEventUis(eventStore.defs, eventUiBases);
  4225. for (let defId in eventStore.defs) {
  4226. let def = eventStore.defs[defId];
  4227. let ui = eventUis[def.defId];
  4228. if (ui.display === 'inverse-background') {
  4229. if (def.groupId) {
  4230. inverseBgByGroupId[def.groupId] = [];
  4231. if (!defByGroupId[def.groupId]) {
  4232. defByGroupId[def.groupId] = def;
  4233. }
  4234. }
  4235. else {
  4236. inverseBgByDefId[defId] = [];
  4237. }
  4238. }
  4239. }
  4240. for (let instanceId in eventStore.instances) {
  4241. let instance = eventStore.instances[instanceId];
  4242. let def = eventStore.defs[instance.defId];
  4243. let ui = eventUis[def.defId];
  4244. let origRange = instance.range;
  4245. let normalRange = (!def.allDay && nextDayThreshold) ?
  4246. computeVisibleDayRange(origRange, nextDayThreshold) :
  4247. origRange;
  4248. let slicedRange = intersectRanges(normalRange, framingRange);
  4249. if (slicedRange) {
  4250. if (ui.display === 'inverse-background') {
  4251. if (def.groupId) {
  4252. inverseBgByGroupId[def.groupId].push(slicedRange);
  4253. }
  4254. else {
  4255. inverseBgByDefId[instance.defId].push(slicedRange);
  4256. }
  4257. }
  4258. else if (ui.display !== 'none') {
  4259. (ui.display === 'background' ? bgRanges : fgRanges).push({
  4260. def,
  4261. ui,
  4262. instance,
  4263. range: slicedRange,
  4264. isStart: normalRange.start && normalRange.start.valueOf() === slicedRange.start.valueOf(),
  4265. isEnd: normalRange.end && normalRange.end.valueOf() === slicedRange.end.valueOf(),
  4266. });
  4267. }
  4268. }
  4269. }
  4270. for (let groupId in inverseBgByGroupId) { // BY GROUP
  4271. let ranges = inverseBgByGroupId[groupId];
  4272. let invertedRanges = invertRanges(ranges, framingRange);
  4273. for (let invertedRange of invertedRanges) {
  4274. let def = defByGroupId[groupId];
  4275. let ui = eventUis[def.defId];
  4276. bgRanges.push({
  4277. def,
  4278. ui,
  4279. instance: null,
  4280. range: invertedRange,
  4281. isStart: false,
  4282. isEnd: false,
  4283. });
  4284. }
  4285. }
  4286. for (let defId in inverseBgByDefId) {
  4287. let ranges = inverseBgByDefId[defId];
  4288. let invertedRanges = invertRanges(ranges, framingRange);
  4289. for (let invertedRange of invertedRanges) {
  4290. bgRanges.push({
  4291. def: eventStore.defs[defId],
  4292. ui: eventUis[defId],
  4293. instance: null,
  4294. range: invertedRange,
  4295. isStart: false,
  4296. isEnd: false,
  4297. });
  4298. }
  4299. }
  4300. return { bg: bgRanges, fg: fgRanges };
  4301. }
  4302. function hasBgRendering(def) {
  4303. return def.ui.display === 'background' || def.ui.display === 'inverse-background';
  4304. }
  4305. function setElSeg(el, seg) {
  4306. el.fcSeg = seg;
  4307. }
  4308. function getElSeg(el) {
  4309. return el.fcSeg ||
  4310. el.parentNode.fcSeg || // for the harness
  4311. null;
  4312. }
  4313. // event ui computation
  4314. function compileEventUis(eventDefs, eventUiBases) {
  4315. return mapHash(eventDefs, (eventDef) => compileEventUi(eventDef, eventUiBases));
  4316. }
  4317. function compileEventUi(eventDef, eventUiBases) {
  4318. let uis = [];
  4319. if (eventUiBases['']) {
  4320. uis.push(eventUiBases['']);
  4321. }
  4322. if (eventUiBases[eventDef.defId]) {
  4323. uis.push(eventUiBases[eventDef.defId]);
  4324. }
  4325. uis.push(eventDef.ui);
  4326. return combineEventUis(uis);
  4327. }
  4328. function sortEventSegs(segs, eventOrderSpecs) {
  4329. let objs = segs.map(buildSegCompareObj);
  4330. objs.sort((obj0, obj1) => compareByFieldSpecs(obj0, obj1, eventOrderSpecs));
  4331. return objs.map((c) => c._seg);
  4332. }
  4333. // returns a object with all primitive props that can be compared
  4334. function buildSegCompareObj(seg) {
  4335. let { eventRange } = seg;
  4336. let eventDef = eventRange.def;
  4337. let range = eventRange.instance ? eventRange.instance.range : eventRange.range;
  4338. let start = range.start ? range.start.valueOf() : 0; // TODO: better support for open-range events
  4339. let end = range.end ? range.end.valueOf() : 0; // "
  4340. return Object.assign(Object.assign(Object.assign({}, eventDef.extendedProps), eventDef), { id: eventDef.publicId, start,
  4341. end, duration: end - start, allDay: Number(eventDef.allDay), _seg: seg });
  4342. }
  4343. function computeSegDraggable(seg, context) {
  4344. let { pluginHooks } = context;
  4345. let transformers = pluginHooks.isDraggableTransformers;
  4346. let { def, ui } = seg.eventRange;
  4347. let val = ui.startEditable;
  4348. for (let transformer of transformers) {
  4349. val = transformer(val, def, ui, context);
  4350. }
  4351. return val;
  4352. }
  4353. function computeSegStartResizable(seg, context) {
  4354. return seg.isStart && seg.eventRange.ui.durationEditable && context.options.eventResizableFromStart;
  4355. }
  4356. function computeSegEndResizable(seg, context) {
  4357. return seg.isEnd && seg.eventRange.ui.durationEditable;
  4358. }
  4359. function buildSegTimeText(seg, timeFormat, context, defaultDisplayEventTime, // defaults to true
  4360. defaultDisplayEventEnd, // defaults to true
  4361. startOverride, endOverride) {
  4362. let { dateEnv, options } = context;
  4363. let { displayEventTime, displayEventEnd } = options;
  4364. let eventDef = seg.eventRange.def;
  4365. let eventInstance = seg.eventRange.instance;
  4366. if (displayEventTime == null) {
  4367. displayEventTime = defaultDisplayEventTime !== false;
  4368. }
  4369. if (displayEventEnd == null) {
  4370. displayEventEnd = defaultDisplayEventEnd !== false;
  4371. }
  4372. let wholeEventStart = eventInstance.range.start;
  4373. let wholeEventEnd = eventInstance.range.end;
  4374. let segStart = startOverride || seg.start || seg.eventRange.range.start;
  4375. let segEnd = endOverride || seg.end || seg.eventRange.range.end;
  4376. let isStartDay = startOfDay(wholeEventStart).valueOf() === startOfDay(segStart).valueOf();
  4377. let isEndDay = startOfDay(addMs(wholeEventEnd, -1)).valueOf() === startOfDay(addMs(segEnd, -1)).valueOf();
  4378. if (displayEventTime && !eventDef.allDay && (isStartDay || isEndDay)) {
  4379. segStart = isStartDay ? wholeEventStart : segStart;
  4380. segEnd = isEndDay ? wholeEventEnd : segEnd;
  4381. if (displayEventEnd && eventDef.hasEnd) {
  4382. return dateEnv.formatRange(segStart, segEnd, timeFormat, {
  4383. forcedStartTzo: startOverride ? null : eventInstance.forcedStartTzo,
  4384. forcedEndTzo: endOverride ? null : eventInstance.forcedEndTzo,
  4385. });
  4386. }
  4387. return dateEnv.format(segStart, timeFormat, {
  4388. forcedTzo: startOverride ? null : eventInstance.forcedStartTzo, // nooooo, same
  4389. });
  4390. }
  4391. return '';
  4392. }
  4393. function getSegMeta(seg, todayRange, nowDate) {
  4394. let segRange = seg.eventRange.range;
  4395. return {
  4396. isPast: segRange.end <= (nowDate || todayRange.start),
  4397. isFuture: segRange.start >= (nowDate || todayRange.end),
  4398. isToday: todayRange && rangeContainsMarker(todayRange, segRange.start),
  4399. };
  4400. }
  4401. function getEventClassNames(props) {
  4402. let classNames = ['fc-event'];
  4403. if (props.isMirror) {
  4404. classNames.push('fc-event-mirror');
  4405. }
  4406. if (props.isDraggable) {
  4407. classNames.push('fc-event-draggable');
  4408. }
  4409. if (props.isStartResizable || props.isEndResizable) {
  4410. classNames.push('fc-event-resizable');
  4411. }
  4412. if (props.isDragging) {
  4413. classNames.push('fc-event-dragging');
  4414. }
  4415. if (props.isResizing) {
  4416. classNames.push('fc-event-resizing');
  4417. }
  4418. if (props.isSelected) {
  4419. classNames.push('fc-event-selected');
  4420. }
  4421. if (props.isStart) {
  4422. classNames.push('fc-event-start');
  4423. }
  4424. if (props.isEnd) {
  4425. classNames.push('fc-event-end');
  4426. }
  4427. if (props.isPast) {
  4428. classNames.push('fc-event-past');
  4429. }
  4430. if (props.isToday) {
  4431. classNames.push('fc-event-today');
  4432. }
  4433. if (props.isFuture) {
  4434. classNames.push('fc-event-future');
  4435. }
  4436. return classNames;
  4437. }
  4438. function buildEventRangeKey(eventRange) {
  4439. return eventRange.instance
  4440. ? eventRange.instance.instanceId
  4441. : `${eventRange.def.defId}:${eventRange.range.start.toISOString()}`;
  4442. // inverse-background events don't have specific instances. TODO: better solution
  4443. }
  4444. function getSegAnchorAttrs(seg, context) {
  4445. let { def, instance } = seg.eventRange;
  4446. let { url } = def;
  4447. if (url) {
  4448. return { href: url };
  4449. }
  4450. let { emitter, options } = context;
  4451. let { eventInteractive } = options;
  4452. if (eventInteractive == null) {
  4453. eventInteractive = def.interactive;
  4454. if (eventInteractive == null) {
  4455. eventInteractive = Boolean(emitter.hasHandlers('eventClick'));
  4456. }
  4457. }
  4458. // mock what happens in EventClicking
  4459. if (eventInteractive) {
  4460. // only attach keyboard-related handlers because click handler is already done in EventClicking
  4461. return createAriaKeyboardAttrs((ev) => {
  4462. emitter.trigger('eventClick', {
  4463. el: ev.target,
  4464. event: new EventImpl(context, def, instance),
  4465. jsEvent: ev,
  4466. view: context.viewApi,
  4467. });
  4468. });
  4469. }
  4470. return {};
  4471. }
  4472. const STANDARD_PROPS = {
  4473. start: identity,
  4474. end: identity,
  4475. allDay: Boolean,
  4476. };
  4477. function parseDateSpan(raw, dateEnv, defaultDuration) {
  4478. let span = parseOpenDateSpan(raw, dateEnv);
  4479. let { range } = span;
  4480. if (!range.start) {
  4481. return null;
  4482. }
  4483. if (!range.end) {
  4484. if (defaultDuration == null) {
  4485. return null;
  4486. }
  4487. range.end = dateEnv.add(range.start, defaultDuration);
  4488. }
  4489. return span;
  4490. }
  4491. /*
  4492. TODO: somehow combine with parseRange?
  4493. Will return null if the start/end props were present but parsed invalidly.
  4494. */
  4495. function parseOpenDateSpan(raw, dateEnv) {
  4496. let { refined: standardProps, extra } = refineProps(raw, STANDARD_PROPS);
  4497. let startMeta = standardProps.start ? dateEnv.createMarkerMeta(standardProps.start) : null;
  4498. let endMeta = standardProps.end ? dateEnv.createMarkerMeta(standardProps.end) : null;
  4499. let { allDay } = standardProps;
  4500. if (allDay == null) {
  4501. allDay = (startMeta && startMeta.isTimeUnspecified) &&
  4502. (!endMeta || endMeta.isTimeUnspecified);
  4503. }
  4504. return Object.assign({ range: {
  4505. start: startMeta ? startMeta.marker : null,
  4506. end: endMeta ? endMeta.marker : null,
  4507. }, allDay }, extra);
  4508. }
  4509. function isDateSpansEqual(span0, span1) {
  4510. return rangesEqual(span0.range, span1.range) &&
  4511. span0.allDay === span1.allDay &&
  4512. isSpanPropsEqual(span0, span1);
  4513. }
  4514. // the NON-DATE-RELATED props
  4515. function isSpanPropsEqual(span0, span1) {
  4516. for (let propName in span1) {
  4517. if (propName !== 'range' && propName !== 'allDay') {
  4518. if (span0[propName] !== span1[propName]) {
  4519. return false;
  4520. }
  4521. }
  4522. }
  4523. // are there any props that span0 has that span1 DOESN'T have?
  4524. // both have range/allDay, so no need to special-case.
  4525. for (let propName in span0) {
  4526. if (!(propName in span1)) {
  4527. return false;
  4528. }
  4529. }
  4530. return true;
  4531. }
  4532. function buildDateSpanApi(span, dateEnv) {
  4533. return Object.assign(Object.assign({}, buildRangeApi(span.range, dateEnv, span.allDay)), { allDay: span.allDay });
  4534. }
  4535. function buildRangeApiWithTimeZone(range, dateEnv, omitTime) {
  4536. return Object.assign(Object.assign({}, buildRangeApi(range, dateEnv, omitTime)), { timeZone: dateEnv.timeZone });
  4537. }
  4538. function buildRangeApi(range, dateEnv, omitTime) {
  4539. return {
  4540. start: dateEnv.toDate(range.start),
  4541. end: dateEnv.toDate(range.end),
  4542. startStr: dateEnv.formatIso(range.start, { omitTime }),
  4543. endStr: dateEnv.formatIso(range.end, { omitTime }),
  4544. };
  4545. }
  4546. function fabricateEventRange(dateSpan, eventUiBases, context) {
  4547. let res = refineEventDef({ editable: false }, context);
  4548. let def = parseEventDef(res.refined, res.extra, '', // sourceId
  4549. dateSpan.allDay, true, // hasEnd
  4550. context);
  4551. return {
  4552. def,
  4553. ui: compileEventUi(def, eventUiBases),
  4554. instance: createEventInstance(def.defId, dateSpan.range),
  4555. range: dateSpan.range,
  4556. isStart: true,
  4557. isEnd: true,
  4558. };
  4559. }
  4560. /*
  4561. given a function that resolves a result asynchronously.
  4562. the function can either call passed-in success and failure callbacks,
  4563. or it can return a promise.
  4564. if you need to pass additional params to func, bind them first.
  4565. */
  4566. function unpromisify(func, normalizedSuccessCallback, normalizedFailureCallback) {
  4567. // guard against success/failure callbacks being called more than once
  4568. // and guard against a promise AND callback being used together.
  4569. let isResolved = false;
  4570. let wrappedSuccess = function (res) {
  4571. if (!isResolved) {
  4572. isResolved = true;
  4573. normalizedSuccessCallback(res);
  4574. }
  4575. };
  4576. let wrappedFailure = function (error) {
  4577. if (!isResolved) {
  4578. isResolved = true;
  4579. normalizedFailureCallback(error);
  4580. }
  4581. };
  4582. let res = func(wrappedSuccess, wrappedFailure);
  4583. if (res && typeof res.then === 'function') {
  4584. res.then(wrappedSuccess, wrappedFailure);
  4585. }
  4586. }
  4587. class JsonRequestError extends Error {
  4588. constructor(message, response) {
  4589. super(message);
  4590. this.response = response;
  4591. }
  4592. }
  4593. function requestJson(method, url, params) {
  4594. method = method.toUpperCase();
  4595. const fetchOptions = {
  4596. method,
  4597. };
  4598. if (method === 'GET') {
  4599. url += (url.indexOf('?') === -1 ? '?' : '&') +
  4600. new URLSearchParams(params);
  4601. }
  4602. else {
  4603. fetchOptions.body = new URLSearchParams(params);
  4604. fetchOptions.headers = {
  4605. 'Content-Type': 'application/x-www-form-urlencoded',
  4606. };
  4607. }
  4608. return fetch(url, fetchOptions).then((fetchRes) => {
  4609. if (fetchRes.ok) {
  4610. return fetchRes.json().then((parsedResponse) => {
  4611. return [parsedResponse, fetchRes];
  4612. }, () => {
  4613. throw new JsonRequestError('Failure parsing JSON', fetchRes);
  4614. });
  4615. }
  4616. else {
  4617. throw new JsonRequestError('Request failed', fetchRes);
  4618. }
  4619. });
  4620. }
  4621. let canVGrowWithinCell;
  4622. function getCanVGrowWithinCell() {
  4623. if (canVGrowWithinCell == null) {
  4624. canVGrowWithinCell = computeCanVGrowWithinCell();
  4625. }
  4626. return canVGrowWithinCell;
  4627. }
  4628. function computeCanVGrowWithinCell() {
  4629. // for SSR, because this function is call immediately at top-level
  4630. // TODO: just make this logic execute top-level, immediately, instead of doing lazily
  4631. if (typeof document === 'undefined') {
  4632. return true;
  4633. }
  4634. let el = document.createElement('div');
  4635. el.style.position = 'absolute';
  4636. el.style.top = '0px';
  4637. el.style.left = '0px';
  4638. el.innerHTML = '<table><tr><td><div></div></td></tr></table>';
  4639. el.querySelector('table').style.height = '100px';
  4640. el.querySelector('div').style.height = '100%';
  4641. document.body.appendChild(el);
  4642. let div = el.querySelector('div');
  4643. let possible = div.offsetHeight > 0;
  4644. document.body.removeChild(el);
  4645. return possible;
  4646. }
  4647. class CalendarRoot extends BaseComponent {
  4648. constructor() {
  4649. super(...arguments);
  4650. this.state = {
  4651. forPrint: false,
  4652. };
  4653. this.handleBeforePrint = () => {
  4654. flushSync(() => {
  4655. this.setState({ forPrint: true });
  4656. });
  4657. };
  4658. this.handleAfterPrint = () => {
  4659. flushSync(() => {
  4660. this.setState({ forPrint: false });
  4661. });
  4662. };
  4663. }
  4664. render() {
  4665. let { props } = this;
  4666. let { options } = props;
  4667. let { forPrint } = this.state;
  4668. let isHeightAuto = forPrint || options.height === 'auto' || options.contentHeight === 'auto';
  4669. let height = (!isHeightAuto && options.height != null) ? options.height : '';
  4670. let classNames = [
  4671. 'fc',
  4672. forPrint ? 'fc-media-print' : 'fc-media-screen',
  4673. `fc-direction-${options.direction}`,
  4674. props.theme.getClass('root'),
  4675. ];
  4676. if (!getCanVGrowWithinCell()) {
  4677. classNames.push('fc-liquid-hack');
  4678. }
  4679. return props.children(classNames, height, isHeightAuto, forPrint);
  4680. }
  4681. componentDidMount() {
  4682. let { emitter } = this.props;
  4683. emitter.on('_beforeprint', this.handleBeforePrint);
  4684. emitter.on('_afterprint', this.handleAfterPrint);
  4685. }
  4686. componentWillUnmount() {
  4687. let { emitter } = this.props;
  4688. emitter.off('_beforeprint', this.handleBeforePrint);
  4689. emitter.off('_afterprint', this.handleAfterPrint);
  4690. }
  4691. }
  4692. class Interaction {
  4693. constructor(settings) {
  4694. this.component = settings.component;
  4695. this.isHitComboAllowed = settings.isHitComboAllowed || null;
  4696. }
  4697. destroy() {
  4698. }
  4699. }
  4700. function parseInteractionSettings(component, input) {
  4701. return {
  4702. component,
  4703. el: input.el,
  4704. useEventCenter: input.useEventCenter != null ? input.useEventCenter : true,
  4705. isHitComboAllowed: input.isHitComboAllowed || null,
  4706. };
  4707. }
  4708. function interactionSettingsToStore(settings) {
  4709. return {
  4710. [settings.component.uid]: settings,
  4711. };
  4712. }
  4713. // global state
  4714. const interactionSettingsStore = {};
  4715. class CalendarImpl {
  4716. getCurrentData() {
  4717. return this.currentDataManager.getCurrentData();
  4718. }
  4719. dispatch(action) {
  4720. this.currentDataManager.dispatch(action);
  4721. }
  4722. get view() { return this.getCurrentData().viewApi; }
  4723. batchRendering(callback) {
  4724. callback();
  4725. }
  4726. updateSize() {
  4727. this.trigger('_resize', true);
  4728. }
  4729. // Options
  4730. // -----------------------------------------------------------------------------------------------------------------
  4731. setOption(name, val) {
  4732. this.dispatch({
  4733. type: 'SET_OPTION',
  4734. optionName: name,
  4735. rawOptionValue: val,
  4736. });
  4737. }
  4738. getOption(name) {
  4739. return this.currentDataManager.currentCalendarOptionsInput[name];
  4740. }
  4741. getAvailableLocaleCodes() {
  4742. return Object.keys(this.getCurrentData().availableRawLocales);
  4743. }
  4744. // Trigger
  4745. // -----------------------------------------------------------------------------------------------------------------
  4746. on(handlerName, handler) {
  4747. let { currentDataManager } = this;
  4748. if (currentDataManager.currentCalendarOptionsRefiners[handlerName]) {
  4749. currentDataManager.emitter.on(handlerName, handler);
  4750. }
  4751. else {
  4752. console.warn(`Unknown listener name '${handlerName}'`);
  4753. }
  4754. }
  4755. off(handlerName, handler) {
  4756. this.currentDataManager.emitter.off(handlerName, handler);
  4757. }
  4758. // not meant for public use
  4759. trigger(handlerName, ...args) {
  4760. this.currentDataManager.emitter.trigger(handlerName, ...args);
  4761. }
  4762. // View
  4763. // -----------------------------------------------------------------------------------------------------------------
  4764. changeView(viewType, dateOrRange) {
  4765. this.batchRendering(() => {
  4766. this.unselect();
  4767. if (dateOrRange) {
  4768. if (dateOrRange.start && dateOrRange.end) { // a range
  4769. this.dispatch({
  4770. type: 'CHANGE_VIEW_TYPE',
  4771. viewType,
  4772. });
  4773. this.dispatch({
  4774. type: 'SET_OPTION',
  4775. optionName: 'visibleRange',
  4776. rawOptionValue: dateOrRange,
  4777. });
  4778. }
  4779. else {
  4780. let { dateEnv } = this.getCurrentData();
  4781. this.dispatch({
  4782. type: 'CHANGE_VIEW_TYPE',
  4783. viewType,
  4784. dateMarker: dateEnv.createMarker(dateOrRange),
  4785. });
  4786. }
  4787. }
  4788. else {
  4789. this.dispatch({
  4790. type: 'CHANGE_VIEW_TYPE',
  4791. viewType,
  4792. });
  4793. }
  4794. });
  4795. }
  4796. // Forces navigation to a view for the given date.
  4797. // `viewType` can be a specific view name or a generic one like "week" or "day".
  4798. // needs to change
  4799. zoomTo(dateMarker, viewType) {
  4800. let state = this.getCurrentData();
  4801. let spec;
  4802. viewType = viewType || 'day'; // day is default zoom
  4803. spec = state.viewSpecs[viewType] || this.getUnitViewSpec(viewType);
  4804. this.unselect();
  4805. if (spec) {
  4806. this.dispatch({
  4807. type: 'CHANGE_VIEW_TYPE',
  4808. viewType: spec.type,
  4809. dateMarker,
  4810. });
  4811. }
  4812. else {
  4813. this.dispatch({
  4814. type: 'CHANGE_DATE',
  4815. dateMarker,
  4816. });
  4817. }
  4818. }
  4819. // Given a duration singular unit, like "week" or "day", finds a matching view spec.
  4820. // Preference is given to views that have corresponding buttons.
  4821. getUnitViewSpec(unit) {
  4822. let { viewSpecs, toolbarConfig } = this.getCurrentData();
  4823. let viewTypes = [].concat(toolbarConfig.header ? toolbarConfig.header.viewsWithButtons : [], toolbarConfig.footer ? toolbarConfig.footer.viewsWithButtons : []);
  4824. let i;
  4825. let spec;
  4826. for (let viewType in viewSpecs) {
  4827. viewTypes.push(viewType);
  4828. }
  4829. for (i = 0; i < viewTypes.length; i += 1) {
  4830. spec = viewSpecs[viewTypes[i]];
  4831. if (spec) {
  4832. if (spec.singleUnit === unit) {
  4833. return spec;
  4834. }
  4835. }
  4836. }
  4837. return null;
  4838. }
  4839. // Current Date
  4840. // -----------------------------------------------------------------------------------------------------------------
  4841. prev() {
  4842. this.unselect();
  4843. this.dispatch({ type: 'PREV' });
  4844. }
  4845. next() {
  4846. this.unselect();
  4847. this.dispatch({ type: 'NEXT' });
  4848. }
  4849. prevYear() {
  4850. let state = this.getCurrentData();
  4851. this.unselect();
  4852. this.dispatch({
  4853. type: 'CHANGE_DATE',
  4854. dateMarker: state.dateEnv.addYears(state.currentDate, -1),
  4855. });
  4856. }
  4857. nextYear() {
  4858. let state = this.getCurrentData();
  4859. this.unselect();
  4860. this.dispatch({
  4861. type: 'CHANGE_DATE',
  4862. dateMarker: state.dateEnv.addYears(state.currentDate, 1),
  4863. });
  4864. }
  4865. today() {
  4866. let state = this.getCurrentData();
  4867. this.unselect();
  4868. this.dispatch({
  4869. type: 'CHANGE_DATE',
  4870. dateMarker: getNow(state.calendarOptions.now, state.dateEnv),
  4871. });
  4872. }
  4873. gotoDate(zonedDateInput) {
  4874. let state = this.getCurrentData();
  4875. this.unselect();
  4876. this.dispatch({
  4877. type: 'CHANGE_DATE',
  4878. dateMarker: state.dateEnv.createMarker(zonedDateInput),
  4879. });
  4880. }
  4881. incrementDate(deltaInput) {
  4882. let state = this.getCurrentData();
  4883. let delta = createDuration(deltaInput);
  4884. if (delta) { // else, warn about invalid input?
  4885. this.unselect();
  4886. this.dispatch({
  4887. type: 'CHANGE_DATE',
  4888. dateMarker: state.dateEnv.add(state.currentDate, delta),
  4889. });
  4890. }
  4891. }
  4892. getDate() {
  4893. let state = this.getCurrentData();
  4894. return state.dateEnv.toDate(state.currentDate);
  4895. }
  4896. // Date Formatting Utils
  4897. // -----------------------------------------------------------------------------------------------------------------
  4898. formatDate(d, formatter) {
  4899. let { dateEnv } = this.getCurrentData();
  4900. return dateEnv.format(dateEnv.createMarker(d), createFormatter(formatter));
  4901. }
  4902. // `settings` is for formatter AND isEndExclusive
  4903. formatRange(d0, d1, settings) {
  4904. let { dateEnv } = this.getCurrentData();
  4905. return dateEnv.formatRange(dateEnv.createMarker(d0), dateEnv.createMarker(d1), createFormatter(settings), settings);
  4906. }
  4907. formatIso(d, omitTime) {
  4908. let { dateEnv } = this.getCurrentData();
  4909. return dateEnv.formatIso(dateEnv.createMarker(d), { omitTime });
  4910. }
  4911. // Date Selection / Event Selection / DayClick
  4912. // -----------------------------------------------------------------------------------------------------------------
  4913. select(dateOrObj, endDate) {
  4914. let selectionInput;
  4915. if (endDate == null) {
  4916. if (dateOrObj.start != null) {
  4917. selectionInput = dateOrObj;
  4918. }
  4919. else {
  4920. selectionInput = {
  4921. start: dateOrObj,
  4922. end: null,
  4923. };
  4924. }
  4925. }
  4926. else {
  4927. selectionInput = {
  4928. start: dateOrObj,
  4929. end: endDate,
  4930. };
  4931. }
  4932. let state = this.getCurrentData();
  4933. let selection = parseDateSpan(selectionInput, state.dateEnv, createDuration({ days: 1 }));
  4934. if (selection) { // throw parse error otherwise?
  4935. this.dispatch({ type: 'SELECT_DATES', selection });
  4936. triggerDateSelect(selection, null, state);
  4937. }
  4938. }
  4939. unselect(pev) {
  4940. let state = this.getCurrentData();
  4941. if (state.dateSelection) {
  4942. this.dispatch({ type: 'UNSELECT_DATES' });
  4943. triggerDateUnselect(pev, state);
  4944. }
  4945. }
  4946. // Public Events API
  4947. // -----------------------------------------------------------------------------------------------------------------
  4948. addEvent(eventInput, sourceInput) {
  4949. if (eventInput instanceof EventImpl) {
  4950. let def = eventInput._def;
  4951. let instance = eventInput._instance;
  4952. let currentData = this.getCurrentData();
  4953. // not already present? don't want to add an old snapshot
  4954. if (!currentData.eventStore.defs[def.defId]) {
  4955. this.dispatch({
  4956. type: 'ADD_EVENTS',
  4957. eventStore: eventTupleToStore({ def, instance }), // TODO: better util for two args?
  4958. });
  4959. this.triggerEventAdd(eventInput);
  4960. }
  4961. return eventInput;
  4962. }
  4963. let state = this.getCurrentData();
  4964. let eventSource;
  4965. if (sourceInput instanceof EventSourceImpl) {
  4966. eventSource = sourceInput.internalEventSource;
  4967. }
  4968. else if (typeof sourceInput === 'boolean') {
  4969. if (sourceInput) { // true. part of the first event source
  4970. [eventSource] = hashValuesToArray(state.eventSources);
  4971. }
  4972. }
  4973. else if (sourceInput != null) { // an ID. accepts a number too
  4974. let sourceApi = this.getEventSourceById(sourceInput); // TODO: use an internal function
  4975. if (!sourceApi) {
  4976. console.warn(`Could not find an event source with ID "${sourceInput}"`); // TODO: test
  4977. return null;
  4978. }
  4979. eventSource = sourceApi.internalEventSource;
  4980. }
  4981. let tuple = parseEvent(eventInput, eventSource, state, false);
  4982. if (tuple) {
  4983. let newEventApi = new EventImpl(state, tuple.def, tuple.def.recurringDef ? null : tuple.instance);
  4984. this.dispatch({
  4985. type: 'ADD_EVENTS',
  4986. eventStore: eventTupleToStore(tuple),
  4987. });
  4988. this.triggerEventAdd(newEventApi);
  4989. return newEventApi;
  4990. }
  4991. return null;
  4992. }
  4993. triggerEventAdd(eventApi) {
  4994. let { emitter } = this.getCurrentData();
  4995. emitter.trigger('eventAdd', {
  4996. event: eventApi,
  4997. relatedEvents: [],
  4998. revert: () => {
  4999. this.dispatch({
  5000. type: 'REMOVE_EVENTS',
  5001. eventStore: eventApiToStore(eventApi),
  5002. });
  5003. },
  5004. });
  5005. }
  5006. // TODO: optimize
  5007. getEventById(id) {
  5008. let state = this.getCurrentData();
  5009. let { defs, instances } = state.eventStore;
  5010. id = String(id);
  5011. for (let defId in defs) {
  5012. let def = defs[defId];
  5013. if (def.publicId === id) {
  5014. if (def.recurringDef) {
  5015. return new EventImpl(state, def, null);
  5016. }
  5017. for (let instanceId in instances) {
  5018. let instance = instances[instanceId];
  5019. if (instance.defId === def.defId) {
  5020. return new EventImpl(state, def, instance);
  5021. }
  5022. }
  5023. }
  5024. }
  5025. return null;
  5026. }
  5027. getEvents() {
  5028. let currentData = this.getCurrentData();
  5029. return buildEventApis(currentData.eventStore, currentData);
  5030. }
  5031. removeAllEvents() {
  5032. this.dispatch({ type: 'REMOVE_ALL_EVENTS' });
  5033. }
  5034. // Public Event Sources API
  5035. // -----------------------------------------------------------------------------------------------------------------
  5036. getEventSources() {
  5037. let state = this.getCurrentData();
  5038. let sourceHash = state.eventSources;
  5039. let sourceApis = [];
  5040. for (let internalId in sourceHash) {
  5041. sourceApis.push(new EventSourceImpl(state, sourceHash[internalId]));
  5042. }
  5043. return sourceApis;
  5044. }
  5045. getEventSourceById(id) {
  5046. let state = this.getCurrentData();
  5047. let sourceHash = state.eventSources;
  5048. id = String(id);
  5049. for (let sourceId in sourceHash) {
  5050. if (sourceHash[sourceId].publicId === id) {
  5051. return new EventSourceImpl(state, sourceHash[sourceId]);
  5052. }
  5053. }
  5054. return null;
  5055. }
  5056. addEventSource(sourceInput) {
  5057. let state = this.getCurrentData();
  5058. if (sourceInput instanceof EventSourceImpl) {
  5059. // not already present? don't want to add an old snapshot
  5060. if (!state.eventSources[sourceInput.internalEventSource.sourceId]) {
  5061. this.dispatch({
  5062. type: 'ADD_EVENT_SOURCES',
  5063. sources: [sourceInput.internalEventSource],
  5064. });
  5065. }
  5066. return sourceInput;
  5067. }
  5068. let eventSource = parseEventSource(sourceInput, state);
  5069. if (eventSource) { // TODO: error otherwise?
  5070. this.dispatch({ type: 'ADD_EVENT_SOURCES', sources: [eventSource] });
  5071. return new EventSourceImpl(state, eventSource);
  5072. }
  5073. return null;
  5074. }
  5075. removeAllEventSources() {
  5076. this.dispatch({ type: 'REMOVE_ALL_EVENT_SOURCES' });
  5077. }
  5078. refetchEvents() {
  5079. this.dispatch({ type: 'FETCH_EVENT_SOURCES', isRefetch: true });
  5080. }
  5081. // Scroll
  5082. // -----------------------------------------------------------------------------------------------------------------
  5083. scrollToTime(timeInput) {
  5084. let time = createDuration(timeInput);
  5085. if (time) {
  5086. this.trigger('_scrollRequest', { time });
  5087. }
  5088. }
  5089. }
  5090. function pointInsideRect(point, rect) {
  5091. return point.left >= rect.left &&
  5092. point.left < rect.right &&
  5093. point.top >= rect.top &&
  5094. point.top < rect.bottom;
  5095. }
  5096. // Returns a new rectangle that is the intersection of the two rectangles. If they don't intersect, returns false
  5097. function intersectRects(rect1, rect2) {
  5098. let res = {
  5099. left: Math.max(rect1.left, rect2.left),
  5100. right: Math.min(rect1.right, rect2.right),
  5101. top: Math.max(rect1.top, rect2.top),
  5102. bottom: Math.min(rect1.bottom, rect2.bottom),
  5103. };
  5104. if (res.left < res.right && res.top < res.bottom) {
  5105. return res;
  5106. }
  5107. return false;
  5108. }
  5109. function translateRect(rect, deltaX, deltaY) {
  5110. return {
  5111. left: rect.left + deltaX,
  5112. right: rect.right + deltaX,
  5113. top: rect.top + deltaY,
  5114. bottom: rect.bottom + deltaY,
  5115. };
  5116. }
  5117. // Returns a new point that will have been moved to reside within the given rectangle
  5118. function constrainPoint(point, rect) {
  5119. return {
  5120. left: Math.min(Math.max(point.left, rect.left), rect.right),
  5121. top: Math.min(Math.max(point.top, rect.top), rect.bottom),
  5122. };
  5123. }
  5124. // Returns a point that is the center of the given rectangle
  5125. function getRectCenter(rect) {
  5126. return {
  5127. left: (rect.left + rect.right) / 2,
  5128. top: (rect.top + rect.bottom) / 2,
  5129. };
  5130. }
  5131. // Subtracts point2's coordinates from point1's coordinates, returning a delta
  5132. function diffPoints(point1, point2) {
  5133. return {
  5134. left: point1.left - point2.left,
  5135. top: point1.top - point2.top,
  5136. };
  5137. }
  5138. const EMPTY_EVENT_STORE = createEmptyEventStore(); // for purecomponents. TODO: keep elsewhere
  5139. class Splitter {
  5140. constructor() {
  5141. this.getKeysForEventDefs = memoize(this._getKeysForEventDefs);
  5142. this.splitDateSelection = memoize(this._splitDateSpan);
  5143. this.splitEventStore = memoize(this._splitEventStore);
  5144. this.splitIndividualUi = memoize(this._splitIndividualUi);
  5145. this.splitEventDrag = memoize(this._splitInteraction);
  5146. this.splitEventResize = memoize(this._splitInteraction);
  5147. this.eventUiBuilders = {}; // TODO: typescript protection
  5148. }
  5149. splitProps(props) {
  5150. let keyInfos = this.getKeyInfo(props);
  5151. let defKeys = this.getKeysForEventDefs(props.eventStore);
  5152. let dateSelections = this.splitDateSelection(props.dateSelection);
  5153. let individualUi = this.splitIndividualUi(props.eventUiBases, defKeys); // the individual *bases*
  5154. let eventStores = this.splitEventStore(props.eventStore, defKeys);
  5155. let eventDrags = this.splitEventDrag(props.eventDrag);
  5156. let eventResizes = this.splitEventResize(props.eventResize);
  5157. let splitProps = {};
  5158. this.eventUiBuilders = mapHash(keyInfos, (info, key) => this.eventUiBuilders[key] || memoize(buildEventUiForKey));
  5159. for (let key in keyInfos) {
  5160. let keyInfo = keyInfos[key];
  5161. let eventStore = eventStores[key] || EMPTY_EVENT_STORE;
  5162. let buildEventUi = this.eventUiBuilders[key];
  5163. splitProps[key] = {
  5164. businessHours: keyInfo.businessHours || props.businessHours,
  5165. dateSelection: dateSelections[key] || null,
  5166. eventStore,
  5167. eventUiBases: buildEventUi(props.eventUiBases[''], keyInfo.ui, individualUi[key]),
  5168. eventSelection: eventStore.instances[props.eventSelection] ? props.eventSelection : '',
  5169. eventDrag: eventDrags[key] || null,
  5170. eventResize: eventResizes[key] || null,
  5171. };
  5172. }
  5173. return splitProps;
  5174. }
  5175. _splitDateSpan(dateSpan) {
  5176. let dateSpans = {};
  5177. if (dateSpan) {
  5178. let keys = this.getKeysForDateSpan(dateSpan);
  5179. for (let key of keys) {
  5180. dateSpans[key] = dateSpan;
  5181. }
  5182. }
  5183. return dateSpans;
  5184. }
  5185. _getKeysForEventDefs(eventStore) {
  5186. return mapHash(eventStore.defs, (eventDef) => this.getKeysForEventDef(eventDef));
  5187. }
  5188. _splitEventStore(eventStore, defKeys) {
  5189. let { defs, instances } = eventStore;
  5190. let splitStores = {};
  5191. for (let defId in defs) {
  5192. for (let key of defKeys[defId]) {
  5193. if (!splitStores[key]) {
  5194. splitStores[key] = createEmptyEventStore();
  5195. }
  5196. splitStores[key].defs[defId] = defs[defId];
  5197. }
  5198. }
  5199. for (let instanceId in instances) {
  5200. let instance = instances[instanceId];
  5201. for (let key of defKeys[instance.defId]) {
  5202. if (splitStores[key]) { // must have already been created
  5203. splitStores[key].instances[instanceId] = instance;
  5204. }
  5205. }
  5206. }
  5207. return splitStores;
  5208. }
  5209. _splitIndividualUi(eventUiBases, defKeys) {
  5210. let splitHashes = {};
  5211. for (let defId in eventUiBases) {
  5212. if (defId) { // not the '' key
  5213. for (let key of defKeys[defId]) {
  5214. if (!splitHashes[key]) {
  5215. splitHashes[key] = {};
  5216. }
  5217. splitHashes[key][defId] = eventUiBases[defId];
  5218. }
  5219. }
  5220. }
  5221. return splitHashes;
  5222. }
  5223. _splitInteraction(interaction) {
  5224. let splitStates = {};
  5225. if (interaction) {
  5226. let affectedStores = this._splitEventStore(interaction.affectedEvents, this._getKeysForEventDefs(interaction.affectedEvents));
  5227. // can't rely on defKeys because event data is mutated
  5228. let mutatedKeysByDefId = this._getKeysForEventDefs(interaction.mutatedEvents);
  5229. let mutatedStores = this._splitEventStore(interaction.mutatedEvents, mutatedKeysByDefId);
  5230. let populate = (key) => {
  5231. if (!splitStates[key]) {
  5232. splitStates[key] = {
  5233. affectedEvents: affectedStores[key] || EMPTY_EVENT_STORE,
  5234. mutatedEvents: mutatedStores[key] || EMPTY_EVENT_STORE,
  5235. isEvent: interaction.isEvent,
  5236. };
  5237. }
  5238. };
  5239. for (let key in affectedStores) {
  5240. populate(key);
  5241. }
  5242. for (let key in mutatedStores) {
  5243. populate(key);
  5244. }
  5245. }
  5246. return splitStates;
  5247. }
  5248. }
  5249. function buildEventUiForKey(allUi, eventUiForKey, individualUi) {
  5250. let baseParts = [];
  5251. if (allUi) {
  5252. baseParts.push(allUi);
  5253. }
  5254. if (eventUiForKey) {
  5255. baseParts.push(eventUiForKey);
  5256. }
  5257. let stuff = {
  5258. '': combineEventUis(baseParts),
  5259. };
  5260. if (individualUi) {
  5261. Object.assign(stuff, individualUi);
  5262. }
  5263. return stuff;
  5264. }
  5265. function getDateMeta(date, todayRange, nowDate, dateProfile) {
  5266. return {
  5267. dow: date.getUTCDay(),
  5268. isDisabled: Boolean(dateProfile && !rangeContainsMarker(dateProfile.activeRange, date)),
  5269. isOther: Boolean(dateProfile && !rangeContainsMarker(dateProfile.currentRange, date)),
  5270. isToday: Boolean(todayRange && rangeContainsMarker(todayRange, date)),
  5271. isPast: Boolean(nowDate ? (date < nowDate) : todayRange ? (date < todayRange.start) : false),
  5272. isFuture: Boolean(nowDate ? (date > nowDate) : todayRange ? (date >= todayRange.end) : false),
  5273. };
  5274. }
  5275. function getDayClassNames(meta, theme) {
  5276. let classNames = [
  5277. 'fc-day',
  5278. `fc-day-${DAY_IDS[meta.dow]}`,
  5279. ];
  5280. if (meta.isDisabled) {
  5281. classNames.push('fc-day-disabled');
  5282. }
  5283. else {
  5284. if (meta.isToday) {
  5285. classNames.push('fc-day-today');
  5286. classNames.push(theme.getClass('today'));
  5287. }
  5288. if (meta.isPast) {
  5289. classNames.push('fc-day-past');
  5290. }
  5291. if (meta.isFuture) {
  5292. classNames.push('fc-day-future');
  5293. }
  5294. if (meta.isOther) {
  5295. classNames.push('fc-day-other');
  5296. }
  5297. }
  5298. return classNames;
  5299. }
  5300. function getSlotClassNames(meta, theme) {
  5301. let classNames = [
  5302. 'fc-slot',
  5303. `fc-slot-${DAY_IDS[meta.dow]}`,
  5304. ];
  5305. if (meta.isDisabled) {
  5306. classNames.push('fc-slot-disabled');
  5307. }
  5308. else {
  5309. if (meta.isToday) {
  5310. classNames.push('fc-slot-today');
  5311. classNames.push(theme.getClass('today'));
  5312. }
  5313. if (meta.isPast) {
  5314. classNames.push('fc-slot-past');
  5315. }
  5316. if (meta.isFuture) {
  5317. classNames.push('fc-slot-future');
  5318. }
  5319. }
  5320. return classNames;
  5321. }
  5322. const DAY_FORMAT = createFormatter({ year: 'numeric', month: 'long', day: 'numeric' });
  5323. const WEEK_FORMAT = createFormatter({ week: 'long' });
  5324. function buildNavLinkAttrs(context, dateMarker, viewType = 'day', isTabbable = true) {
  5325. const { dateEnv, options, calendarApi } = context;
  5326. let dateStr = dateEnv.format(dateMarker, viewType === 'week' ? WEEK_FORMAT : DAY_FORMAT);
  5327. if (options.navLinks) {
  5328. let zonedDate = dateEnv.toDate(dateMarker);
  5329. const handleInteraction = (ev) => {
  5330. let customAction = viewType === 'day' ? options.navLinkDayClick :
  5331. viewType === 'week' ? options.navLinkWeekClick : null;
  5332. if (typeof customAction === 'function') {
  5333. customAction.call(calendarApi, dateEnv.toDate(dateMarker), ev);
  5334. }
  5335. else {
  5336. if (typeof customAction === 'string') {
  5337. viewType = customAction;
  5338. }
  5339. calendarApi.zoomTo(dateMarker, viewType);
  5340. }
  5341. };
  5342. return Object.assign({ title: formatWithOrdinals(options.navLinkHint, [dateStr, zonedDate], dateStr), 'data-navlink': '' }, (isTabbable
  5343. ? createAriaClickAttrs(handleInteraction)
  5344. : { onClick: handleInteraction }));
  5345. }
  5346. return { 'aria-label': dateStr };
  5347. }
  5348. let _isRtlScrollbarOnLeft = null;
  5349. function getIsRtlScrollbarOnLeft() {
  5350. if (_isRtlScrollbarOnLeft === null) {
  5351. _isRtlScrollbarOnLeft = computeIsRtlScrollbarOnLeft();
  5352. }
  5353. return _isRtlScrollbarOnLeft;
  5354. }
  5355. function computeIsRtlScrollbarOnLeft() {
  5356. let outerEl = document.createElement('div');
  5357. applyStyle(outerEl, {
  5358. position: 'absolute',
  5359. top: -1000,
  5360. left: 0,
  5361. border: 0,
  5362. padding: 0,
  5363. overflow: 'scroll',
  5364. direction: 'rtl',
  5365. });
  5366. outerEl.innerHTML = '<div></div>';
  5367. document.body.appendChild(outerEl);
  5368. let innerEl = outerEl.firstChild;
  5369. let res = innerEl.getBoundingClientRect().left > outerEl.getBoundingClientRect().left;
  5370. removeElement(outerEl);
  5371. return res;
  5372. }
  5373. let _scrollbarWidths;
  5374. function getScrollbarWidths() {
  5375. if (!_scrollbarWidths) {
  5376. _scrollbarWidths = computeScrollbarWidths();
  5377. }
  5378. return _scrollbarWidths;
  5379. }
  5380. function computeScrollbarWidths() {
  5381. let el = document.createElement('div');
  5382. el.style.overflow = 'scroll';
  5383. el.style.position = 'absolute';
  5384. el.style.top = '-9999px';
  5385. el.style.left = '-9999px';
  5386. document.body.appendChild(el);
  5387. let res = computeScrollbarWidthsForEl(el);
  5388. document.body.removeChild(el);
  5389. return res;
  5390. }
  5391. // WARNING: will include border
  5392. function computeScrollbarWidthsForEl(el) {
  5393. return {
  5394. x: el.offsetHeight - el.clientHeight,
  5395. y: el.offsetWidth - el.clientWidth,
  5396. };
  5397. }
  5398. function computeEdges(el, getPadding = false) {
  5399. let computedStyle = window.getComputedStyle(el);
  5400. let borderLeft = parseInt(computedStyle.borderLeftWidth, 10) || 0;
  5401. let borderRight = parseInt(computedStyle.borderRightWidth, 10) || 0;
  5402. let borderTop = parseInt(computedStyle.borderTopWidth, 10) || 0;
  5403. let borderBottom = parseInt(computedStyle.borderBottomWidth, 10) || 0;
  5404. let badScrollbarWidths = computeScrollbarWidthsForEl(el); // includes border!
  5405. let scrollbarLeftRight = badScrollbarWidths.y - borderLeft - borderRight;
  5406. let scrollbarBottom = badScrollbarWidths.x - borderTop - borderBottom;
  5407. let res = {
  5408. borderLeft,
  5409. borderRight,
  5410. borderTop,
  5411. borderBottom,
  5412. scrollbarBottom,
  5413. scrollbarLeft: 0,
  5414. scrollbarRight: 0,
  5415. };
  5416. if (getIsRtlScrollbarOnLeft() && computedStyle.direction === 'rtl') { // is the scrollbar on the left side?
  5417. res.scrollbarLeft = scrollbarLeftRight;
  5418. }
  5419. else {
  5420. res.scrollbarRight = scrollbarLeftRight;
  5421. }
  5422. if (getPadding) {
  5423. res.paddingLeft = parseInt(computedStyle.paddingLeft, 10) || 0;
  5424. res.paddingRight = parseInt(computedStyle.paddingRight, 10) || 0;
  5425. res.paddingTop = parseInt(computedStyle.paddingTop, 10) || 0;
  5426. res.paddingBottom = parseInt(computedStyle.paddingBottom, 10) || 0;
  5427. }
  5428. return res;
  5429. }
  5430. function computeInnerRect(el, goWithinPadding = false, doFromWindowViewport) {
  5431. let outerRect = doFromWindowViewport ? el.getBoundingClientRect() : computeRect(el);
  5432. let edges = computeEdges(el, goWithinPadding);
  5433. let res = {
  5434. left: outerRect.left + edges.borderLeft + edges.scrollbarLeft,
  5435. right: outerRect.right - edges.borderRight - edges.scrollbarRight,
  5436. top: outerRect.top + edges.borderTop,
  5437. bottom: outerRect.bottom - edges.borderBottom - edges.scrollbarBottom,
  5438. };
  5439. if (goWithinPadding) {
  5440. res.left += edges.paddingLeft;
  5441. res.right -= edges.paddingRight;
  5442. res.top += edges.paddingTop;
  5443. res.bottom -= edges.paddingBottom;
  5444. }
  5445. return res;
  5446. }
  5447. function computeRect(el) {
  5448. let rect = el.getBoundingClientRect();
  5449. return {
  5450. left: rect.left + window.scrollX,
  5451. top: rect.top + window.scrollY,
  5452. right: rect.right + window.scrollX,
  5453. bottom: rect.bottom + window.scrollY,
  5454. };
  5455. }
  5456. function computeClippedClientRect(el) {
  5457. let clippingParents = getClippingParents(el);
  5458. let rect = el.getBoundingClientRect();
  5459. for (let clippingParent of clippingParents) {
  5460. let intersection = intersectRects(rect, clippingParent.getBoundingClientRect());
  5461. if (intersection) {
  5462. rect = intersection;
  5463. }
  5464. else {
  5465. return null;
  5466. }
  5467. }
  5468. return rect;
  5469. }
  5470. // does not return window
  5471. function getClippingParents(el) {
  5472. let parents = [];
  5473. while (el instanceof HTMLElement) { // will stop when gets to document or null
  5474. let computedStyle = window.getComputedStyle(el);
  5475. if (computedStyle.position === 'fixed') {
  5476. break;
  5477. }
  5478. if ((/(auto|scroll)/).test(computedStyle.overflow + computedStyle.overflowY + computedStyle.overflowX)) {
  5479. parents.push(el);
  5480. }
  5481. el = el.parentNode;
  5482. }
  5483. return parents;
  5484. }
  5485. /*
  5486. Records offset information for a set of elements, relative to an origin element.
  5487. Can record the left/right OR the top/bottom OR both.
  5488. Provides methods for querying the cache by position.
  5489. */
  5490. class PositionCache {
  5491. constructor(originEl, els, isHorizontal, isVertical) {
  5492. this.els = els;
  5493. let originClientRect = this.originClientRect = originEl.getBoundingClientRect(); // relative to viewport top-left
  5494. if (isHorizontal) {
  5495. this.buildElHorizontals(originClientRect.left);
  5496. }
  5497. if (isVertical) {
  5498. this.buildElVerticals(originClientRect.top);
  5499. }
  5500. }
  5501. // Populates the left/right internal coordinate arrays
  5502. buildElHorizontals(originClientLeft) {
  5503. let lefts = [];
  5504. let rights = [];
  5505. for (let el of this.els) {
  5506. let rect = el.getBoundingClientRect();
  5507. lefts.push(rect.left - originClientLeft);
  5508. rights.push(rect.right - originClientLeft);
  5509. }
  5510. this.lefts = lefts;
  5511. this.rights = rights;
  5512. }
  5513. // Populates the top/bottom internal coordinate arrays
  5514. buildElVerticals(originClientTop) {
  5515. let tops = [];
  5516. let bottoms = [];
  5517. for (let el of this.els) {
  5518. let rect = el.getBoundingClientRect();
  5519. tops.push(rect.top - originClientTop);
  5520. bottoms.push(rect.bottom - originClientTop);
  5521. }
  5522. this.tops = tops;
  5523. this.bottoms = bottoms;
  5524. }
  5525. // Given a left offset (from document left), returns the index of the el that it horizontally intersects.
  5526. // If no intersection is made, returns undefined.
  5527. leftToIndex(leftPosition) {
  5528. let { lefts, rights } = this;
  5529. let len = lefts.length;
  5530. let i;
  5531. for (i = 0; i < len; i += 1) {
  5532. if (leftPosition >= lefts[i] && leftPosition < rights[i]) {
  5533. return i;
  5534. }
  5535. }
  5536. return undefined; // TODO: better
  5537. }
  5538. // Given a top offset (from document top), returns the index of the el that it vertically intersects.
  5539. // If no intersection is made, returns undefined.
  5540. topToIndex(topPosition) {
  5541. let { tops, bottoms } = this;
  5542. let len = tops.length;
  5543. let i;
  5544. for (i = 0; i < len; i += 1) {
  5545. if (topPosition >= tops[i] && topPosition < bottoms[i]) {
  5546. return i;
  5547. }
  5548. }
  5549. return undefined; // TODO: better
  5550. }
  5551. // Gets the width of the element at the given index
  5552. getWidth(leftIndex) {
  5553. return this.rights[leftIndex] - this.lefts[leftIndex];
  5554. }
  5555. // Gets the height of the element at the given index
  5556. getHeight(topIndex) {
  5557. return this.bottoms[topIndex] - this.tops[topIndex];
  5558. }
  5559. similarTo(otherCache) {
  5560. return similarNumArrays(this.tops || [], otherCache.tops || []) &&
  5561. similarNumArrays(this.bottoms || [], otherCache.bottoms || []) &&
  5562. similarNumArrays(this.lefts || [], otherCache.lefts || []) &&
  5563. similarNumArrays(this.rights || [], otherCache.rights || []);
  5564. }
  5565. }
  5566. function similarNumArrays(a, b) {
  5567. const len = a.length;
  5568. if (len !== b.length) {
  5569. return false;
  5570. }
  5571. for (let i = 0; i < len; i++) {
  5572. if (Math.round(a[i]) !== Math.round(b[i])) {
  5573. return false;
  5574. }
  5575. }
  5576. return true;
  5577. }
  5578. /* eslint max-classes-per-file: "off" */
  5579. /*
  5580. An object for getting/setting scroll-related information for an element.
  5581. Internally, this is done very differently for window versus DOM element,
  5582. so this object serves as a common interface.
  5583. */
  5584. class ScrollController {
  5585. getMaxScrollTop() {
  5586. return this.getScrollHeight() - this.getClientHeight();
  5587. }
  5588. getMaxScrollLeft() {
  5589. return this.getScrollWidth() - this.getClientWidth();
  5590. }
  5591. canScrollVertically() {
  5592. return this.getMaxScrollTop() > 0;
  5593. }
  5594. canScrollHorizontally() {
  5595. return this.getMaxScrollLeft() > 0;
  5596. }
  5597. canScrollUp() {
  5598. return this.getScrollTop() > 0;
  5599. }
  5600. canScrollDown() {
  5601. return this.getScrollTop() < this.getMaxScrollTop();
  5602. }
  5603. canScrollLeft() {
  5604. return this.getScrollLeft() > 0;
  5605. }
  5606. canScrollRight() {
  5607. return this.getScrollLeft() < this.getMaxScrollLeft();
  5608. }
  5609. }
  5610. class ElementScrollController extends ScrollController {
  5611. constructor(el) {
  5612. super();
  5613. this.el = el;
  5614. }
  5615. getScrollTop() {
  5616. return this.el.scrollTop;
  5617. }
  5618. getScrollLeft() {
  5619. return this.el.scrollLeft;
  5620. }
  5621. setScrollTop(top) {
  5622. this.el.scrollTop = top;
  5623. }
  5624. setScrollLeft(left) {
  5625. this.el.scrollLeft = left;
  5626. }
  5627. getScrollWidth() {
  5628. return this.el.scrollWidth;
  5629. }
  5630. getScrollHeight() {
  5631. return this.el.scrollHeight;
  5632. }
  5633. getClientHeight() {
  5634. return this.el.clientHeight;
  5635. }
  5636. getClientWidth() {
  5637. return this.el.clientWidth;
  5638. }
  5639. }
  5640. class WindowScrollController extends ScrollController {
  5641. getScrollTop() {
  5642. return window.scrollY;
  5643. }
  5644. getScrollLeft() {
  5645. return window.scrollX;
  5646. }
  5647. setScrollTop(n) {
  5648. window.scroll(window.scrollX, n);
  5649. }
  5650. setScrollLeft(n) {
  5651. window.scroll(n, window.scrollY);
  5652. }
  5653. getScrollWidth() {
  5654. return document.documentElement.scrollWidth;
  5655. }
  5656. getScrollHeight() {
  5657. return document.documentElement.scrollHeight;
  5658. }
  5659. getClientHeight() {
  5660. return document.documentElement.clientHeight;
  5661. }
  5662. getClientWidth() {
  5663. return document.documentElement.clientWidth;
  5664. }
  5665. }
  5666. /*
  5667. an INTERACTABLE date component
  5668. PURPOSES:
  5669. - hook up to fg, fill, and mirror renderers
  5670. - interface for dragging and hits
  5671. */
  5672. class DateComponent extends BaseComponent {
  5673. constructor() {
  5674. super(...arguments);
  5675. this.uid = guid();
  5676. }
  5677. // Hit System
  5678. // -----------------------------------------------------------------------------------------------------------------
  5679. prepareHits() {
  5680. }
  5681. queryHit(positionLeft, positionTop, elWidth, elHeight) {
  5682. return null; // this should be abstract
  5683. }
  5684. // Pointer Interaction Utils
  5685. // -----------------------------------------------------------------------------------------------------------------
  5686. isValidSegDownEl(el) {
  5687. return !this.props.eventDrag && // HACK
  5688. !this.props.eventResize && // HACK
  5689. !elementClosest(el, '.fc-event-mirror');
  5690. }
  5691. isValidDateDownEl(el) {
  5692. return !elementClosest(el, '.fc-event:not(.fc-bg-event)') &&
  5693. !elementClosest(el, '.fc-more-link') && // a "more.." link
  5694. !elementClosest(el, 'a[data-navlink]') && // a clickable nav link
  5695. !elementClosest(el, '.fc-popover'); // hack
  5696. }
  5697. }
  5698. class NamedTimeZoneImpl {
  5699. constructor(timeZoneName) {
  5700. this.timeZoneName = timeZoneName;
  5701. }
  5702. }
  5703. class SegHierarchy {
  5704. constructor(getEntryThickness = (entry) => {
  5705. // if no thickness known, assume 1 (if 0, so small it always fits)
  5706. return entry.thickness || 1;
  5707. }) {
  5708. this.getEntryThickness = getEntryThickness;
  5709. // settings
  5710. this.strictOrder = false;
  5711. this.allowReslicing = false;
  5712. this.maxCoord = -1; // -1 means no max
  5713. this.maxStackCnt = -1; // -1 means no max
  5714. this.levelCoords = []; // ordered
  5715. this.entriesByLevel = []; // parallel with levelCoords
  5716. this.stackCnts = {}; // TODO: use better technique!?
  5717. }
  5718. addSegs(inputs) {
  5719. let hiddenEntries = [];
  5720. for (let input of inputs) {
  5721. this.insertEntry(input, hiddenEntries);
  5722. }
  5723. return hiddenEntries;
  5724. }
  5725. insertEntry(entry, hiddenEntries) {
  5726. let insertion = this.findInsertion(entry);
  5727. if (this.isInsertionValid(insertion, entry)) {
  5728. this.insertEntryAt(entry, insertion);
  5729. }
  5730. else {
  5731. this.handleInvalidInsertion(insertion, entry, hiddenEntries);
  5732. }
  5733. }
  5734. isInsertionValid(insertion, entry) {
  5735. return (this.maxCoord === -1 || insertion.levelCoord + this.getEntryThickness(entry) <= this.maxCoord) &&
  5736. (this.maxStackCnt === -1 || insertion.stackCnt < this.maxStackCnt);
  5737. }
  5738. handleInvalidInsertion(insertion, entry, hiddenEntries) {
  5739. if (this.allowReslicing && insertion.touchingEntry) {
  5740. const hiddenEntry = Object.assign(Object.assign({}, entry), { span: intersectSpans(entry.span, insertion.touchingEntry.span) });
  5741. hiddenEntries.push(hiddenEntry);
  5742. this.splitEntry(entry, insertion.touchingEntry, hiddenEntries);
  5743. }
  5744. else {
  5745. hiddenEntries.push(entry);
  5746. }
  5747. }
  5748. /*
  5749. Does NOT add what hit the `barrier` into hiddenEntries. Should already be done.
  5750. */
  5751. splitEntry(entry, barrier, hiddenEntries) {
  5752. let entrySpan = entry.span;
  5753. let barrierSpan = barrier.span;
  5754. if (entrySpan.start < barrierSpan.start) {
  5755. this.insertEntry({
  5756. index: entry.index,
  5757. thickness: entry.thickness,
  5758. span: { start: entrySpan.start, end: barrierSpan.start },
  5759. }, hiddenEntries);
  5760. }
  5761. if (entrySpan.end > barrierSpan.end) {
  5762. this.insertEntry({
  5763. index: entry.index,
  5764. thickness: entry.thickness,
  5765. span: { start: barrierSpan.end, end: entrySpan.end },
  5766. }, hiddenEntries);
  5767. }
  5768. }
  5769. insertEntryAt(entry, insertion) {
  5770. let { entriesByLevel, levelCoords } = this;
  5771. if (insertion.lateral === -1) {
  5772. // create a new level
  5773. insertAt(levelCoords, insertion.level, insertion.levelCoord);
  5774. insertAt(entriesByLevel, insertion.level, [entry]);
  5775. }
  5776. else {
  5777. // insert into existing level
  5778. insertAt(entriesByLevel[insertion.level], insertion.lateral, entry);
  5779. }
  5780. this.stackCnts[buildEntryKey(entry)] = insertion.stackCnt;
  5781. }
  5782. /*
  5783. does not care about limits
  5784. */
  5785. findInsertion(newEntry) {
  5786. let { levelCoords, entriesByLevel, strictOrder, stackCnts } = this;
  5787. let levelCnt = levelCoords.length;
  5788. let candidateCoord = 0;
  5789. let touchingLevel = -1;
  5790. let touchingLateral = -1;
  5791. let touchingEntry = null;
  5792. let stackCnt = 0;
  5793. for (let trackingLevel = 0; trackingLevel < levelCnt; trackingLevel += 1) {
  5794. const trackingCoord = levelCoords[trackingLevel];
  5795. // if the current level is past the placed entry, we have found a good empty space and can stop.
  5796. // if strictOrder, keep finding more lateral intersections.
  5797. if (!strictOrder && trackingCoord >= candidateCoord + this.getEntryThickness(newEntry)) {
  5798. break;
  5799. }
  5800. let trackingEntries = entriesByLevel[trackingLevel];
  5801. let trackingEntry;
  5802. let searchRes = binarySearch(trackingEntries, newEntry.span.start, getEntrySpanEnd); // find first entry after newEntry's end
  5803. let lateralIndex = searchRes[0] + searchRes[1]; // if exact match (which doesn't collide), go to next one
  5804. while ( // loop through entries that horizontally intersect
  5805. (trackingEntry = trackingEntries[lateralIndex]) && // but not past the whole entry list
  5806. trackingEntry.span.start < newEntry.span.end // and not entirely past newEntry
  5807. ) {
  5808. let trackingEntryBottom = trackingCoord + this.getEntryThickness(trackingEntry);
  5809. // intersects into the top of the candidate?
  5810. if (trackingEntryBottom > candidateCoord) {
  5811. candidateCoord = trackingEntryBottom;
  5812. touchingEntry = trackingEntry;
  5813. touchingLevel = trackingLevel;
  5814. touchingLateral = lateralIndex;
  5815. }
  5816. // butts up against top of candidate? (will happen if just intersected as well)
  5817. if (trackingEntryBottom === candidateCoord) {
  5818. // accumulate the highest possible stackCnt of the trackingEntries that butt up
  5819. stackCnt = Math.max(stackCnt, stackCnts[buildEntryKey(trackingEntry)] + 1);
  5820. }
  5821. lateralIndex += 1;
  5822. }
  5823. }
  5824. // the destination level will be after touchingEntry's level. find it
  5825. let destLevel = 0;
  5826. if (touchingEntry) {
  5827. destLevel = touchingLevel + 1;
  5828. while (destLevel < levelCnt && levelCoords[destLevel] < candidateCoord) {
  5829. destLevel += 1;
  5830. }
  5831. }
  5832. // if adding to an existing level, find where to insert
  5833. let destLateral = -1;
  5834. if (destLevel < levelCnt && levelCoords[destLevel] === candidateCoord) {
  5835. destLateral = binarySearch(entriesByLevel[destLevel], newEntry.span.end, getEntrySpanEnd)[0];
  5836. }
  5837. return {
  5838. touchingLevel,
  5839. touchingLateral,
  5840. touchingEntry,
  5841. stackCnt,
  5842. levelCoord: candidateCoord,
  5843. level: destLevel,
  5844. lateral: destLateral,
  5845. };
  5846. }
  5847. // sorted by levelCoord (lowest to highest)
  5848. toRects() {
  5849. let { entriesByLevel, levelCoords } = this;
  5850. let levelCnt = entriesByLevel.length;
  5851. let rects = [];
  5852. for (let level = 0; level < levelCnt; level += 1) {
  5853. let entries = entriesByLevel[level];
  5854. let levelCoord = levelCoords[level];
  5855. for (let entry of entries) {
  5856. rects.push(Object.assign(Object.assign({}, entry), { thickness: this.getEntryThickness(entry), levelCoord }));
  5857. }
  5858. }
  5859. return rects;
  5860. }
  5861. }
  5862. function getEntrySpanEnd(entry) {
  5863. return entry.span.end;
  5864. }
  5865. function buildEntryKey(entry) {
  5866. return entry.index + ':' + entry.span.start;
  5867. }
  5868. // returns groups with entries sorted by input order
  5869. function groupIntersectingEntries(entries) {
  5870. let merges = [];
  5871. for (let entry of entries) {
  5872. let filteredMerges = [];
  5873. let hungryMerge = {
  5874. span: entry.span,
  5875. entries: [entry],
  5876. };
  5877. for (let merge of merges) {
  5878. if (intersectSpans(merge.span, hungryMerge.span)) {
  5879. hungryMerge = {
  5880. entries: merge.entries.concat(hungryMerge.entries),
  5881. span: joinSpans(merge.span, hungryMerge.span),
  5882. };
  5883. }
  5884. else {
  5885. filteredMerges.push(merge);
  5886. }
  5887. }
  5888. filteredMerges.push(hungryMerge);
  5889. merges = filteredMerges;
  5890. }
  5891. return merges;
  5892. }
  5893. function joinSpans(span0, span1) {
  5894. return {
  5895. start: Math.min(span0.start, span1.start),
  5896. end: Math.max(span0.end, span1.end),
  5897. };
  5898. }
  5899. function intersectSpans(span0, span1) {
  5900. let start = Math.max(span0.start, span1.start);
  5901. let end = Math.min(span0.end, span1.end);
  5902. if (start < end) {
  5903. return { start, end };
  5904. }
  5905. return null;
  5906. }
  5907. // general util
  5908. // ---------------------------------------------------------------------------------------------------------------------
  5909. function insertAt(arr, index, item) {
  5910. arr.splice(index, 0, item);
  5911. }
  5912. function binarySearch(a, searchVal, getItemVal) {
  5913. let startIndex = 0;
  5914. let endIndex = a.length; // exclusive
  5915. if (!endIndex || searchVal < getItemVal(a[startIndex])) { // no items OR before first item
  5916. return [0, 0];
  5917. }
  5918. if (searchVal > getItemVal(a[endIndex - 1])) { // after last item
  5919. return [endIndex, 0];
  5920. }
  5921. while (startIndex < endIndex) {
  5922. let middleIndex = Math.floor(startIndex + (endIndex - startIndex) / 2);
  5923. let middleVal = getItemVal(a[middleIndex]);
  5924. if (searchVal < middleVal) {
  5925. endIndex = middleIndex;
  5926. }
  5927. else if (searchVal > middleVal) {
  5928. startIndex = middleIndex + 1;
  5929. }
  5930. else { // equal!
  5931. return [middleIndex, 1];
  5932. }
  5933. }
  5934. return [startIndex, 0];
  5935. }
  5936. /*
  5937. An abstraction for a dragging interaction originating on an event.
  5938. Does higher-level things than PointerDragger, such as possibly:
  5939. - a "mirror" that moves with the pointer
  5940. - a minimum number of pixels or other criteria for a true drag to begin
  5941. subclasses must emit:
  5942. - pointerdown
  5943. - dragstart
  5944. - dragmove
  5945. - pointerup
  5946. - dragend
  5947. */
  5948. class ElementDragging {
  5949. constructor(el, selector) {
  5950. this.emitter = new Emitter();
  5951. }
  5952. destroy() {
  5953. }
  5954. setMirrorIsVisible(bool) {
  5955. // optional if subclass doesn't want to support a mirror
  5956. }
  5957. setMirrorNeedsRevert(bool) {
  5958. // optional if subclass doesn't want to support a mirror
  5959. }
  5960. setAutoScrollEnabled(bool) {
  5961. // optional
  5962. }
  5963. }
  5964. // TODO: get rid of this in favor of options system,
  5965. // tho it's really easy to access this globally rather than pass thru options.
  5966. const config = {};
  5967. /*
  5968. Information about what will happen when an external element is dragged-and-dropped
  5969. onto a calendar. Contains information for creating an event.
  5970. */
  5971. const DRAG_META_REFINERS = {
  5972. startTime: createDuration,
  5973. duration: createDuration,
  5974. create: Boolean,
  5975. sourceId: String,
  5976. };
  5977. function parseDragMeta(raw) {
  5978. let { refined, extra } = refineProps(raw, DRAG_META_REFINERS);
  5979. return {
  5980. startTime: refined.startTime || null,
  5981. duration: refined.duration || null,
  5982. create: refined.create != null ? refined.create : true,
  5983. sourceId: refined.sourceId,
  5984. leftoverProps: extra,
  5985. };
  5986. }
  5987. // Computes a default column header formatting string if `colFormat` is not explicitly defined
  5988. function computeFallbackHeaderFormat(datesRepDistinctDays, dayCnt) {
  5989. // if more than one week row, or if there are a lot of columns with not much space,
  5990. // put just the day numbers will be in each cell
  5991. if (!datesRepDistinctDays || dayCnt > 10) {
  5992. return createFormatter({ weekday: 'short' }); // "Sat"
  5993. }
  5994. if (dayCnt > 1) {
  5995. return createFormatter({ weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true }); // "Sat 11/12"
  5996. }
  5997. return createFormatter({ weekday: 'long' }); // "Saturday"
  5998. }
  5999. const CLASS_NAME = 'fc-col-header-cell'; // do the cushion too? no
  6000. function renderInner$1(renderProps) {
  6001. return renderProps.text;
  6002. }
  6003. // BAD name for this class now. used in the Header
  6004. class TableDateCell extends BaseComponent {
  6005. render() {
  6006. let { dateEnv, options, theme, viewApi } = this.context;
  6007. let { props } = this;
  6008. let { date, dateProfile } = props;
  6009. let dayMeta = getDateMeta(date, props.todayRange, null, dateProfile);
  6010. let classNames = [CLASS_NAME].concat(getDayClassNames(dayMeta, theme));
  6011. let text = dateEnv.format(date, props.dayHeaderFormat);
  6012. // if colCnt is 1, we are already in a day-view and don't need a navlink
  6013. let navLinkAttrs = (!dayMeta.isDisabled && props.colCnt > 1)
  6014. ? buildNavLinkAttrs(this.context, date)
  6015. : {};
  6016. let renderProps = Object.assign(Object.assign(Object.assign({ date: dateEnv.toDate(date), view: viewApi }, props.extraRenderProps), { text }), dayMeta);
  6017. 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: [
  6018. 'fc-col-header-cell-cushion',
  6019. props.isSticky && 'fc-sticky',
  6020. ] }))))));
  6021. }
  6022. }
  6023. const WEEKDAY_FORMAT = createFormatter({ weekday: 'long' });
  6024. class TableDowCell extends BaseComponent {
  6025. render() {
  6026. let { props } = this;
  6027. let { dateEnv, theme, viewApi, options } = this.context;
  6028. let date = addDays(new Date(259200000), props.dow); // start with Sun, 04 Jan 1970 00:00:00 GMT
  6029. let dateMeta = {
  6030. dow: props.dow,
  6031. isDisabled: false,
  6032. isFuture: false,
  6033. isPast: false,
  6034. isToday: false,
  6035. isOther: false,
  6036. };
  6037. let text = dateEnv.format(date, props.dayHeaderFormat);
  6038. let renderProps = Object.assign(Object.assign(Object.assign(Object.assign({ // TODO: make this public?
  6039. date }, dateMeta), { view: viewApi }), props.extraRenderProps), { text });
  6040. return (preact.createElement(ContentContainer, { elTag: "th", elClasses: [
  6041. CLASS_NAME,
  6042. ...getDayClassNames(dateMeta, theme),
  6043. ...(props.extraClassNames || []),
  6044. ], 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" },
  6045. preact.createElement(InnerContent, { elTag: "a", elClasses: [
  6046. 'fc-col-header-cell-cushion',
  6047. props.isSticky && 'fc-sticky',
  6048. ], elAttrs: {
  6049. 'aria-label': dateEnv.format(date, WEEKDAY_FORMAT),
  6050. } })))));
  6051. }
  6052. }
  6053. class NowTimer extends preact.Component {
  6054. constructor(props, context) {
  6055. super(props, context);
  6056. this.initialNowDate = getNow(context.options.now, context.dateEnv);
  6057. this.initialNowQueriedMs = new Date().valueOf();
  6058. this.state = this.computeTiming().currentState;
  6059. }
  6060. render() {
  6061. let { props, state } = this;
  6062. return props.children(state.nowDate, state.todayRange);
  6063. }
  6064. componentDidMount() {
  6065. this.setTimeout();
  6066. }
  6067. componentDidUpdate(prevProps) {
  6068. if (prevProps.unit !== this.props.unit) {
  6069. this.clearTimeout();
  6070. this.setTimeout();
  6071. }
  6072. }
  6073. componentWillUnmount() {
  6074. this.clearTimeout();
  6075. }
  6076. computeTiming() {
  6077. let { props, context } = this;
  6078. let unroundedNow = addMs(this.initialNowDate, new Date().valueOf() - this.initialNowQueriedMs);
  6079. let currentUnitStart = context.dateEnv.startOf(unroundedNow, props.unit);
  6080. let nextUnitStart = context.dateEnv.add(currentUnitStart, createDuration(1, props.unit));
  6081. let waitMs = nextUnitStart.valueOf() - unroundedNow.valueOf();
  6082. // there is a max setTimeout ms value (https://stackoverflow.com/a/3468650/96342)
  6083. // ensure no longer than a day
  6084. waitMs = Math.min(1000 * 60 * 60 * 24, waitMs);
  6085. return {
  6086. currentState: { nowDate: currentUnitStart, todayRange: buildDayRange(currentUnitStart) },
  6087. nextState: { nowDate: nextUnitStart, todayRange: buildDayRange(nextUnitStart) },
  6088. waitMs,
  6089. };
  6090. }
  6091. setTimeout() {
  6092. let { nextState, waitMs } = this.computeTiming();
  6093. this.timeoutId = setTimeout(() => {
  6094. this.setState(nextState, () => {
  6095. this.setTimeout();
  6096. });
  6097. }, waitMs);
  6098. }
  6099. clearTimeout() {
  6100. if (this.timeoutId) {
  6101. clearTimeout(this.timeoutId);
  6102. }
  6103. }
  6104. }
  6105. NowTimer.contextType = ViewContextType;
  6106. function buildDayRange(date) {
  6107. let start = startOfDay(date);
  6108. let end = addDays(start, 1);
  6109. return { start, end };
  6110. }
  6111. class DayHeader extends BaseComponent {
  6112. constructor() {
  6113. super(...arguments);
  6114. this.createDayHeaderFormatter = memoize(createDayHeaderFormatter);
  6115. }
  6116. render() {
  6117. let { context } = this;
  6118. let { dates, dateProfile, datesRepDistinctDays, renderIntro } = this.props;
  6119. let dayHeaderFormat = this.createDayHeaderFormatter(context.options.dayHeaderFormat, datesRepDistinctDays, dates.length);
  6120. return (preact.createElement(NowTimer, { unit: "day" }, (nowDate, todayRange) => (preact.createElement("tr", { role: "row" },
  6121. renderIntro && renderIntro('day'),
  6122. 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 }))))))));
  6123. }
  6124. }
  6125. function createDayHeaderFormatter(explicitFormat, datesRepDistinctDays, dateCnt) {
  6126. return explicitFormat || computeFallbackHeaderFormat(datesRepDistinctDays, dateCnt);
  6127. }
  6128. class DaySeriesModel {
  6129. constructor(range, dateProfileGenerator) {
  6130. let date = range.start;
  6131. let { end } = range;
  6132. let indices = [];
  6133. let dates = [];
  6134. let dayIndex = -1;
  6135. while (date < end) { // loop each day from start to end
  6136. if (dateProfileGenerator.isHiddenDay(date)) {
  6137. indices.push(dayIndex + 0.5); // mark that it's between indices
  6138. }
  6139. else {
  6140. dayIndex += 1;
  6141. indices.push(dayIndex);
  6142. dates.push(date);
  6143. }
  6144. date = addDays(date, 1);
  6145. }
  6146. this.dates = dates;
  6147. this.indices = indices;
  6148. this.cnt = dates.length;
  6149. }
  6150. sliceRange(range) {
  6151. let firstIndex = this.getDateDayIndex(range.start); // inclusive first index
  6152. let lastIndex = this.getDateDayIndex(addDays(range.end, -1)); // inclusive last index
  6153. let clippedFirstIndex = Math.max(0, firstIndex);
  6154. let clippedLastIndex = Math.min(this.cnt - 1, lastIndex);
  6155. // deal with in-between indices
  6156. clippedFirstIndex = Math.ceil(clippedFirstIndex); // in-between starts round to next cell
  6157. clippedLastIndex = Math.floor(clippedLastIndex); // in-between ends round to prev cell
  6158. if (clippedFirstIndex <= clippedLastIndex) {
  6159. return {
  6160. firstIndex: clippedFirstIndex,
  6161. lastIndex: clippedLastIndex,
  6162. isStart: firstIndex === clippedFirstIndex,
  6163. isEnd: lastIndex === clippedLastIndex,
  6164. };
  6165. }
  6166. return null;
  6167. }
  6168. // Given a date, returns its chronolocial cell-index from the first cell of the grid.
  6169. // If the date lies between cells (because of hiddenDays), returns a floating-point value between offsets.
  6170. // If before the first offset, returns a negative number.
  6171. // If after the last offset, returns an offset past the last cell offset.
  6172. // Only works for *start* dates of cells. Will not work for exclusive end dates for cells.
  6173. getDateDayIndex(date) {
  6174. let { indices } = this;
  6175. let dayOffset = Math.floor(diffDays(this.dates[0], date));
  6176. if (dayOffset < 0) {
  6177. return indices[0] - 1;
  6178. }
  6179. if (dayOffset >= indices.length) {
  6180. return indices[indices.length - 1] + 1;
  6181. }
  6182. return indices[dayOffset];
  6183. }
  6184. }
  6185. class DayTableModel {
  6186. constructor(daySeries, breakOnWeeks) {
  6187. let { dates } = daySeries;
  6188. let daysPerRow;
  6189. let firstDay;
  6190. let rowCnt;
  6191. if (breakOnWeeks) {
  6192. // count columns until the day-of-week repeats
  6193. firstDay = dates[0].getUTCDay();
  6194. for (daysPerRow = 1; daysPerRow < dates.length; daysPerRow += 1) {
  6195. if (dates[daysPerRow].getUTCDay() === firstDay) {
  6196. break;
  6197. }
  6198. }
  6199. rowCnt = Math.ceil(dates.length / daysPerRow);
  6200. }
  6201. else {
  6202. rowCnt = 1;
  6203. daysPerRow = dates.length;
  6204. }
  6205. this.rowCnt = rowCnt;
  6206. this.colCnt = daysPerRow;
  6207. this.daySeries = daySeries;
  6208. this.cells = this.buildCells();
  6209. this.headerDates = this.buildHeaderDates();
  6210. }
  6211. buildCells() {
  6212. let rows = [];
  6213. for (let row = 0; row < this.rowCnt; row += 1) {
  6214. let cells = [];
  6215. for (let col = 0; col < this.colCnt; col += 1) {
  6216. cells.push(this.buildCell(row, col));
  6217. }
  6218. rows.push(cells);
  6219. }
  6220. return rows;
  6221. }
  6222. buildCell(row, col) {
  6223. let date = this.daySeries.dates[row * this.colCnt + col];
  6224. return {
  6225. key: date.toISOString(),
  6226. date,
  6227. };
  6228. }
  6229. buildHeaderDates() {
  6230. let dates = [];
  6231. for (let col = 0; col < this.colCnt; col += 1) {
  6232. dates.push(this.cells[0][col].date);
  6233. }
  6234. return dates;
  6235. }
  6236. sliceRange(range) {
  6237. let { colCnt } = this;
  6238. let seriesSeg = this.daySeries.sliceRange(range);
  6239. let segs = [];
  6240. if (seriesSeg) {
  6241. let { firstIndex, lastIndex } = seriesSeg;
  6242. let index = firstIndex;
  6243. while (index <= lastIndex) {
  6244. let row = Math.floor(index / colCnt);
  6245. let nextIndex = Math.min((row + 1) * colCnt, lastIndex + 1);
  6246. segs.push({
  6247. row,
  6248. firstCol: index % colCnt,
  6249. lastCol: (nextIndex - 1) % colCnt,
  6250. isStart: seriesSeg.isStart && index === firstIndex,
  6251. isEnd: seriesSeg.isEnd && (nextIndex - 1) === lastIndex,
  6252. });
  6253. index = nextIndex;
  6254. }
  6255. }
  6256. return segs;
  6257. }
  6258. }
  6259. class Slicer {
  6260. constructor() {
  6261. this.sliceBusinessHours = memoize(this._sliceBusinessHours);
  6262. this.sliceDateSelection = memoize(this._sliceDateSpan);
  6263. this.sliceEventStore = memoize(this._sliceEventStore);
  6264. this.sliceEventDrag = memoize(this._sliceInteraction);
  6265. this.sliceEventResize = memoize(this._sliceInteraction);
  6266. this.forceDayIfListItem = false; // hack
  6267. }
  6268. sliceProps(props, dateProfile, nextDayThreshold, context, ...extraArgs) {
  6269. let { eventUiBases } = props;
  6270. let eventSegs = this.sliceEventStore(props.eventStore, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs);
  6271. return {
  6272. dateSelectionSegs: this.sliceDateSelection(props.dateSelection, dateProfile, nextDayThreshold, eventUiBases, context, ...extraArgs),
  6273. businessHourSegs: this.sliceBusinessHours(props.businessHours, dateProfile, nextDayThreshold, context, ...extraArgs),
  6274. fgEventSegs: eventSegs.fg,
  6275. bgEventSegs: eventSegs.bg,
  6276. eventDrag: this.sliceEventDrag(props.eventDrag, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs),
  6277. eventResize: this.sliceEventResize(props.eventResize, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs),
  6278. eventSelection: props.eventSelection,
  6279. }; // TODO: give interactionSegs?
  6280. }
  6281. sliceNowDate(// does not memoize
  6282. date, dateProfile, nextDayThreshold, context, ...extraArgs) {
  6283. return this._sliceDateSpan({ range: { start: date, end: addMs(date, 1) }, allDay: false }, // add 1 ms, protect against null range
  6284. dateProfile, nextDayThreshold, {}, context, ...extraArgs);
  6285. }
  6286. _sliceBusinessHours(businessHours, dateProfile, nextDayThreshold, context, ...extraArgs) {
  6287. if (!businessHours) {
  6288. return [];
  6289. }
  6290. return this._sliceEventStore(expandRecurring(businessHours, computeActiveRange(dateProfile, Boolean(nextDayThreshold)), context), {}, dateProfile, nextDayThreshold, ...extraArgs).bg;
  6291. }
  6292. _sliceEventStore(eventStore, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs) {
  6293. if (eventStore) {
  6294. let rangeRes = sliceEventStore(eventStore, eventUiBases, computeActiveRange(dateProfile, Boolean(nextDayThreshold)), nextDayThreshold);
  6295. return {
  6296. bg: this.sliceEventRanges(rangeRes.bg, extraArgs),
  6297. fg: this.sliceEventRanges(rangeRes.fg, extraArgs),
  6298. };
  6299. }
  6300. return { bg: [], fg: [] };
  6301. }
  6302. _sliceInteraction(interaction, eventUiBases, dateProfile, nextDayThreshold, ...extraArgs) {
  6303. if (!interaction) {
  6304. return null;
  6305. }
  6306. let rangeRes = sliceEventStore(interaction.mutatedEvents, eventUiBases, computeActiveRange(dateProfile, Boolean(nextDayThreshold)), nextDayThreshold);
  6307. return {
  6308. segs: this.sliceEventRanges(rangeRes.fg, extraArgs),
  6309. affectedInstances: interaction.affectedEvents.instances,
  6310. isEvent: interaction.isEvent,
  6311. };
  6312. }
  6313. _sliceDateSpan(dateSpan, dateProfile, nextDayThreshold, eventUiBases, context, ...extraArgs) {
  6314. if (!dateSpan) {
  6315. return [];
  6316. }
  6317. let activeRange = computeActiveRange(dateProfile, Boolean(nextDayThreshold));
  6318. let activeDateSpanRange = intersectRanges(dateSpan.range, activeRange);
  6319. if (activeDateSpanRange) {
  6320. dateSpan = Object.assign(Object.assign({}, dateSpan), { range: activeDateSpanRange });
  6321. let eventRange = fabricateEventRange(dateSpan, eventUiBases, context);
  6322. let segs = this.sliceRange(dateSpan.range, ...extraArgs);
  6323. for (let seg of segs) {
  6324. seg.eventRange = eventRange;
  6325. }
  6326. return segs;
  6327. }
  6328. return [];
  6329. }
  6330. /*
  6331. "complete" seg means it has component and eventRange
  6332. */
  6333. sliceEventRanges(eventRanges, extraArgs) {
  6334. let segs = [];
  6335. for (let eventRange of eventRanges) {
  6336. segs.push(...this.sliceEventRange(eventRange, extraArgs));
  6337. }
  6338. return segs;
  6339. }
  6340. /*
  6341. "complete" seg means it has component and eventRange
  6342. */
  6343. sliceEventRange(eventRange, extraArgs) {
  6344. let dateRange = eventRange.range;
  6345. // hack to make multi-day events that are being force-displayed as list-items to take up only one day
  6346. if (this.forceDayIfListItem && eventRange.ui.display === 'list-item') {
  6347. dateRange = {
  6348. start: dateRange.start,
  6349. end: addDays(dateRange.start, 1),
  6350. };
  6351. }
  6352. let segs = this.sliceRange(dateRange, ...extraArgs);
  6353. for (let seg of segs) {
  6354. seg.eventRange = eventRange;
  6355. seg.isStart = eventRange.isStart && seg.isStart;
  6356. seg.isEnd = eventRange.isEnd && seg.isEnd;
  6357. }
  6358. return segs;
  6359. }
  6360. }
  6361. /*
  6362. for incorporating slotMinTime/slotMaxTime if appropriate
  6363. TODO: should be part of DateProfile!
  6364. TimelineDateProfile already does this btw
  6365. */
  6366. function computeActiveRange(dateProfile, isComponentAllDay) {
  6367. let range = dateProfile.activeRange;
  6368. if (isComponentAllDay) {
  6369. return range;
  6370. }
  6371. return {
  6372. start: addMs(range.start, dateProfile.slotMinTime.milliseconds),
  6373. end: addMs(range.end, dateProfile.slotMaxTime.milliseconds - 864e5), // 864e5 = ms in a day
  6374. };
  6375. }
  6376. // high-level segmenting-aware tester functions
  6377. // ------------------------------------------------------------------------------------------------------------------------
  6378. function isInteractionValid(interaction, dateProfile, context) {
  6379. let { instances } = interaction.mutatedEvents;
  6380. for (let instanceId in instances) {
  6381. if (!rangeContainsRange(dateProfile.validRange, instances[instanceId].range)) {
  6382. return false;
  6383. }
  6384. }
  6385. return isNewPropsValid({ eventDrag: interaction }, context); // HACK: the eventDrag props is used for ALL interactions
  6386. }
  6387. function isDateSelectionValid(dateSelection, dateProfile, context) {
  6388. if (!rangeContainsRange(dateProfile.validRange, dateSelection.range)) {
  6389. return false;
  6390. }
  6391. return isNewPropsValid({ dateSelection }, context);
  6392. }
  6393. function isNewPropsValid(newProps, context) {
  6394. let calendarState = context.getCurrentData();
  6395. let props = Object.assign({ businessHours: calendarState.businessHours, dateSelection: '', eventStore: calendarState.eventStore, eventUiBases: calendarState.eventUiBases, eventSelection: '', eventDrag: null, eventResize: null }, newProps);
  6396. return (context.pluginHooks.isPropsValid || isPropsValid)(props, context);
  6397. }
  6398. function isPropsValid(state, context, dateSpanMeta = {}, filterConfig) {
  6399. if (state.eventDrag && !isInteractionPropsValid(state, context, dateSpanMeta, filterConfig)) {
  6400. return false;
  6401. }
  6402. if (state.dateSelection && !isDateSelectionPropsValid(state, context, dateSpanMeta, filterConfig)) {
  6403. return false;
  6404. }
  6405. return true;
  6406. }
  6407. // Moving Event Validation
  6408. // ------------------------------------------------------------------------------------------------------------------------
  6409. function isInteractionPropsValid(state, context, dateSpanMeta, filterConfig) {
  6410. let currentState = context.getCurrentData();
  6411. let interaction = state.eventDrag; // HACK: the eventDrag props is used for ALL interactions
  6412. let subjectEventStore = interaction.mutatedEvents;
  6413. let subjectDefs = subjectEventStore.defs;
  6414. let subjectInstances = subjectEventStore.instances;
  6415. let subjectConfigs = compileEventUis(subjectDefs, interaction.isEvent ?
  6416. state.eventUiBases :
  6417. { '': currentState.selectionConfig });
  6418. if (filterConfig) {
  6419. subjectConfigs = mapHash(subjectConfigs, filterConfig);
  6420. }
  6421. // exclude the subject events. TODO: exclude defs too?
  6422. let otherEventStore = excludeInstances(state.eventStore, interaction.affectedEvents.instances);
  6423. let otherDefs = otherEventStore.defs;
  6424. let otherInstances = otherEventStore.instances;
  6425. let otherConfigs = compileEventUis(otherDefs, state.eventUiBases);
  6426. for (let subjectInstanceId in subjectInstances) {
  6427. let subjectInstance = subjectInstances[subjectInstanceId];
  6428. let subjectRange = subjectInstance.range;
  6429. let subjectConfig = subjectConfigs[subjectInstance.defId];
  6430. let subjectDef = subjectDefs[subjectInstance.defId];
  6431. // constraint
  6432. if (!allConstraintsPass(subjectConfig.constraints, subjectRange, otherEventStore, state.businessHours, context)) {
  6433. return false;
  6434. }
  6435. // overlap
  6436. let { eventOverlap } = context.options;
  6437. let eventOverlapFunc = typeof eventOverlap === 'function' ? eventOverlap : null;
  6438. for (let otherInstanceId in otherInstances) {
  6439. let otherInstance = otherInstances[otherInstanceId];
  6440. // intersect! evaluate
  6441. if (rangesIntersect(subjectRange, otherInstance.range)) {
  6442. let otherOverlap = otherConfigs[otherInstance.defId].overlap;
  6443. // consider the other event's overlap. only do this if the subject event is a "real" event
  6444. if (otherOverlap === false && interaction.isEvent) {
  6445. return false;
  6446. }
  6447. if (subjectConfig.overlap === false) {
  6448. return false;
  6449. }
  6450. if (eventOverlapFunc && !eventOverlapFunc(new EventImpl(context, otherDefs[otherInstance.defId], otherInstance), // still event
  6451. new EventImpl(context, subjectDef, subjectInstance))) {
  6452. return false;
  6453. }
  6454. }
  6455. }
  6456. // allow (a function)
  6457. let calendarEventStore = currentState.eventStore; // need global-to-calendar, not local to component (splittable)state
  6458. for (let subjectAllow of subjectConfig.allows) {
  6459. let subjectDateSpan = Object.assign(Object.assign({}, dateSpanMeta), { range: subjectInstance.range, allDay: subjectDef.allDay });
  6460. let origDef = calendarEventStore.defs[subjectDef.defId];
  6461. let origInstance = calendarEventStore.instances[subjectInstanceId];
  6462. let eventApi;
  6463. if (origDef) { // was previously in the calendar
  6464. eventApi = new EventImpl(context, origDef, origInstance);
  6465. }
  6466. else { // was an external event
  6467. eventApi = new EventImpl(context, subjectDef); // no instance, because had no dates
  6468. }
  6469. if (!subjectAllow(buildDateSpanApiWithContext(subjectDateSpan, context), eventApi)) {
  6470. return false;
  6471. }
  6472. }
  6473. }
  6474. return true;
  6475. }
  6476. // Date Selection Validation
  6477. // ------------------------------------------------------------------------------------------------------------------------
  6478. function isDateSelectionPropsValid(state, context, dateSpanMeta, filterConfig) {
  6479. let relevantEventStore = state.eventStore;
  6480. let relevantDefs = relevantEventStore.defs;
  6481. let relevantInstances = relevantEventStore.instances;
  6482. let selection = state.dateSelection;
  6483. let selectionRange = selection.range;
  6484. let { selectionConfig } = context.getCurrentData();
  6485. if (filterConfig) {
  6486. selectionConfig = filterConfig(selectionConfig);
  6487. }
  6488. // constraint
  6489. if (!allConstraintsPass(selectionConfig.constraints, selectionRange, relevantEventStore, state.businessHours, context)) {
  6490. return false;
  6491. }
  6492. // overlap
  6493. let { selectOverlap } = context.options;
  6494. let selectOverlapFunc = typeof selectOverlap === 'function' ? selectOverlap : null;
  6495. for (let relevantInstanceId in relevantInstances) {
  6496. let relevantInstance = relevantInstances[relevantInstanceId];
  6497. // intersect! evaluate
  6498. if (rangesIntersect(selectionRange, relevantInstance.range)) {
  6499. if (selectionConfig.overlap === false) {
  6500. return false;
  6501. }
  6502. if (selectOverlapFunc && !selectOverlapFunc(new EventImpl(context, relevantDefs[relevantInstance.defId], relevantInstance), null)) {
  6503. return false;
  6504. }
  6505. }
  6506. }
  6507. // allow (a function)
  6508. for (let selectionAllow of selectionConfig.allows) {
  6509. let fullDateSpan = Object.assign(Object.assign({}, dateSpanMeta), selection);
  6510. if (!selectionAllow(buildDateSpanApiWithContext(fullDateSpan, context), null)) {
  6511. return false;
  6512. }
  6513. }
  6514. return true;
  6515. }
  6516. // Constraint Utils
  6517. // ------------------------------------------------------------------------------------------------------------------------
  6518. function allConstraintsPass(constraints, subjectRange, otherEventStore, businessHoursUnexpanded, context) {
  6519. for (let constraint of constraints) {
  6520. if (!anyRangesContainRange(constraintToRanges(constraint, subjectRange, otherEventStore, businessHoursUnexpanded, context), subjectRange)) {
  6521. return false;
  6522. }
  6523. }
  6524. return true;
  6525. }
  6526. function constraintToRanges(constraint, subjectRange, // for expanding a recurring constraint, or expanding business hours
  6527. otherEventStore, // for if constraint is an even group ID
  6528. businessHoursUnexpanded, // for if constraint is 'businessHours'
  6529. context) {
  6530. if (constraint === 'businessHours') {
  6531. return eventStoreToRanges(expandRecurring(businessHoursUnexpanded, subjectRange, context));
  6532. }
  6533. if (typeof constraint === 'string') { // an group ID
  6534. return eventStoreToRanges(filterEventStoreDefs(otherEventStore, (eventDef) => eventDef.groupId === constraint));
  6535. }
  6536. if (typeof constraint === 'object' && constraint) { // non-null object
  6537. return eventStoreToRanges(expandRecurring(constraint, subjectRange, context));
  6538. }
  6539. return []; // if it's false
  6540. }
  6541. // TODO: move to event-store file?
  6542. function eventStoreToRanges(eventStore) {
  6543. let { instances } = eventStore;
  6544. let ranges = [];
  6545. for (let instanceId in instances) {
  6546. ranges.push(instances[instanceId].range);
  6547. }
  6548. return ranges;
  6549. }
  6550. // TODO: move to geom file?
  6551. function anyRangesContainRange(outerRanges, innerRange) {
  6552. for (let outerRange of outerRanges) {
  6553. if (rangeContainsRange(outerRange, innerRange)) {
  6554. return true;
  6555. }
  6556. }
  6557. return false;
  6558. }
  6559. const VISIBLE_HIDDEN_RE = /^(visible|hidden)$/;
  6560. class Scroller extends BaseComponent {
  6561. constructor() {
  6562. super(...arguments);
  6563. this.handleEl = (el) => {
  6564. this.el = el;
  6565. setRef(this.props.elRef, el);
  6566. };
  6567. }
  6568. render() {
  6569. let { props } = this;
  6570. let { liquid, liquidIsAbsolute } = props;
  6571. let isAbsolute = liquid && liquidIsAbsolute;
  6572. let className = ['fc-scroller'];
  6573. if (liquid) {
  6574. if (liquidIsAbsolute) {
  6575. className.push('fc-scroller-liquid-absolute');
  6576. }
  6577. else {
  6578. className.push('fc-scroller-liquid');
  6579. }
  6580. }
  6581. return (preact.createElement("div", { ref: this.handleEl, className: className.join(' '), style: {
  6582. overflowX: props.overflowX,
  6583. overflowY: props.overflowY,
  6584. left: (isAbsolute && -(props.overcomeLeft || 0)) || '',
  6585. right: (isAbsolute && -(props.overcomeRight || 0)) || '',
  6586. bottom: (isAbsolute && -(props.overcomeBottom || 0)) || '',
  6587. marginLeft: (!isAbsolute && -(props.overcomeLeft || 0)) || '',
  6588. marginRight: (!isAbsolute && -(props.overcomeRight || 0)) || '',
  6589. marginBottom: (!isAbsolute && -(props.overcomeBottom || 0)) || '',
  6590. maxHeight: props.maxHeight || '',
  6591. } }, props.children));
  6592. }
  6593. needsXScrolling() {
  6594. if (VISIBLE_HIDDEN_RE.test(this.props.overflowX)) {
  6595. return false;
  6596. }
  6597. // testing scrollWidth>clientWidth is unreliable cross-browser when pixel heights aren't integers.
  6598. // much more reliable to see if children are taller than the scroller, even tho doesn't account for
  6599. // inner-child margins and absolute positioning
  6600. let { el } = this;
  6601. let realClientWidth = this.el.getBoundingClientRect().width - this.getYScrollbarWidth();
  6602. let { children } = el;
  6603. for (let i = 0; i < children.length; i += 1) {
  6604. let childEl = children[i];
  6605. if (childEl.getBoundingClientRect().width > realClientWidth) {
  6606. return true;
  6607. }
  6608. }
  6609. return false;
  6610. }
  6611. needsYScrolling() {
  6612. if (VISIBLE_HIDDEN_RE.test(this.props.overflowY)) {
  6613. return false;
  6614. }
  6615. // testing scrollHeight>clientHeight is unreliable cross-browser when pixel heights aren't integers.
  6616. // much more reliable to see if children are taller than the scroller, even tho doesn't account for
  6617. // inner-child margins and absolute positioning
  6618. let { el } = this;
  6619. let realClientHeight = this.el.getBoundingClientRect().height - this.getXScrollbarWidth();
  6620. let { children } = el;
  6621. for (let i = 0; i < children.length; i += 1) {
  6622. let childEl = children[i];
  6623. if (childEl.getBoundingClientRect().height > realClientHeight) {
  6624. return true;
  6625. }
  6626. }
  6627. return false;
  6628. }
  6629. getXScrollbarWidth() {
  6630. if (VISIBLE_HIDDEN_RE.test(this.props.overflowX)) {
  6631. return 0;
  6632. }
  6633. return this.el.offsetHeight - this.el.clientHeight; // only works because we guarantee no borders. TODO: add to CSS with important?
  6634. }
  6635. getYScrollbarWidth() {
  6636. if (VISIBLE_HIDDEN_RE.test(this.props.overflowY)) {
  6637. return 0;
  6638. }
  6639. return this.el.offsetWidth - this.el.clientWidth; // only works because we guarantee no borders. TODO: add to CSS with important?
  6640. }
  6641. }
  6642. /*
  6643. TODO: somehow infer OtherArgs from masterCallback?
  6644. TODO: infer RefType from masterCallback if provided
  6645. */
  6646. class RefMap {
  6647. constructor(masterCallback) {
  6648. this.masterCallback = masterCallback;
  6649. this.currentMap = {};
  6650. this.depths = {};
  6651. this.callbackMap = {};
  6652. this.handleValue = (val, key) => {
  6653. let { depths, currentMap } = this;
  6654. let removed = false;
  6655. let added = false;
  6656. if (val !== null) {
  6657. // for bug... ACTUALLY: can probably do away with this now that callers don't share numeric indices anymore
  6658. removed = (key in currentMap);
  6659. currentMap[key] = val;
  6660. depths[key] = (depths[key] || 0) + 1;
  6661. added = true;
  6662. }
  6663. else {
  6664. depths[key] -= 1;
  6665. if (!depths[key]) {
  6666. delete currentMap[key];
  6667. delete this.callbackMap[key];
  6668. removed = true;
  6669. }
  6670. }
  6671. if (this.masterCallback) {
  6672. if (removed) {
  6673. this.masterCallback(null, String(key));
  6674. }
  6675. if (added) {
  6676. this.masterCallback(val, String(key));
  6677. }
  6678. }
  6679. };
  6680. }
  6681. createRef(key) {
  6682. let refCallback = this.callbackMap[key];
  6683. if (!refCallback) {
  6684. refCallback = this.callbackMap[key] = (val) => {
  6685. this.handleValue(val, String(key));
  6686. };
  6687. }
  6688. return refCallback;
  6689. }
  6690. // TODO: check callers that don't care about order. should use getAll instead
  6691. // NOTE: this method has become less valuable now that we are encouraged to map order by some other index
  6692. // TODO: provide ONE array-export function, buildArray, which fails on non-numeric indexes. caller can manipulate and "collect"
  6693. collect(startIndex, endIndex, step) {
  6694. return collectFromHash(this.currentMap, startIndex, endIndex, step);
  6695. }
  6696. getAll() {
  6697. return hashValuesToArray(this.currentMap);
  6698. }
  6699. }
  6700. function computeShrinkWidth(chunkEls) {
  6701. let shrinkCells = findElements(chunkEls, '.fc-scrollgrid-shrink');
  6702. let largestWidth = 0;
  6703. for (let shrinkCell of shrinkCells) {
  6704. largestWidth = Math.max(largestWidth, computeSmallestCellWidth(shrinkCell));
  6705. }
  6706. return Math.ceil(largestWidth); // <table> elements work best with integers. round up to ensure contents fits
  6707. }
  6708. function getSectionHasLiquidHeight(props, sectionConfig) {
  6709. return props.liquid && sectionConfig.liquid; // does the section do liquid-height? (need to have whole scrollgrid liquid-height as well)
  6710. }
  6711. function getAllowYScrolling(props, sectionConfig) {
  6712. return sectionConfig.maxHeight != null || // if its possible for the height to max out, we might need scrollbars
  6713. getSectionHasLiquidHeight(props, sectionConfig); // if the section is liquid height, it might condense enough to require scrollbars
  6714. }
  6715. // TODO: ONLY use `arg`. force out internal function to use same API
  6716. function renderChunkContent(sectionConfig, chunkConfig, arg, isHeader) {
  6717. let { expandRows } = arg;
  6718. let content = typeof chunkConfig.content === 'function' ?
  6719. chunkConfig.content(arg) :
  6720. preact.createElement('table', {
  6721. role: 'presentation',
  6722. className: [
  6723. chunkConfig.tableClassName,
  6724. sectionConfig.syncRowHeights ? 'fc-scrollgrid-sync-table' : '',
  6725. ].join(' '),
  6726. style: {
  6727. minWidth: arg.tableMinWidth,
  6728. width: arg.clientWidth,
  6729. height: expandRows ? arg.clientHeight : '', // css `height` on a <table> serves as a min-height
  6730. },
  6731. }, arg.tableColGroupNode, preact.createElement(isHeader ? 'thead' : 'tbody', {
  6732. role: 'presentation',
  6733. }, typeof chunkConfig.rowContent === 'function'
  6734. ? chunkConfig.rowContent(arg)
  6735. : chunkConfig.rowContent));
  6736. return content;
  6737. }
  6738. function isColPropsEqual(cols0, cols1) {
  6739. return isArraysEqual(cols0, cols1, isPropsEqual);
  6740. }
  6741. function renderMicroColGroup(cols, shrinkWidth) {
  6742. let colNodes = [];
  6743. /*
  6744. for ColProps with spans, it would have been great to make a single <col span="">
  6745. HOWEVER, Chrome was getting messing up distributing the width to <td>/<th> elements with colspans.
  6746. SOLUTION: making individual <col> elements makes Chrome behave.
  6747. */
  6748. for (let colProps of cols) {
  6749. let span = colProps.span || 1;
  6750. for (let i = 0; i < span; i += 1) {
  6751. colNodes.push(preact.createElement("col", { style: {
  6752. width: colProps.width === 'shrink' ? sanitizeShrinkWidth(shrinkWidth) : (colProps.width || ''),
  6753. minWidth: colProps.minWidth || '',
  6754. } }));
  6755. }
  6756. }
  6757. return preact.createElement('colgroup', {}, ...colNodes);
  6758. }
  6759. function sanitizeShrinkWidth(shrinkWidth) {
  6760. /* why 4? if we do 0, it will kill any border, which are needed for computeSmallestCellWidth
  6761. 4 accounts for 2 2-pixel borders. TODO: better solution? */
  6762. return shrinkWidth == null ? 4 : shrinkWidth;
  6763. }
  6764. function hasShrinkWidth(cols) {
  6765. for (let col of cols) {
  6766. if (col.width === 'shrink') {
  6767. return true;
  6768. }
  6769. }
  6770. return false;
  6771. }
  6772. function getScrollGridClassNames(liquid, context) {
  6773. let classNames = [
  6774. 'fc-scrollgrid',
  6775. context.theme.getClass('table'),
  6776. ];
  6777. if (liquid) {
  6778. classNames.push('fc-scrollgrid-liquid');
  6779. }
  6780. return classNames;
  6781. }
  6782. function getSectionClassNames(sectionConfig, wholeTableVGrow) {
  6783. let classNames = [
  6784. 'fc-scrollgrid-section',
  6785. `fc-scrollgrid-section-${sectionConfig.type}`,
  6786. sectionConfig.className, // used?
  6787. ];
  6788. if (wholeTableVGrow && sectionConfig.liquid && sectionConfig.maxHeight == null) {
  6789. classNames.push('fc-scrollgrid-section-liquid');
  6790. }
  6791. if (sectionConfig.isSticky) {
  6792. classNames.push('fc-scrollgrid-section-sticky');
  6793. }
  6794. return classNames;
  6795. }
  6796. function renderScrollShim(arg) {
  6797. return (preact.createElement("div", { className: "fc-scrollgrid-sticky-shim", style: {
  6798. width: arg.clientWidth,
  6799. minWidth: arg.tableMinWidth,
  6800. } }));
  6801. }
  6802. function getStickyHeaderDates(options) {
  6803. let { stickyHeaderDates } = options;
  6804. if (stickyHeaderDates == null || stickyHeaderDates === 'auto') {
  6805. stickyHeaderDates = options.height === 'auto' || options.viewHeight === 'auto';
  6806. }
  6807. return stickyHeaderDates;
  6808. }
  6809. function getStickyFooterScrollbar(options) {
  6810. let { stickyFooterScrollbar } = options;
  6811. if (stickyFooterScrollbar == null || stickyFooterScrollbar === 'auto') {
  6812. stickyFooterScrollbar = options.height === 'auto' || options.viewHeight === 'auto';
  6813. }
  6814. return stickyFooterScrollbar;
  6815. }
  6816. class SimpleScrollGrid extends BaseComponent {
  6817. constructor() {
  6818. super(...arguments);
  6819. this.processCols = memoize((a) => a, isColPropsEqual); // so we get same `cols` props every time
  6820. // yucky to memoize VNodes, but much more efficient for consumers
  6821. this.renderMicroColGroup = memoize(renderMicroColGroup);
  6822. this.scrollerRefs = new RefMap();
  6823. this.scrollerElRefs = new RefMap(this._handleScrollerEl.bind(this));
  6824. this.state = {
  6825. shrinkWidth: null,
  6826. forceYScrollbars: false,
  6827. scrollerClientWidths: {},
  6828. scrollerClientHeights: {},
  6829. };
  6830. // TODO: can do a really simple print-view. dont need to join rows
  6831. this.handleSizing = () => {
  6832. this.safeSetState(Object.assign({ shrinkWidth: this.computeShrinkWidth() }, this.computeScrollerDims()));
  6833. };
  6834. }
  6835. render() {
  6836. let { props, state, context } = this;
  6837. let sectionConfigs = props.sections || [];
  6838. let cols = this.processCols(props.cols);
  6839. let microColGroupNode = this.renderMicroColGroup(cols, state.shrinkWidth);
  6840. let classNames = getScrollGridClassNames(props.liquid, context);
  6841. if (props.collapsibleWidth) {
  6842. classNames.push('fc-scrollgrid-collapsible');
  6843. }
  6844. // TODO: make DRY
  6845. let configCnt = sectionConfigs.length;
  6846. let configI = 0;
  6847. let currentConfig;
  6848. let headSectionNodes = [];
  6849. let bodySectionNodes = [];
  6850. let footSectionNodes = [];
  6851. while (configI < configCnt && (currentConfig = sectionConfigs[configI]).type === 'header') {
  6852. headSectionNodes.push(this.renderSection(currentConfig, microColGroupNode, true));
  6853. configI += 1;
  6854. }
  6855. while (configI < configCnt && (currentConfig = sectionConfigs[configI]).type === 'body') {
  6856. bodySectionNodes.push(this.renderSection(currentConfig, microColGroupNode, false));
  6857. configI += 1;
  6858. }
  6859. while (configI < configCnt && (currentConfig = sectionConfigs[configI]).type === 'footer') {
  6860. footSectionNodes.push(this.renderSection(currentConfig, microColGroupNode, true));
  6861. configI += 1;
  6862. }
  6863. // firefox bug: when setting height on table and there is a thead or tfoot,
  6864. // the necessary height:100% on the liquid-height body section forces the *whole* table to be taller. (bug #5524)
  6865. // use getCanVGrowWithinCell as a way to detect table-stupid firefox.
  6866. // if so, use a simpler dom structure, jam everything into a lone tbody.
  6867. let isBuggy = !getCanVGrowWithinCell();
  6868. const roleAttrs = { role: 'rowgroup' };
  6869. return preact.createElement('table', {
  6870. role: 'grid',
  6871. className: classNames.join(' '),
  6872. style: { height: props.height },
  6873. }, 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));
  6874. }
  6875. renderSection(sectionConfig, microColGroupNode, isHeader) {
  6876. if ('outerContent' in sectionConfig) {
  6877. return (preact.createElement(preact.Fragment, { key: sectionConfig.key }, sectionConfig.outerContent));
  6878. }
  6879. return (preact.createElement("tr", { key: sectionConfig.key, role: "presentation", className: getSectionClassNames(sectionConfig, this.props.liquid).join(' ') }, this.renderChunkTd(sectionConfig, microColGroupNode, sectionConfig.chunk, isHeader)));
  6880. }
  6881. renderChunkTd(sectionConfig, microColGroupNode, chunkConfig, isHeader) {
  6882. if ('outerContent' in chunkConfig) {
  6883. return chunkConfig.outerContent;
  6884. }
  6885. let { props } = this;
  6886. let { forceYScrollbars, scrollerClientWidths, scrollerClientHeights } = this.state;
  6887. let needsYScrolling = getAllowYScrolling(props, sectionConfig); // TODO: do lazily. do in section config?
  6888. let isLiquid = getSectionHasLiquidHeight(props, sectionConfig);
  6889. // for `!props.liquid` - is WHOLE scrollgrid natural height?
  6890. // TODO: do same thing in advanced scrollgrid? prolly not b/c always has horizontal scrollbars
  6891. let overflowY = !props.liquid ? 'visible' :
  6892. forceYScrollbars ? 'scroll' :
  6893. !needsYScrolling ? 'hidden' :
  6894. 'auto';
  6895. let sectionKey = sectionConfig.key;
  6896. let content = renderChunkContent(sectionConfig, chunkConfig, {
  6897. tableColGroupNode: microColGroupNode,
  6898. tableMinWidth: '',
  6899. clientWidth: (!props.collapsibleWidth && scrollerClientWidths[sectionKey] !== undefined) ? scrollerClientWidths[sectionKey] : null,
  6900. clientHeight: scrollerClientHeights[sectionKey] !== undefined ? scrollerClientHeights[sectionKey] : null,
  6901. expandRows: sectionConfig.expandRows,
  6902. syncRowHeights: false,
  6903. rowSyncHeights: [],
  6904. reportRowHeightChange: () => { },
  6905. }, isHeader);
  6906. return preact.createElement(isHeader ? 'th' : 'td', {
  6907. ref: chunkConfig.elRef,
  6908. role: 'presentation',
  6909. }, preact.createElement("div", { className: `fc-scroller-harness${isLiquid ? ' fc-scroller-harness-liquid' : ''}` },
  6910. 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
  6911. : true }, content)));
  6912. }
  6913. _handleScrollerEl(scrollerEl, key) {
  6914. let section = getSectionByKey(this.props.sections, key);
  6915. if (section) {
  6916. setRef(section.chunk.scrollerElRef, scrollerEl);
  6917. }
  6918. }
  6919. componentDidMount() {
  6920. this.handleSizing();
  6921. this.context.addResizeHandler(this.handleSizing);
  6922. }
  6923. componentDidUpdate() {
  6924. // TODO: need better solution when state contains non-sizing things
  6925. this.handleSizing();
  6926. }
  6927. componentWillUnmount() {
  6928. this.context.removeResizeHandler(this.handleSizing);
  6929. }
  6930. computeShrinkWidth() {
  6931. return hasShrinkWidth(this.props.cols)
  6932. ? computeShrinkWidth(this.scrollerElRefs.getAll())
  6933. : 0;
  6934. }
  6935. computeScrollerDims() {
  6936. let scrollbarWidth = getScrollbarWidths();
  6937. let { scrollerRefs, scrollerElRefs } = this;
  6938. let forceYScrollbars = false;
  6939. let scrollerClientWidths = {};
  6940. let scrollerClientHeights = {};
  6941. for (let sectionKey in scrollerRefs.currentMap) {
  6942. let scroller = scrollerRefs.currentMap[sectionKey];
  6943. if (scroller && scroller.needsYScrolling()) {
  6944. forceYScrollbars = true;
  6945. break;
  6946. }
  6947. }
  6948. for (let section of this.props.sections) {
  6949. let sectionKey = section.key;
  6950. let scrollerEl = scrollerElRefs.currentMap[sectionKey];
  6951. if (scrollerEl) {
  6952. let harnessEl = scrollerEl.parentNode; // TODO: weird way to get this. need harness b/c doesn't include table borders
  6953. scrollerClientWidths[sectionKey] = Math.floor(harnessEl.getBoundingClientRect().width - (forceYScrollbars
  6954. ? scrollbarWidth.y // use global because scroller might not have scrollbars yet but will need them in future
  6955. : 0));
  6956. scrollerClientHeights[sectionKey] = Math.floor(harnessEl.getBoundingClientRect().height);
  6957. }
  6958. }
  6959. return { forceYScrollbars, scrollerClientWidths, scrollerClientHeights };
  6960. }
  6961. }
  6962. SimpleScrollGrid.addStateEquality({
  6963. scrollerClientWidths: isPropsEqual,
  6964. scrollerClientHeights: isPropsEqual,
  6965. });
  6966. function getSectionByKey(sections, key) {
  6967. for (let section of sections) {
  6968. if (section.key === key) {
  6969. return section;
  6970. }
  6971. }
  6972. return null;
  6973. }
  6974. class EventContainer extends BaseComponent {
  6975. constructor() {
  6976. super(...arguments);
  6977. this.handleEl = (el) => {
  6978. this.el = el;
  6979. if (el) {
  6980. setElSeg(el, this.props.seg);
  6981. }
  6982. };
  6983. }
  6984. render() {
  6985. const { props, context } = this;
  6986. const { options } = context;
  6987. const { seg } = props;
  6988. const { eventRange } = seg;
  6989. const { ui } = eventRange;
  6990. const renderProps = {
  6991. event: new EventImpl(context, eventRange.def, eventRange.instance),
  6992. view: context.viewApi,
  6993. timeText: props.timeText,
  6994. textColor: ui.textColor,
  6995. backgroundColor: ui.backgroundColor,
  6996. borderColor: ui.borderColor,
  6997. isDraggable: !props.disableDragging && computeSegDraggable(seg, context),
  6998. isStartResizable: !props.disableResizing && computeSegStartResizable(seg, context),
  6999. isEndResizable: !props.disableResizing && computeSegEndResizable(seg),
  7000. isMirror: Boolean(props.isDragging || props.isResizing || props.isDateSelecting),
  7001. isStart: Boolean(seg.isStart),
  7002. isEnd: Boolean(seg.isEnd),
  7003. isPast: Boolean(props.isPast),
  7004. isFuture: Boolean(props.isFuture),
  7005. isToday: Boolean(props.isToday),
  7006. isSelected: Boolean(props.isSelected),
  7007. isDragging: Boolean(props.isDragging),
  7008. isResizing: Boolean(props.isResizing),
  7009. };
  7010. return (preact.createElement(ContentContainer, Object.assign({}, props /* contains children */, { elRef: this.handleEl, elClasses: [
  7011. ...getEventClassNames(renderProps),
  7012. ...seg.eventRange.ui.classNames,
  7013. ...(props.elClasses || []),
  7014. ], renderProps: renderProps, generatorName: "eventContent", customGenerator: options.eventContent, defaultGenerator: props.defaultGenerator, classNameGenerator: options.eventClassNames, didMount: options.eventDidMount, willUnmount: options.eventWillUnmount })));
  7015. }
  7016. componentDidUpdate(prevProps) {
  7017. if (this.el && this.props.seg !== prevProps.seg) {
  7018. setElSeg(this.el, this.props.seg);
  7019. }
  7020. }
  7021. }
  7022. // should not be a purecomponent
  7023. class StandardEvent extends BaseComponent {
  7024. render() {
  7025. let { props, context } = this;
  7026. let { options } = context;
  7027. let { seg } = props;
  7028. let { ui } = seg.eventRange;
  7029. let timeFormat = options.eventTimeFormat || props.defaultTimeFormat;
  7030. let timeText = buildSegTimeText(seg, timeFormat, context, props.defaultDisplayEventTime, props.defaultDisplayEventEnd);
  7031. return (preact.createElement(EventContainer, Object.assign({}, props /* includes elRef */, { elTag: "a", elStyle: {
  7032. borderColor: ui.borderColor,
  7033. backgroundColor: ui.backgroundColor,
  7034. }, elAttrs: getSegAnchorAttrs(seg, context), defaultGenerator: renderInnerContent$1, timeText: timeText }), (InnerContent, eventContentArg) => (preact.createElement(preact.Fragment, null,
  7035. preact.createElement(InnerContent, { elTag: "div", elClasses: ['fc-event-main'], elStyle: { color: eventContentArg.textColor } }),
  7036. Boolean(eventContentArg.isStartResizable) && (preact.createElement("div", { className: "fc-event-resizer fc-event-resizer-start" })),
  7037. Boolean(eventContentArg.isEndResizable) && (preact.createElement("div", { className: "fc-event-resizer fc-event-resizer-end" }))))));
  7038. }
  7039. }
  7040. function renderInnerContent$1(innerProps) {
  7041. return (preact.createElement("div", { className: "fc-event-main-frame" },
  7042. innerProps.timeText && (preact.createElement("div", { className: "fc-event-time" }, innerProps.timeText)),
  7043. preact.createElement("div", { className: "fc-event-title-container" },
  7044. preact.createElement("div", { className: "fc-event-title fc-sticky" }, innerProps.event.title || preact.createElement(preact.Fragment, null, "\u00A0")))));
  7045. }
  7046. const NowIndicatorContainer = (props) => (preact.createElement(ViewContextType.Consumer, null, (context) => {
  7047. let { options } = context;
  7048. let renderProps = {
  7049. isAxis: props.isAxis,
  7050. date: context.dateEnv.toDate(props.date),
  7051. view: context.viewApi,
  7052. };
  7053. 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 })));
  7054. }));
  7055. const DAY_NUM_FORMAT = createFormatter({ day: 'numeric' });
  7056. class DayCellContainer extends BaseComponent {
  7057. constructor() {
  7058. super(...arguments);
  7059. this.refineRenderProps = memoizeObjArg(refineRenderProps);
  7060. }
  7061. render() {
  7062. let { props, context } = this;
  7063. let { options } = context;
  7064. let renderProps = this.refineRenderProps({
  7065. date: props.date,
  7066. dateProfile: props.dateProfile,
  7067. todayRange: props.todayRange,
  7068. isMonthStart: props.isMonthStart || false,
  7069. showDayNumber: props.showDayNumber,
  7070. extraRenderProps: props.extraRenderProps,
  7071. viewApi: context.viewApi,
  7072. dateEnv: context.dateEnv,
  7073. monthStartFormat: options.monthStartFormat,
  7074. });
  7075. return (preact.createElement(ContentContainer, Object.assign({}, props /* includes children */, { elClasses: [
  7076. ...getDayClassNames(renderProps, context.theme),
  7077. ...(props.elClasses || []),
  7078. ], 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:
  7079. // don't use custom classNames if disabled
  7080. renderProps.isDisabled ? undefined : options.dayCellClassNames, didMount: options.dayCellDidMount, willUnmount: options.dayCellWillUnmount })));
  7081. }
  7082. }
  7083. function hasCustomDayCellContent(options) {
  7084. return Boolean(options.dayCellContent || hasCustomRenderingHandler('dayCellContent', options));
  7085. }
  7086. function refineRenderProps(raw) {
  7087. let { date, dateEnv, dateProfile, isMonthStart } = raw;
  7088. let dayMeta = getDateMeta(date, raw.todayRange, null, dateProfile);
  7089. let dayNumberText = raw.showDayNumber ? (dateEnv.format(date, isMonthStart ? raw.monthStartFormat : DAY_NUM_FORMAT)) : '';
  7090. return Object.assign(Object.assign(Object.assign({ date: dateEnv.toDate(date), view: raw.viewApi }, dayMeta), { isMonthStart,
  7091. dayNumberText }), raw.extraRenderProps);
  7092. }
  7093. class BgEvent extends BaseComponent {
  7094. render() {
  7095. let { props } = this;
  7096. let { seg } = props;
  7097. 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 }));
  7098. }
  7099. }
  7100. function renderInnerContent(props) {
  7101. let { title } = props.event;
  7102. return title && (preact.createElement("div", { className: "fc-event-title" }, props.event.title));
  7103. }
  7104. function renderFill(fillType) {
  7105. return (preact.createElement("div", { className: `fc-${fillType}` }));
  7106. }
  7107. const WeekNumberContainer = (props) => (preact.createElement(ViewContextType.Consumer, null, (context) => {
  7108. let { dateEnv, options } = context;
  7109. let { date } = props;
  7110. let format = options.weekNumberFormat || props.defaultFormat;
  7111. let num = dateEnv.computeWeekNumber(date); // TODO: somehow use for formatting as well?
  7112. let text = dateEnv.format(date, format);
  7113. let renderProps = { num, text, date };
  7114. return (preact.createElement(ContentContainer // why isn't WeekNumberContentArg being auto-detected?
  7115. , Object.assign({}, props /* includes children */, { renderProps: renderProps, generatorName: "weekNumberContent", customGenerator: options.weekNumberContent, defaultGenerator: renderInner, classNameGenerator: options.weekNumberClassNames, didMount: options.weekNumberDidMount, willUnmount: options.weekNumberWillUnmount })));
  7116. }));
  7117. function renderInner(innerProps) {
  7118. return innerProps.text;
  7119. }
  7120. const PADDING_FROM_VIEWPORT = 10;
  7121. class Popover extends BaseComponent {
  7122. constructor() {
  7123. super(...arguments);
  7124. this.state = {
  7125. titleId: getUniqueDomId(),
  7126. };
  7127. this.handleRootEl = (el) => {
  7128. this.rootEl = el;
  7129. if (this.props.elRef) {
  7130. setRef(this.props.elRef, el);
  7131. }
  7132. };
  7133. // Triggered when the user clicks *anywhere* in the document, for the autoHide feature
  7134. this.handleDocumentMouseDown = (ev) => {
  7135. // only hide the popover if the click happened outside the popover
  7136. const target = getEventTargetViaRoot(ev);
  7137. if (!this.rootEl.contains(target)) {
  7138. this.handleCloseClick();
  7139. }
  7140. };
  7141. this.handleDocumentKeyDown = (ev) => {
  7142. if (ev.key === 'Escape') {
  7143. this.handleCloseClick();
  7144. }
  7145. };
  7146. this.handleCloseClick = () => {
  7147. let { onClose } = this.props;
  7148. if (onClose) {
  7149. onClose();
  7150. }
  7151. };
  7152. }
  7153. render() {
  7154. let { theme, options } = this.context;
  7155. let { props, state } = this;
  7156. let classNames = [
  7157. 'fc-popover',
  7158. theme.getClass('popover'),
  7159. ].concat(props.extraClassNames || []);
  7160. return compat.createPortal(preact.createElement("div", Object.assign({}, props.extraAttrs, { id: props.id, className: classNames.join(' '), "aria-labelledby": state.titleId, ref: this.handleRootEl }),
  7161. preact.createElement("div", { className: 'fc-popover-header ' + theme.getClass('popoverHeader') },
  7162. preact.createElement("span", { className: "fc-popover-title", id: state.titleId }, props.title),
  7163. preact.createElement("span", { className: 'fc-popover-close ' + theme.getIconClass('close'), title: options.closeHint, onClick: this.handleCloseClick })),
  7164. preact.createElement("div", { className: 'fc-popover-body ' + theme.getClass('popoverContent') }, props.children)), props.parentEl);
  7165. }
  7166. componentDidMount() {
  7167. document.addEventListener('mousedown', this.handleDocumentMouseDown);
  7168. document.addEventListener('keydown', this.handleDocumentKeyDown);
  7169. this.updateSize();
  7170. }
  7171. componentWillUnmount() {
  7172. document.removeEventListener('mousedown', this.handleDocumentMouseDown);
  7173. document.removeEventListener('keydown', this.handleDocumentKeyDown);
  7174. }
  7175. updateSize() {
  7176. let { isRtl } = this.context;
  7177. let { alignmentEl, alignGridTop } = this.props;
  7178. let { rootEl } = this;
  7179. let alignmentRect = computeClippedClientRect(alignmentEl);
  7180. if (alignmentRect) {
  7181. let popoverDims = rootEl.getBoundingClientRect();
  7182. // position relative to viewport
  7183. let popoverTop = alignGridTop
  7184. ? elementClosest(alignmentEl, '.fc-scrollgrid').getBoundingClientRect().top
  7185. : alignmentRect.top;
  7186. let popoverLeft = isRtl ? alignmentRect.right - popoverDims.width : alignmentRect.left;
  7187. // constrain
  7188. popoverTop = Math.max(popoverTop, PADDING_FROM_VIEWPORT);
  7189. popoverLeft = Math.min(popoverLeft, document.documentElement.clientWidth - PADDING_FROM_VIEWPORT - popoverDims.width);
  7190. popoverLeft = Math.max(popoverLeft, PADDING_FROM_VIEWPORT);
  7191. let origin = rootEl.offsetParent.getBoundingClientRect();
  7192. applyStyle(rootEl, {
  7193. top: popoverTop - origin.top,
  7194. left: popoverLeft - origin.left,
  7195. });
  7196. }
  7197. }
  7198. }
  7199. class MorePopover extends DateComponent {
  7200. constructor() {
  7201. super(...arguments);
  7202. this.handleRootEl = (rootEl) => {
  7203. this.rootEl = rootEl;
  7204. if (rootEl) {
  7205. this.context.registerInteractiveComponent(this, {
  7206. el: rootEl,
  7207. useEventCenter: false,
  7208. });
  7209. }
  7210. else {
  7211. this.context.unregisterInteractiveComponent(this);
  7212. }
  7213. };
  7214. }
  7215. render() {
  7216. let { options, dateEnv } = this.context;
  7217. let { props } = this;
  7218. let { startDate, todayRange, dateProfile } = props;
  7219. let title = dateEnv.format(startDate, options.dayPopoverFormat);
  7220. 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 },
  7221. hasCustomDayCellContent(options) && (preact.createElement(InnerContent, { elTag: "div", elClasses: ['fc-more-popover-misc'] })),
  7222. props.children))));
  7223. }
  7224. queryHit(positionLeft, positionTop, elWidth, elHeight) {
  7225. let { rootEl, props } = this;
  7226. if (positionLeft >= 0 && positionLeft < elWidth &&
  7227. positionTop >= 0 && positionTop < elHeight) {
  7228. return {
  7229. dateProfile: props.dateProfile,
  7230. dateSpan: Object.assign({ allDay: !props.forceTimed, range: {
  7231. start: props.startDate,
  7232. end: props.endDate,
  7233. } }, props.extraDateSpan),
  7234. dayEl: rootEl,
  7235. rect: {
  7236. left: 0,
  7237. top: 0,
  7238. right: elWidth,
  7239. bottom: elHeight,
  7240. },
  7241. layer: 1, // important when comparing with hits from other components
  7242. };
  7243. }
  7244. return null;
  7245. }
  7246. }
  7247. class MoreLinkContainer extends BaseComponent {
  7248. constructor() {
  7249. super(...arguments);
  7250. this.state = {
  7251. isPopoverOpen: false,
  7252. popoverId: getUniqueDomId(),
  7253. };
  7254. this.handleLinkEl = (linkEl) => {
  7255. this.linkEl = linkEl;
  7256. if (this.props.elRef) {
  7257. setRef(this.props.elRef, linkEl);
  7258. }
  7259. };
  7260. this.handleClick = (ev) => {
  7261. let { props, context } = this;
  7262. let { moreLinkClick } = context.options;
  7263. let date = computeRange(props).start;
  7264. function buildPublicSeg(seg) {
  7265. let { def, instance, range } = seg.eventRange;
  7266. return {
  7267. event: new EventImpl(context, def, instance),
  7268. start: context.dateEnv.toDate(range.start),
  7269. end: context.dateEnv.toDate(range.end),
  7270. isStart: seg.isStart,
  7271. isEnd: seg.isEnd,
  7272. };
  7273. }
  7274. if (typeof moreLinkClick === 'function') {
  7275. moreLinkClick = moreLinkClick({
  7276. date,
  7277. allDay: Boolean(props.allDayDate),
  7278. allSegs: props.allSegs.map(buildPublicSeg),
  7279. hiddenSegs: props.hiddenSegs.map(buildPublicSeg),
  7280. jsEvent: ev,
  7281. view: context.viewApi,
  7282. });
  7283. }
  7284. if (!moreLinkClick || moreLinkClick === 'popover') {
  7285. this.setState({ isPopoverOpen: true });
  7286. }
  7287. else if (typeof moreLinkClick === 'string') { // a view name
  7288. context.calendarApi.zoomTo(date, moreLinkClick);
  7289. }
  7290. };
  7291. this.handlePopoverClose = () => {
  7292. this.setState({ isPopoverOpen: false });
  7293. };
  7294. }
  7295. render() {
  7296. let { props, state } = this;
  7297. return (preact.createElement(ViewContextType.Consumer, null, (context) => {
  7298. let { viewApi, options, calendarApi } = context;
  7299. let { moreLinkText } = options;
  7300. let { moreCnt } = props;
  7301. let range = computeRange(props);
  7302. let text = typeof moreLinkText === 'function' // TODO: eventually use formatWithOrdinals
  7303. ? moreLinkText.call(calendarApi, moreCnt)
  7304. : `+${moreCnt} ${moreLinkText}`;
  7305. let hint = formatWithOrdinals(options.moreLinkHint, [moreCnt], text);
  7306. let renderProps = {
  7307. num: moreCnt,
  7308. shortText: `+${moreCnt}`,
  7309. text,
  7310. view: viewApi,
  7311. };
  7312. return (preact.createElement(preact.Fragment, null,
  7313. Boolean(props.moreCnt) && (preact.createElement(ContentContainer, { elTag: props.elTag || 'a', elRef: this.handleLinkEl, elClasses: [
  7314. ...(props.elClasses || []),
  7315. 'fc-more-link',
  7316. ], 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)),
  7317. 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 ?
  7318. props.alignmentElRef.current :
  7319. this.linkEl, alignGridTop: props.alignGridTop, forceTimed: props.forceTimed, onClose: this.handlePopoverClose }, props.popoverContent()))));
  7320. }));
  7321. }
  7322. componentDidMount() {
  7323. this.updateParentEl();
  7324. }
  7325. componentDidUpdate() {
  7326. this.updateParentEl();
  7327. }
  7328. updateParentEl() {
  7329. if (this.linkEl) {
  7330. this.parentEl = elementClosest(this.linkEl, '.fc-view-harness');
  7331. }
  7332. }
  7333. }
  7334. function renderMoreLinkInner(props) {
  7335. return props.text;
  7336. }
  7337. function computeRange(props) {
  7338. if (props.allDayDate) {
  7339. return {
  7340. start: props.allDayDate,
  7341. end: addDays(props.allDayDate, 1),
  7342. };
  7343. }
  7344. let { hiddenSegs } = props;
  7345. return {
  7346. start: computeEarliestSegStart(hiddenSegs),
  7347. end: computeLatestSegEnd(hiddenSegs),
  7348. };
  7349. }
  7350. function computeEarliestSegStart(segs) {
  7351. return segs.reduce(pickEarliestStart).eventRange.range.start;
  7352. }
  7353. function pickEarliestStart(seg0, seg1) {
  7354. return seg0.eventRange.range.start < seg1.eventRange.range.start ? seg0 : seg1;
  7355. }
  7356. function computeLatestSegEnd(segs) {
  7357. return segs.reduce(pickLatestEnd).eventRange.range.end;
  7358. }
  7359. function pickLatestEnd(seg0, seg1) {
  7360. return seg0.eventRange.range.end > seg1.eventRange.range.end ? seg0 : seg1;
  7361. }
  7362. class Store {
  7363. constructor() {
  7364. this.handlers = [];
  7365. }
  7366. set(value) {
  7367. this.currentValue = value;
  7368. for (let handler of this.handlers) {
  7369. handler(value);
  7370. }
  7371. }
  7372. subscribe(handler) {
  7373. this.handlers.push(handler);
  7374. if (this.currentValue !== undefined) {
  7375. handler(this.currentValue);
  7376. }
  7377. }
  7378. }
  7379. /*
  7380. Subscribers will get a LIST of CustomRenderings
  7381. */
  7382. class CustomRenderingStore extends Store {
  7383. constructor() {
  7384. super(...arguments);
  7385. this.map = new Map();
  7386. }
  7387. // for consistent order
  7388. handle(customRendering) {
  7389. const { map } = this;
  7390. let updated = false;
  7391. if (customRendering.isActive) {
  7392. map.set(customRendering.id, customRendering);
  7393. updated = true;
  7394. }
  7395. else if (map.has(customRendering.id)) {
  7396. map.delete(customRendering.id);
  7397. updated = true;
  7398. }
  7399. if (updated) {
  7400. this.set(map);
  7401. }
  7402. }
  7403. }
  7404. exports.BASE_OPTION_DEFAULTS = BASE_OPTION_DEFAULTS;
  7405. exports.BASE_OPTION_REFINERS = BASE_OPTION_REFINERS;
  7406. exports.BaseComponent = BaseComponent;
  7407. exports.BgEvent = BgEvent;
  7408. exports.CALENDAR_LISTENER_REFINERS = CALENDAR_LISTENER_REFINERS;
  7409. exports.CALENDAR_OPTION_REFINERS = CALENDAR_OPTION_REFINERS;
  7410. exports.COMPLEX_OPTION_COMPARATORS = COMPLEX_OPTION_COMPARATORS;
  7411. exports.CalendarImpl = CalendarImpl;
  7412. exports.CalendarRoot = CalendarRoot;
  7413. exports.ContentContainer = ContentContainer;
  7414. exports.CustomRenderingStore = CustomRenderingStore;
  7415. exports.DateComponent = DateComponent;
  7416. exports.DateEnv = DateEnv;
  7417. exports.DateProfileGenerator = DateProfileGenerator;
  7418. exports.DayCellContainer = DayCellContainer;
  7419. exports.DayHeader = DayHeader;
  7420. exports.DaySeriesModel = DaySeriesModel;
  7421. exports.DayTableModel = DayTableModel;
  7422. exports.DelayedRunner = DelayedRunner;
  7423. exports.ElementDragging = ElementDragging;
  7424. exports.ElementScrollController = ElementScrollController;
  7425. exports.Emitter = Emitter;
  7426. exports.EventContainer = EventContainer;
  7427. exports.EventImpl = EventImpl;
  7428. exports.Interaction = Interaction;
  7429. exports.JsonRequestError = JsonRequestError;
  7430. exports.MoreLinkContainer = MoreLinkContainer;
  7431. exports.NamedTimeZoneImpl = NamedTimeZoneImpl;
  7432. exports.NowIndicatorContainer = NowIndicatorContainer;
  7433. exports.NowTimer = NowTimer;
  7434. exports.PositionCache = PositionCache;
  7435. exports.PureComponent = PureComponent;
  7436. exports.RefMap = RefMap;
  7437. exports.RenderId = RenderId;
  7438. exports.ScrollController = ScrollController;
  7439. exports.ScrollResponder = ScrollResponder;
  7440. exports.Scroller = Scroller;
  7441. exports.SegHierarchy = SegHierarchy;
  7442. exports.SimpleScrollGrid = SimpleScrollGrid;
  7443. exports.Slicer = Slicer;
  7444. exports.Splitter = Splitter;
  7445. exports.StandardEvent = StandardEvent;
  7446. exports.TableDateCell = TableDateCell;
  7447. exports.TableDowCell = TableDowCell;
  7448. exports.Theme = Theme;
  7449. exports.VIEW_OPTION_REFINERS = VIEW_OPTION_REFINERS;
  7450. exports.ViewContainer = ViewContainer;
  7451. exports.ViewContextType = ViewContextType;
  7452. exports.WeekNumberContainer = WeekNumberContainer;
  7453. exports.WindowScrollController = WindowScrollController;
  7454. exports.addDays = addDays;
  7455. exports.addDurations = addDurations;
  7456. exports.addMs = addMs;
  7457. exports.addWeeks = addWeeks;
  7458. exports.allowContextMenu = allowContextMenu;
  7459. exports.allowSelection = allowSelection;
  7460. exports.applyMutationToEventStore = applyMutationToEventStore;
  7461. exports.applyStyle = applyStyle;
  7462. exports.applyStyleProp = applyStyleProp;
  7463. exports.arrayToHash = arrayToHash;
  7464. exports.asCleanDays = asCleanDays;
  7465. exports.asRoughMinutes = asRoughMinutes;
  7466. exports.asRoughMs = asRoughMs;
  7467. exports.asRoughSeconds = asRoughSeconds;
  7468. exports.binarySearch = binarySearch;
  7469. exports.buildElAttrs = buildElAttrs;
  7470. exports.buildEntryKey = buildEntryKey;
  7471. exports.buildEventApis = buildEventApis;
  7472. exports.buildEventRangeKey = buildEventRangeKey;
  7473. exports.buildEventSourceRefiners = buildEventSourceRefiners;
  7474. exports.buildIsoString = buildIsoString;
  7475. exports.buildNavLinkAttrs = buildNavLinkAttrs;
  7476. exports.buildRangeApiWithTimeZone = buildRangeApiWithTimeZone;
  7477. exports.buildSegTimeText = buildSegTimeText;
  7478. exports.buildViewClassNames = buildViewClassNames;
  7479. exports.buildViewContext = buildViewContext;
  7480. exports.collectFromHash = collectFromHash;
  7481. exports.combineEventUis = combineEventUis;
  7482. exports.compareByFieldSpecs = compareByFieldSpecs;
  7483. exports.compareNumbers = compareNumbers;
  7484. exports.compareObjs = compareObjs;
  7485. exports.computeEarliestSegStart = computeEarliestSegStart;
  7486. exports.computeEdges = computeEdges;
  7487. exports.computeFallbackHeaderFormat = computeFallbackHeaderFormat;
  7488. exports.computeInnerRect = computeInnerRect;
  7489. exports.computeRect = computeRect;
  7490. exports.computeShrinkWidth = computeShrinkWidth;
  7491. exports.computeVisibleDayRange = computeVisibleDayRange;
  7492. exports.config = config;
  7493. exports.constrainPoint = constrainPoint;
  7494. exports.createContext = createContext;
  7495. exports.createDuration = createDuration;
  7496. exports.createEmptyEventStore = createEmptyEventStore;
  7497. exports.createEventInstance = createEventInstance;
  7498. exports.createEventUi = createEventUi;
  7499. exports.createFormatter = createFormatter;
  7500. exports.diffDates = diffDates;
  7501. exports.diffDayAndTime = diffDayAndTime;
  7502. exports.diffDays = diffDays;
  7503. exports.diffPoints = diffPoints;
  7504. exports.diffWeeks = diffWeeks;
  7505. exports.diffWholeDays = diffWholeDays;
  7506. exports.diffWholeWeeks = diffWholeWeeks;
  7507. exports.disableCursor = disableCursor;
  7508. exports.elementClosest = elementClosest;
  7509. exports.elementMatches = elementMatches;
  7510. exports.enableCursor = enableCursor;
  7511. exports.ensureElHasStyles = ensureElHasStyles;
  7512. exports.eventTupleToStore = eventTupleToStore;
  7513. exports.filterHash = filterHash;
  7514. exports.findDirectChildren = findDirectChildren;
  7515. exports.findElements = findElements;
  7516. exports.flexibleCompare = flexibleCompare;
  7517. exports.flushSync = flushSync;
  7518. exports.formatDayString = formatDayString;
  7519. exports.formatIsoMonthStr = formatIsoMonthStr;
  7520. exports.formatIsoTimeString = formatIsoTimeString;
  7521. exports.formatWithOrdinals = formatWithOrdinals;
  7522. exports.getAllowYScrolling = getAllowYScrolling;
  7523. exports.getCanVGrowWithinCell = getCanVGrowWithinCell;
  7524. exports.getClippingParents = getClippingParents;
  7525. exports.getDateMeta = getDateMeta;
  7526. exports.getDayClassNames = getDayClassNames;
  7527. exports.getDefaultEventEnd = getDefaultEventEnd;
  7528. exports.getElSeg = getElSeg;
  7529. exports.getEntrySpanEnd = getEntrySpanEnd;
  7530. exports.getEventTargetViaRoot = getEventTargetViaRoot;
  7531. exports.getInitialDate = getInitialDate;
  7532. exports.getIsRtlScrollbarOnLeft = getIsRtlScrollbarOnLeft;
  7533. exports.getNow = getNow;
  7534. exports.getRectCenter = getRectCenter;
  7535. exports.getRelevantEvents = getRelevantEvents;
  7536. exports.getScrollGridClassNames = getScrollGridClassNames;
  7537. exports.getScrollbarWidths = getScrollbarWidths;
  7538. exports.getSectionClassNames = getSectionClassNames;
  7539. exports.getSectionHasLiquidHeight = getSectionHasLiquidHeight;
  7540. exports.getSegAnchorAttrs = getSegAnchorAttrs;
  7541. exports.getSegMeta = getSegMeta;
  7542. exports.getSlotClassNames = getSlotClassNames;
  7543. exports.getStickyFooterScrollbar = getStickyFooterScrollbar;
  7544. exports.getStickyHeaderDates = getStickyHeaderDates;
  7545. exports.getUniqueDomId = getUniqueDomId;
  7546. exports.greatestDurationDenominator = greatestDurationDenominator;
  7547. exports.groupIntersectingEntries = groupIntersectingEntries;
  7548. exports.guid = guid;
  7549. exports.hasBgRendering = hasBgRendering;
  7550. exports.hasCustomDayCellContent = hasCustomDayCellContent;
  7551. exports.hasShrinkWidth = hasShrinkWidth;
  7552. exports.hashValuesToArray = hashValuesToArray;
  7553. exports.identity = identity;
  7554. exports.injectStyles = injectStyles;
  7555. exports.interactionSettingsStore = interactionSettingsStore;
  7556. exports.interactionSettingsToStore = interactionSettingsToStore;
  7557. exports.intersectRanges = intersectRanges;
  7558. exports.intersectRects = intersectRects;
  7559. exports.intersectSpans = intersectSpans;
  7560. exports.isArraysEqual = isArraysEqual;
  7561. exports.isColPropsEqual = isColPropsEqual;
  7562. exports.isDateSelectionValid = isDateSelectionValid;
  7563. exports.isDateSpansEqual = isDateSpansEqual;
  7564. exports.isInt = isInt;
  7565. exports.isInteractionValid = isInteractionValid;
  7566. exports.isMultiDayRange = isMultiDayRange;
  7567. exports.isPropsEqual = isPropsEqual;
  7568. exports.isPropsValid = isPropsValid;
  7569. exports.isValidDate = isValidDate;
  7570. exports.listenBySelector = listenBySelector;
  7571. exports.listenToHoverBySelector = listenToHoverBySelector;
  7572. exports.mapHash = mapHash;
  7573. exports.memoize = memoize;
  7574. exports.memoizeArraylike = memoizeArraylike;
  7575. exports.memoizeHashlike = memoizeHashlike;
  7576. exports.memoizeObjArg = memoizeObjArg;
  7577. exports.mergeEventStores = mergeEventStores;
  7578. exports.mergeProps = mergeProps;
  7579. exports.mergeRawOptions = mergeRawOptions;
  7580. exports.multiplyDuration = multiplyDuration;
  7581. exports.padStart = padStart;
  7582. exports.parse = parse;
  7583. exports.parseBusinessHours = parseBusinessHours;
  7584. exports.parseClassNames = parseClassNames;
  7585. exports.parseDragMeta = parseDragMeta;
  7586. exports.parseEventDef = parseEventDef;
  7587. exports.parseEventSource = parseEventSource;
  7588. exports.parseFieldSpecs = parseFieldSpecs;
  7589. exports.parseInteractionSettings = parseInteractionSettings;
  7590. exports.pointInsideRect = pointInsideRect;
  7591. exports.preventContextMenu = preventContextMenu;
  7592. exports.preventDefault = preventDefault;
  7593. exports.preventSelection = preventSelection;
  7594. exports.rangeContainsMarker = rangeContainsMarker;
  7595. exports.rangeContainsRange = rangeContainsRange;
  7596. exports.rangesEqual = rangesEqual;
  7597. exports.rangesIntersect = rangesIntersect;
  7598. exports.reduceCurrentDate = reduceCurrentDate;
  7599. exports.reduceEventStore = reduceEventStore;
  7600. exports.refineEventDef = refineEventDef;
  7601. exports.refineProps = refineProps;
  7602. exports.removeElement = removeElement;
  7603. exports.removeExact = removeExact;
  7604. exports.renderChunkContent = renderChunkContent;
  7605. exports.renderFill = renderFill;
  7606. exports.renderMicroColGroup = renderMicroColGroup;
  7607. exports.renderScrollShim = renderScrollShim;
  7608. exports.requestJson = requestJson;
  7609. exports.rezoneEventStoreDates = rezoneEventStoreDates;
  7610. exports.sanitizeShrinkWidth = sanitizeShrinkWidth;
  7611. exports.setRef = setRef;
  7612. exports.sliceEventStore = sliceEventStore;
  7613. exports.sortEventSegs = sortEventSegs;
  7614. exports.startOfDay = startOfDay;
  7615. exports.subtractDurations = subtractDurations;
  7616. exports.translateRect = translateRect;
  7617. exports.triggerDateSelect = triggerDateSelect;
  7618. exports.unpromisify = unpromisify;
  7619. exports.whenTransitionDone = whenTransitionDone;
  7620. exports.wholeDivideDurations = wholeDivideDurations;