123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585155861558715588155891559015591155921559315594155951559615597155981559915600156011560215603156041560515606156071560815609156101561115612156131561415615156161561715618156191562015621156221562315624156251562615627156281562915630156311563215633156341563515636156371563815639156401564115642156431564415645156461564715648156491565015651156521565315654156551565615657156581565915660156611566215663156641566515666156671566815669156701567115672156731567415675156761567715678156791568015681156821568315684156851568615687156881568915690156911569215693156941569515696156971569815699157001570115702157031570415705157061570715708157091571015711157121571315714157151571615717157181571915720157211572215723157241572515726157271572815729157301573115732157331573415735157361573715738157391574015741157421574315744157451574615747157481574915750157511575215753157541575515756157571575815759157601576115762157631576415765157661576715768157691577015771157721577315774157751577615777157781577915780157811578215783157841578515786157871578815789157901579115792157931579415795157961579715798157991580015801158021580315804158051580615807158081580915810158111581215813158141581515816158171581815819158201582115822158231582415825158261582715828158291583015831158321583315834158351583615837158381583915840158411584215843158441584515846158471584815849158501585115852158531585415855158561585715858158591586015861158621586315864158651586615867158681586915870158711587215873158741587515876158771587815879158801588115882158831588415885158861588715888158891589015891158921589315894158951589615897158981589915900159011590215903159041590515906159071590815909159101591115912159131591415915159161591715918159191592015921159221592315924159251592615927159281592915930159311593215933159341593515936159371593815939159401594115942159431594415945159461594715948159491595015951159521595315954159551595615957159581595915960159611596215963159641596515966159671596815969159701597115972159731597415975159761597715978159791598015981159821598315984159851598615987159881598915990159911599215993159941599515996159971599815999160001600116002160031600416005160061600716008160091601016011160121601316014160151601616017160181601916020160211602216023160241602516026160271602816029160301603116032160331603416035160361603716038160391604016041160421604316044160451604616047160481604916050160511605216053160541605516056160571605816059160601606116062160631606416065160661606716068160691607016071160721607316074160751607616077160781607916080160811608216083160841608516086160871608816089160901609116092160931609416095160961609716098160991610016101161021610316104161051610616107161081610916110161111611216113161141611516116161171611816119161201612116122161231612416125161261612716128161291613016131161321613316134161351613616137161381613916140161411614216143161441614516146161471614816149161501615116152161531615416155161561615716158161591616016161161621616316164161651616616167161681616916170161711617216173161741617516176161771617816179161801618116182161831618416185161861618716188161891619016191161921619316194161951619616197161981619916200162011620216203162041620516206162071620816209162101621116212162131621416215162161621716218162191622016221162221622316224162251622616227162281622916230162311623216233162341623516236162371623816239162401624116242162431624416245162461624716248162491625016251162521625316254162551625616257162581625916260162611626216263162641626516266162671626816269162701627116272162731627416275162761627716278162791628016281162821628316284162851628616287162881628916290162911629216293162941629516296162971629816299163001630116302163031630416305163061630716308163091631016311163121631316314163151631616317163181631916320163211632216323163241632516326163271632816329163301633116332163331633416335163361633716338163391634016341163421634316344163451634616347163481634916350163511635216353163541635516356163571635816359163601636116362163631636416365163661636716368163691637016371163721637316374163751637616377163781637916380163811638216383163841638516386163871638816389163901639116392163931639416395163961639716398163991640016401164021640316404164051640616407164081640916410164111641216413164141641516416164171641816419164201642116422164231642416425164261642716428164291643016431164321643316434164351643616437164381643916440164411644216443164441644516446164471644816449164501645116452164531645416455164561645716458164591646016461164621646316464164651646616467164681646916470164711647216473164741647516476164771647816479164801648116482164831648416485164861648716488164891649016491164921649316494164951649616497164981649916500165011650216503165041650516506165071650816509165101651116512165131651416515165161651716518165191652016521165221652316524165251652616527165281652916530165311653216533165341653516536165371653816539165401654116542165431654416545165461654716548165491655016551165521655316554165551655616557165581655916560165611656216563165641656516566165671656816569165701657116572165731657416575165761657716578165791658016581165821658316584165851658616587165881658916590165911659216593165941659516596165971659816599166001660116602166031660416605166061660716608166091661016611166121661316614166151661616617166181661916620166211662216623166241662516626166271662816629166301663116632166331663416635166361663716638166391664016641166421664316644166451664616647166481664916650166511665216653166541665516656166571665816659166601666116662166631666416665166661666716668166691667016671166721667316674166751667616677166781667916680166811668216683166841668516686166871668816689166901669116692166931669416695166961669716698166991670016701167021670316704167051670616707167081670916710167111671216713167141671516716167171671816719167201672116722167231672416725167261672716728167291673016731167321673316734167351673616737167381673916740167411674216743167441674516746167471674816749167501675116752167531675416755167561675716758167591676016761167621676316764167651676616767167681676916770167711677216773167741677516776167771677816779167801678116782167831678416785167861678716788167891679016791167921679316794167951679616797167981679916800168011680216803168041680516806168071680816809168101681116812168131681416815168161681716818168191682016821168221682316824168251682616827168281682916830168311683216833168341683516836168371683816839168401684116842168431684416845168461684716848168491685016851168521685316854168551685616857168581685916860168611686216863168641686516866168671686816869168701687116872168731687416875168761687716878168791688016881168821688316884168851688616887168881688916890168911689216893168941689516896168971689816899169001690116902169031690416905169061690716908169091691016911169121691316914169151691616917169181691916920169211692216923169241692516926169271692816929169301693116932169331693416935169361693716938169391694016941169421694316944169451694616947169481694916950169511695216953169541695516956169571695816959169601696116962169631696416965169661696716968169691697016971169721697316974169751697616977169781697916980169811698216983169841698516986169871698816989169901699116992169931699416995169961699716998169991700017001170021700317004170051700617007170081700917010170111701217013170141701517016170171701817019170201702117022170231702417025170261702717028170291703017031170321703317034170351703617037170381703917040170411704217043170441704517046170471704817049170501705117052170531705417055170561705717058170591706017061170621706317064170651706617067170681706917070170711707217073170741707517076170771707817079170801708117082170831708417085170861708717088170891709017091170921709317094170951709617097170981709917100171011710217103171041710517106171071710817109171101711117112171131711417115171161711717118171191712017121171221712317124171251712617127171281712917130171311713217133171341713517136171371713817139171401714117142171431714417145171461714717148171491715017151171521715317154171551715617157171581715917160171611716217163171641716517166171671716817169171701717117172171731717417175171761717717178171791718017181171821718317184171851718617187171881718917190171911719217193171941719517196171971719817199172001720117202172031720417205172061720717208172091721017211172121721317214172151721617217172181721917220172211722217223172241722517226172271722817229172301723117232172331723417235172361723717238172391724017241172421724317244172451724617247172481724917250172511725217253172541725517256172571725817259172601726117262172631726417265172661726717268172691727017271172721727317274172751727617277172781727917280172811728217283172841728517286172871728817289172901729117292172931729417295172961729717298172991730017301173021730317304173051730617307173081730917310173111731217313173141731517316173171731817319173201732117322173231732417325173261732717328173291733017331173321733317334173351733617337173381733917340173411734217343173441734517346173471734817349173501735117352173531735417355173561735717358173591736017361173621736317364173651736617367173681736917370173711737217373173741737517376173771737817379173801738117382173831738417385173861738717388173891739017391173921739317394173951739617397173981739917400174011740217403174041740517406174071740817409174101741117412174131741417415174161741717418174191742017421174221742317424174251742617427174281742917430174311743217433174341743517436174371743817439174401744117442174431744417445174461744717448174491745017451174521745317454174551745617457174581745917460174611746217463174641746517466174671746817469174701747117472174731747417475174761747717478174791748017481174821748317484174851748617487174881748917490174911749217493174941749517496174971749817499175001750117502175031750417505175061750717508175091751017511175121751317514175151751617517175181751917520175211752217523175241752517526175271752817529175301753117532175331753417535175361753717538175391754017541175421754317544175451754617547175481754917550175511755217553175541755517556175571755817559175601756117562175631756417565175661756717568175691757017571175721757317574175751757617577175781757917580175811758217583175841758517586175871758817589175901759117592175931759417595175961759717598175991760017601176021760317604176051760617607176081760917610176111761217613176141761517616176171761817619176201762117622176231762417625176261762717628176291763017631176321763317634176351763617637176381763917640176411764217643176441764517646176471764817649176501765117652176531765417655176561765717658176591766017661176621766317664176651766617667176681766917670176711767217673176741767517676176771767817679176801768117682176831768417685176861768717688176891769017691176921769317694176951769617697176981769917700177011770217703177041770517706177071770817709177101771117712177131771417715177161771717718177191772017721177221772317724177251772617727177281772917730177311773217733177341773517736177371773817739177401774117742177431774417745177461774717748177491775017751177521775317754177551775617757177581775917760177611776217763177641776517766177671776817769177701777117772177731777417775177761777717778177791778017781177821778317784177851778617787177881778917790177911779217793177941779517796177971779817799178001780117802178031780417805178061780717808178091781017811178121781317814178151781617817178181781917820178211782217823178241782517826178271782817829178301783117832178331783417835178361783717838178391784017841178421784317844178451784617847178481784917850178511785217853178541785517856178571785817859178601786117862178631786417865178661786717868178691787017871178721787317874178751787617877178781787917880178811788217883178841788517886178871788817889178901789117892178931789417895178961789717898178991790017901179021790317904179051790617907179081790917910179111791217913179141791517916179171791817919179201792117922179231792417925179261792717928179291793017931179321793317934179351793617937179381793917940179411794217943179441794517946179471794817949179501795117952179531795417955179561795717958179591796017961179621796317964179651796617967179681796917970179711797217973179741797517976179771797817979179801798117982179831798417985179861798717988179891799017991179921799317994179951799617997179981799918000180011800218003180041800518006180071800818009180101801118012180131801418015180161801718018180191802018021180221802318024180251802618027180281802918030180311803218033180341803518036180371803818039180401804118042180431804418045180461804718048180491805018051180521805318054180551805618057180581805918060180611806218063180641806518066180671806818069180701807118072180731807418075180761807718078180791808018081180821808318084180851808618087180881808918090180911809218093180941809518096180971809818099181001810118102181031810418105181061810718108181091811018111181121811318114181151811618117181181811918120181211812218123181241812518126181271812818129181301813118132181331813418135181361813718138181391814018141181421814318144181451814618147181481814918150181511815218153181541815518156181571815818159181601816118162181631816418165181661816718168181691817018171181721817318174181751817618177181781817918180181811818218183181841818518186181871818818189181901819118192181931819418195181961819718198181991820018201182021820318204182051820618207182081820918210182111821218213182141821518216182171821818219182201822118222182231822418225182261822718228182291823018231182321823318234182351823618237182381823918240182411824218243182441824518246182471824818249182501825118252182531825418255182561825718258182591826018261182621826318264182651826618267182681826918270182711827218273182741827518276182771827818279182801828118282182831828418285182861828718288182891829018291182921829318294182951829618297182981829918300183011830218303183041830518306183071830818309183101831118312183131831418315183161831718318183191832018321183221832318324183251832618327183281832918330183311833218333183341833518336183371833818339183401834118342183431834418345183461834718348183491835018351183521835318354183551835618357183581835918360183611836218363183641836518366183671836818369183701837118372183731837418375183761837718378183791838018381183821838318384183851838618387183881838918390183911839218393183941839518396183971839818399184001840118402184031840418405184061840718408184091841018411184121841318414184151841618417184181841918420184211842218423184241842518426184271842818429184301843118432184331843418435184361843718438184391844018441184421844318444184451844618447184481844918450184511845218453184541845518456184571845818459184601846118462184631846418465184661846718468184691847018471184721847318474184751847618477184781847918480184811848218483184841848518486184871848818489184901849118492184931849418495184961849718498184991850018501185021850318504185051850618507185081850918510185111851218513185141851518516185171851818519185201852118522185231852418525185261852718528185291853018531185321853318534185351853618537185381853918540185411854218543185441854518546185471854818549185501855118552185531855418555185561855718558185591856018561185621856318564185651856618567185681856918570185711857218573185741857518576185771857818579185801858118582185831858418585185861858718588185891859018591185921859318594185951859618597185981859918600186011860218603186041860518606186071860818609186101861118612186131861418615186161861718618186191862018621186221862318624186251862618627186281862918630186311863218633186341863518636186371863818639186401864118642186431864418645186461864718648186491865018651186521865318654186551865618657186581865918660186611866218663186641866518666186671866818669186701867118672186731867418675186761867718678186791868018681186821868318684186851868618687186881868918690186911869218693186941869518696186971869818699187001870118702187031870418705187061870718708187091871018711187121871318714187151871618717187181871918720187211872218723187241872518726187271872818729187301873118732187331873418735187361873718738187391874018741187421874318744187451874618747187481874918750187511875218753187541875518756187571875818759187601876118762187631876418765187661876718768187691877018771187721877318774187751877618777187781877918780187811878218783187841878518786187871878818789187901879118792187931879418795187961879718798187991880018801188021880318804188051880618807188081880918810188111881218813188141881518816188171881818819188201882118822188231882418825188261882718828188291883018831188321883318834188351883618837188381883918840188411884218843188441884518846188471884818849188501885118852188531885418855188561885718858188591886018861188621886318864188651886618867188681886918870188711887218873188741887518876188771887818879188801888118882188831888418885188861888718888188891889018891188921889318894188951889618897188981889918900189011890218903189041890518906189071890818909189101891118912189131891418915189161891718918189191892018921189221892318924189251892618927189281892918930189311893218933189341893518936189371893818939189401894118942189431894418945189461894718948189491895018951189521895318954189551895618957189581895918960189611896218963189641896518966189671896818969189701897118972189731897418975189761897718978189791898018981189821898318984189851898618987189881898918990189911899218993189941899518996189971899818999190001900119002190031900419005190061900719008190091901019011190121901319014190151901619017190181901919020190211902219023190241902519026190271902819029190301903119032190331903419035190361903719038190391904019041190421904319044190451904619047190481904919050190511905219053190541905519056190571905819059190601906119062190631906419065190661906719068190691907019071190721907319074190751907619077190781907919080190811908219083190841908519086190871908819089190901909119092190931909419095190961909719098190991910019101191021910319104191051910619107191081910919110191111911219113191141911519116191171911819119191201912119122191231912419125191261912719128191291913019131191321913319134191351913619137191381913919140191411914219143191441914519146191471914819149191501915119152191531915419155191561915719158191591916019161191621916319164191651916619167191681916919170191711917219173191741917519176191771917819179191801918119182191831918419185191861918719188191891919019191191921919319194191951919619197191981919919200192011920219203192041920519206192071920819209192101921119212192131921419215192161921719218192191922019221192221922319224192251922619227192281922919230192311923219233192341923519236192371923819239192401924119242192431924419245192461924719248192491925019251192521925319254192551925619257192581925919260192611926219263192641926519266192671926819269192701927119272192731927419275192761927719278192791928019281192821928319284192851928619287192881928919290192911929219293192941929519296192971929819299193001930119302193031930419305193061930719308193091931019311193121931319314193151931619317193181931919320193211932219323193241932519326193271932819329193301933119332193331933419335193361933719338193391934019341193421934319344193451934619347193481934919350193511935219353193541935519356193571935819359193601936119362193631936419365193661936719368193691937019371193721937319374193751937619377193781937919380193811938219383193841938519386193871938819389193901939119392193931939419395193961939719398193991940019401194021940319404194051940619407194081940919410194111941219413194141941519416194171941819419194201942119422194231942419425194261942719428194291943019431194321943319434194351943619437194381943919440194411944219443194441944519446194471944819449194501945119452194531945419455194561945719458194591946019461194621946319464194651946619467194681946919470194711947219473194741947519476194771947819479194801948119482194831948419485194861948719488194891949019491194921949319494194951949619497194981949919500195011950219503195041950519506195071950819509195101951119512195131951419515195161951719518195191952019521195221952319524195251952619527195281952919530195311953219533195341953519536195371953819539195401954119542195431954419545195461954719548195491955019551195521955319554195551955619557195581955919560195611956219563195641956519566195671956819569195701957119572195731957419575195761957719578195791958019581195821958319584195851958619587195881958919590195911959219593195941959519596195971959819599196001960119602196031960419605196061960719608196091961019611196121961319614196151961619617196181961919620196211962219623196241962519626196271962819629196301963119632196331963419635196361963719638196391964019641196421964319644196451964619647196481964919650196511965219653196541965519656196571965819659196601966119662196631966419665196661966719668196691967019671196721967319674196751967619677196781967919680196811968219683196841968519686196871968819689196901969119692196931969419695196961969719698196991970019701197021970319704197051970619707197081970919710197111971219713197141971519716197171971819719197201972119722197231972419725197261972719728197291973019731197321973319734197351973619737197381973919740197411974219743197441974519746197471974819749197501975119752197531975419755197561975719758197591976019761197621976319764197651976619767197681976919770197711977219773197741977519776197771977819779197801978119782197831978419785197861978719788197891979019791197921979319794197951979619797197981979919800198011980219803198041980519806198071980819809198101981119812198131981419815198161981719818198191982019821198221982319824198251982619827198281982919830198311983219833198341983519836198371983819839198401984119842198431984419845198461984719848198491985019851198521985319854198551985619857198581985919860198611986219863198641986519866198671986819869198701987119872198731987419875198761987719878198791988019881198821988319884198851988619887198881988919890198911989219893198941989519896198971989819899199001990119902199031990419905199061990719908199091991019911199121991319914199151991619917199181991919920199211992219923199241992519926199271992819929199301993119932199331993419935199361993719938199391994019941199421994319944199451994619947199481994919950199511995219953199541995519956199571995819959199601996119962199631996419965199661996719968199691997019971199721997319974199751997619977199781997919980199811998219983199841998519986199871998819989199901999119992199931999419995199961999719998199992000020001200022000320004200052000620007200082000920010200112001220013200142001520016200172001820019200202002120022200232002420025200262002720028200292003020031200322003320034200352003620037200382003920040200412004220043200442004520046200472004820049200502005120052200532005420055200562005720058200592006020061200622006320064200652006620067200682006920070200712007220073200742007520076200772007820079200802008120082200832008420085200862008720088200892009020091200922009320094200952009620097200982009920100201012010220103201042010520106201072010820109201102011120112201132011420115201162011720118201192012020121201222012320124201252012620127201282012920130201312013220133201342013520136201372013820139201402014120142201432014420145201462014720148201492015020151201522015320154201552015620157201582015920160201612016220163201642016520166201672016820169201702017120172201732017420175201762017720178201792018020181201822018320184201852018620187201882018920190201912019220193201942019520196201972019820199202002020120202202032020420205202062020720208202092021020211202122021320214202152021620217202182021920220202212022220223202242022520226202272022820229202302023120232202332023420235202362023720238202392024020241202422024320244202452024620247202482024920250202512025220253202542025520256202572025820259202602026120262202632026420265202662026720268202692027020271202722027320274202752027620277202782027920280202812028220283202842028520286202872028820289202902029120292202932029420295202962029720298202992030020301203022030320304203052030620307203082030920310203112031220313203142031520316203172031820319203202032120322203232032420325203262032720328203292033020331203322033320334203352033620337203382033920340203412034220343203442034520346203472034820349203502035120352203532035420355203562035720358203592036020361203622036320364203652036620367203682036920370203712037220373203742037520376203772037820379203802038120382203832038420385203862038720388203892039020391203922039320394203952039620397203982039920400204012040220403204042040520406204072040820409204102041120412204132041420415204162041720418204192042020421204222042320424204252042620427204282042920430204312043220433204342043520436204372043820439204402044120442204432044420445204462044720448204492045020451204522045320454204552045620457204582045920460204612046220463204642046520466204672046820469204702047120472204732047420475204762047720478204792048020481204822048320484204852048620487204882048920490204912049220493204942049520496204972049820499205002050120502205032050420505205062050720508205092051020511205122051320514205152051620517205182051920520205212052220523205242052520526205272052820529205302053120532205332053420535205362053720538205392054020541205422054320544205452054620547205482054920550205512055220553205542055520556205572055820559205602056120562205632056420565205662056720568205692057020571205722057320574205752057620577205782057920580205812058220583205842058520586205872058820589205902059120592205932059420595205962059720598205992060020601206022060320604206052060620607206082060920610206112061220613206142061520616206172061820619206202062120622206232062420625206262062720628206292063020631206322063320634206352063620637206382063920640206412064220643206442064520646206472064820649206502065120652206532065420655206562065720658206592066020661206622066320664206652066620667206682066920670206712067220673206742067520676206772067820679206802068120682206832068420685206862068720688206892069020691206922069320694206952069620697206982069920700207012070220703207042070520706207072070820709207102071120712207132071420715207162071720718207192072020721207222072320724207252072620727207282072920730207312073220733207342073520736207372073820739207402074120742207432074420745207462074720748207492075020751207522075320754207552075620757207582075920760207612076220763207642076520766207672076820769207702077120772207732077420775207762077720778207792078020781207822078320784207852078620787207882078920790207912079220793207942079520796207972079820799208002080120802208032080420805208062080720808208092081020811208122081320814208152081620817208182081920820208212082220823208242082520826208272082820829208302083120832208332083420835208362083720838208392084020841208422084320844208452084620847208482084920850208512085220853208542085520856208572085820859208602086120862208632086420865208662086720868208692087020871208722087320874208752087620877208782087920880208812088220883208842088520886208872088820889208902089120892208932089420895208962089720898208992090020901209022090320904209052090620907209082090920910209112091220913209142091520916209172091820919209202092120922209232092420925209262092720928209292093020931209322093320934209352093620937209382093920940209412094220943209442094520946209472094820949209502095120952209532095420955209562095720958209592096020961209622096320964209652096620967209682096920970209712097220973209742097520976209772097820979209802098120982209832098420985209862098720988209892099020991209922099320994209952099620997209982099921000210012100221003210042100521006210072100821009210102101121012210132101421015210162101721018210192102021021210222102321024210252102621027210282102921030210312103221033210342103521036210372103821039210402104121042210432104421045210462104721048210492105021051210522105321054210552105621057210582105921060210612106221063210642106521066210672106821069210702107121072210732107421075210762107721078210792108021081210822108321084210852108621087210882108921090210912109221093210942109521096210972109821099211002110121102211032110421105211062110721108211092111021111211122111321114211152111621117211182111921120211212112221123211242112521126211272112821129211302113121132211332113421135211362113721138211392114021141211422114321144211452114621147211482114921150211512115221153211542115521156211572115821159211602116121162211632116421165211662116721168211692117021171211722117321174211752117621177211782117921180211812118221183211842118521186211872118821189211902119121192211932119421195211962119721198211992120021201212022120321204212052120621207212082120921210212112121221213212142121521216212172121821219212202122121222212232122421225212262122721228212292123021231212322123321234212352123621237212382123921240212412124221243212442124521246212472124821249212502125121252212532125421255212562125721258212592126021261212622126321264212652126621267212682126921270212712127221273212742127521276212772127821279212802128121282212832128421285212862128721288212892129021291212922129321294212952129621297212982129921300213012130221303213042130521306213072130821309213102131121312213132131421315213162131721318213192132021321213222132321324213252132621327213282132921330213312133221333213342133521336213372133821339213402134121342213432134421345213462134721348213492135021351213522135321354213552135621357213582135921360213612136221363213642136521366213672136821369213702137121372213732137421375213762137721378213792138021381213822138321384213852138621387213882138921390213912139221393213942139521396213972139821399214002140121402214032140421405214062140721408214092141021411214122141321414214152141621417214182141921420214212142221423214242142521426214272142821429214302143121432214332143421435214362143721438214392144021441214422144321444214452144621447214482144921450214512145221453214542145521456214572145821459214602146121462214632146421465214662146721468214692147021471214722147321474214752147621477214782147921480214812148221483214842148521486214872148821489214902149121492214932149421495214962149721498214992150021501215022150321504215052150621507215082150921510215112151221513215142151521516215172151821519215202152121522215232152421525215262152721528215292153021531215322153321534215352153621537215382153921540215412154221543215442154521546215472154821549215502155121552215532155421555215562155721558215592156021561215622156321564215652156621567215682156921570215712157221573215742157521576215772157821579215802158121582215832158421585215862158721588215892159021591215922159321594215952159621597215982159921600216012160221603216042160521606216072160821609216102161121612216132161421615216162161721618216192162021621216222162321624216252162621627216282162921630216312163221633216342163521636216372163821639216402164121642216432164421645216462164721648216492165021651216522165321654216552165621657216582165921660216612166221663216642166521666216672166821669216702167121672216732167421675216762167721678216792168021681216822168321684216852168621687216882168921690216912169221693216942169521696216972169821699217002170121702217032170421705217062170721708217092171021711217122171321714217152171621717217182171921720217212172221723217242172521726217272172821729217302173121732217332173421735217362173721738217392174021741217422174321744217452174621747217482174921750217512175221753217542175521756217572175821759217602176121762217632176421765217662176721768217692177021771217722177321774217752177621777217782177921780217812178221783217842178521786217872178821789217902179121792217932179421795217962179721798217992180021801218022180321804218052180621807218082180921810218112181221813218142181521816218172181821819218202182121822218232182421825218262182721828218292183021831218322183321834218352183621837218382183921840218412184221843218442184521846218472184821849218502185121852218532185421855218562185721858218592186021861218622186321864218652186621867218682186921870218712187221873218742187521876218772187821879218802188121882218832188421885218862188721888218892189021891218922189321894218952189621897218982189921900219012190221903219042190521906219072190821909219102191121912219132191421915219162191721918219192192021921219222192321924219252192621927219282192921930219312193221933219342193521936219372193821939219402194121942219432194421945219462194721948219492195021951219522195321954219552195621957219582195921960219612196221963219642196521966219672196821969219702197121972219732197421975219762197721978219792198021981219822198321984219852198621987219882198921990219912199221993219942199521996219972199821999220002200122002220032200422005220062200722008220092201022011220122201322014220152201622017220182201922020220212202222023220242202522026220272202822029220302203122032220332203422035220362203722038220392204022041220422204322044220452204622047220482204922050220512205222053220542205522056220572205822059220602206122062220632206422065220662206722068220692207022071220722207322074220752207622077220782207922080220812208222083220842208522086220872208822089220902209122092220932209422095220962209722098220992210022101221022210322104221052210622107221082210922110221112211222113221142211522116221172211822119221202212122122221232212422125221262212722128221292213022131221322213322134221352213622137221382213922140221412214222143221442214522146221472214822149221502215122152221532215422155221562215722158221592216022161221622216322164221652216622167221682216922170221712217222173221742217522176221772217822179221802218122182221832218422185221862218722188221892219022191221922219322194221952219622197221982219922200222012220222203222042220522206222072220822209222102221122212222132221422215222162221722218222192222022221222222222322224222252222622227222282222922230222312223222233222342223522236222372223822239222402224122242222432224422245222462224722248222492225022251222522225322254222552225622257222582225922260222612226222263222642226522266222672226822269222702227122272222732227422275222762227722278222792228022281222822228322284222852228622287222882228922290222912229222293222942229522296222972229822299223002230122302223032230422305223062230722308223092231022311223122231322314223152231622317223182231922320223212232222323223242232522326223272232822329223302233122332223332233422335223362233722338223392234022341223422234322344223452234622347223482234922350223512235222353223542235522356223572235822359223602236122362223632236422365223662236722368223692237022371223722237322374223752237622377223782237922380223812238222383223842238522386223872238822389223902239122392223932239422395223962239722398223992240022401224022240322404224052240622407224082240922410224112241222413224142241522416224172241822419224202242122422224232242422425224262242722428224292243022431224322243322434224352243622437224382243922440224412244222443224442244522446224472244822449224502245122452224532245422455224562245722458224592246022461224622246322464224652246622467224682246922470224712247222473224742247522476224772247822479224802248122482224832248422485224862248722488224892249022491224922249322494224952249622497224982249922500225012250222503225042250522506225072250822509225102251122512225132251422515225162251722518225192252022521225222252322524225252252622527225282252922530225312253222533225342253522536225372253822539225402254122542225432254422545225462254722548225492255022551225522255322554225552255622557225582255922560225612256222563225642256522566225672256822569225702257122572225732257422575225762257722578225792258022581225822258322584225852258622587225882258922590225912259222593225942259522596225972259822599226002260122602226032260422605226062260722608226092261022611226122261322614226152261622617226182261922620226212262222623226242262522626226272262822629226302263122632226332263422635226362263722638226392264022641226422264322644226452264622647226482264922650226512265222653226542265522656226572265822659226602266122662226632266422665226662266722668226692267022671226722267322674226752267622677226782267922680226812268222683226842268522686226872268822689226902269122692226932269422695226962269722698226992270022701227022270322704227052270622707227082270922710227112271222713227142271522716227172271822719227202272122722227232272422725227262272722728227292273022731227322273322734227352273622737227382273922740227412274222743227442274522746227472274822749227502275122752227532275422755227562275722758227592276022761227622276322764227652276622767227682276922770227712277222773227742277522776227772277822779227802278122782227832278422785227862278722788227892279022791227922279322794227952279622797227982279922800228012280222803228042280522806228072280822809228102281122812228132281422815228162281722818228192282022821228222282322824228252282622827228282282922830228312283222833228342283522836228372283822839228402284122842228432284422845228462284722848228492285022851228522285322854228552285622857228582285922860228612286222863228642286522866228672286822869228702287122872228732287422875228762287722878228792288022881228822288322884228852288622887228882288922890228912289222893228942289522896228972289822899229002290122902229032290422905229062290722908229092291022911229122291322914229152291622917229182291922920229212292222923229242292522926229272292822929229302293122932229332293422935229362293722938229392294022941229422294322944229452294622947229482294922950229512295222953229542295522956229572295822959229602296122962229632296422965229662296722968229692297022971229722297322974229752297622977229782297922980229812298222983229842298522986229872298822989229902299122992229932299422995229962299722998229992300023001230022300323004230052300623007230082300923010230112301223013230142301523016230172301823019230202302123022230232302423025230262302723028230292303023031230322303323034230352303623037230382303923040230412304223043230442304523046230472304823049230502305123052230532305423055230562305723058230592306023061230622306323064230652306623067230682306923070230712307223073230742307523076230772307823079230802308123082230832308423085230862308723088230892309023091230922309323094230952309623097230982309923100231012310223103231042310523106231072310823109231102311123112231132311423115231162311723118231192312023121231222312323124231252312623127231282312923130231312313223133231342313523136231372313823139231402314123142231432314423145231462314723148231492315023151231522315323154231552315623157231582315923160231612316223163231642316523166231672316823169231702317123172231732317423175231762317723178231792318023181231822318323184231852318623187231882318923190231912319223193231942319523196231972319823199232002320123202232032320423205232062320723208232092321023211232122321323214232152321623217232182321923220232212322223223232242322523226232272322823229232302323123232232332323423235232362323723238232392324023241232422324323244232452324623247232482324923250232512325223253232542325523256232572325823259232602326123262232632326423265232662326723268232692327023271232722327323274232752327623277232782327923280232812328223283232842328523286232872328823289232902329123292232932329423295232962329723298232992330023301233022330323304233052330623307233082330923310233112331223313233142331523316233172331823319233202332123322233232332423325233262332723328233292333023331233322333323334233352333623337233382333923340233412334223343233442334523346233472334823349233502335123352233532335423355233562335723358233592336023361233622336323364233652336623367233682336923370233712337223373233742337523376233772337823379233802338123382233832338423385233862338723388233892339023391233922339323394233952339623397233982339923400234012340223403234042340523406234072340823409234102341123412234132341423415234162341723418234192342023421234222342323424234252342623427234282342923430234312343223433234342343523436234372343823439234402344123442234432344423445234462344723448234492345023451234522345323454234552345623457234582345923460234612346223463234642346523466234672346823469234702347123472234732347423475234762347723478234792348023481234822348323484234852348623487234882348923490234912349223493234942349523496234972349823499235002350123502235032350423505235062350723508235092351023511235122351323514235152351623517235182351923520235212352223523235242352523526235272352823529235302353123532235332353423535235362353723538235392354023541235422354323544235452354623547235482354923550235512355223553235542355523556235572355823559235602356123562235632356423565235662356723568235692357023571235722357323574235752357623577235782357923580235812358223583235842358523586235872358823589235902359123592235932359423595235962359723598235992360023601236022360323604236052360623607236082360923610236112361223613236142361523616236172361823619236202362123622236232362423625236262362723628236292363023631236322363323634236352363623637236382363923640236412364223643236442364523646236472364823649236502365123652236532365423655236562365723658236592366023661236622366323664236652366623667236682366923670236712367223673236742367523676236772367823679236802368123682236832368423685236862368723688236892369023691236922369323694236952369623697236982369923700237012370223703237042370523706237072370823709237102371123712237132371423715237162371723718237192372023721237222372323724237252372623727237282372923730237312373223733237342373523736237372373823739237402374123742237432374423745237462374723748237492375023751237522375323754237552375623757237582375923760237612376223763237642376523766237672376823769237702377123772237732377423775237762377723778237792378023781237822378323784237852378623787237882378923790237912379223793237942379523796237972379823799238002380123802238032380423805238062380723808238092381023811238122381323814238152381623817238182381923820238212382223823238242382523826238272382823829238302383123832238332383423835238362383723838238392384023841238422384323844238452384623847238482384923850238512385223853238542385523856238572385823859238602386123862238632386423865238662386723868238692387023871238722387323874238752387623877238782387923880238812388223883238842388523886238872388823889238902389123892238932389423895238962389723898238992390023901239022390323904239052390623907239082390923910239112391223913239142391523916239172391823919239202392123922239232392423925239262392723928239292393023931239322393323934239352393623937239382393923940239412394223943239442394523946239472394823949239502395123952239532395423955239562395723958239592396023961239622396323964239652396623967239682396923970239712397223973239742397523976239772397823979239802398123982239832398423985239862398723988239892399023991239922399323994239952399623997239982399924000240012400224003240042400524006240072400824009240102401124012240132401424015240162401724018240192402024021240222402324024240252402624027240282402924030240312403224033240342403524036240372403824039240402404124042240432404424045240462404724048240492405024051240522405324054240552405624057240582405924060240612406224063240642406524066240672406824069240702407124072240732407424075240762407724078240792408024081240822408324084240852408624087240882408924090240912409224093240942409524096240972409824099241002410124102241032410424105241062410724108241092411024111241122411324114241152411624117241182411924120241212412224123241242412524126241272412824129241302413124132241332413424135241362413724138241392414024141241422414324144241452414624147241482414924150241512415224153241542415524156241572415824159241602416124162241632416424165241662416724168241692417024171241722417324174241752417624177241782417924180241812418224183241842418524186241872418824189241902419124192241932419424195241962419724198241992420024201242022420324204242052420624207242082420924210242112421224213242142421524216242172421824219242202422124222242232422424225242262422724228242292423024231242322423324234242352423624237242382423924240242412424224243242442424524246242472424824249242502425124252242532425424255242562425724258242592426024261242622426324264242652426624267242682426924270242712427224273242742427524276242772427824279242802428124282242832428424285242862428724288242892429024291242922429324294242952429624297242982429924300243012430224303243042430524306243072430824309243102431124312243132431424315243162431724318243192432024321243222432324324243252432624327243282432924330243312433224333243342433524336243372433824339243402434124342243432434424345243462434724348243492435024351243522435324354243552435624357243582435924360243612436224363243642436524366243672436824369243702437124372243732437424375243762437724378243792438024381243822438324384243852438624387243882438924390243912439224393243942439524396243972439824399244002440124402244032440424405244062440724408244092441024411244122441324414244152441624417244182441924420244212442224423244242442524426244272442824429244302443124432244332443424435244362443724438244392444024441244422444324444244452444624447244482444924450244512445224453244542445524456244572445824459244602446124462244632446424465244662446724468244692447024471244722447324474244752447624477244782447924480244812448224483244842448524486244872448824489244902449124492244932449424495244962449724498244992450024501245022450324504245052450624507245082450924510245112451224513245142451524516245172451824519245202452124522245232452424525245262452724528245292453024531245322453324534245352453624537245382453924540245412454224543245442454524546245472454824549245502455124552245532455424555245562455724558245592456024561245622456324564245652456624567245682456924570245712457224573245742457524576245772457824579245802458124582245832458424585245862458724588245892459024591245922459324594245952459624597245982459924600246012460224603246042460524606246072460824609246102461124612246132461424615246162461724618246192462024621246222462324624246252462624627246282462924630246312463224633246342463524636246372463824639246402464124642246432464424645246462464724648246492465024651246522465324654246552465624657246582465924660246612466224663246642466524666246672466824669246702467124672246732467424675246762467724678246792468024681246822468324684246852468624687246882468924690246912469224693246942469524696246972469824699247002470124702247032470424705247062470724708247092471024711247122471324714247152471624717247182471924720247212472224723247242472524726247272472824729247302473124732247332473424735247362473724738247392474024741247422474324744247452474624747247482474924750247512475224753247542475524756247572475824759247602476124762247632476424765247662476724768247692477024771247722477324774247752477624777247782477924780247812478224783247842478524786247872478824789247902479124792247932479424795247962479724798247992480024801248022480324804248052480624807248082480924810248112481224813248142481524816248172481824819248202482124822248232482424825248262482724828248292483024831248322483324834248352483624837248382483924840248412484224843248442484524846248472484824849248502485124852248532485424855248562485724858248592486024861248622486324864248652486624867248682486924870248712487224873248742487524876248772487824879248802488124882248832488424885248862488724888248892489024891248922489324894248952489624897248982489924900249012490224903249042490524906249072490824909249102491124912249132491424915249162491724918249192492024921249222492324924249252492624927249282492924930249312493224933249342493524936249372493824939249402494124942249432494424945249462494724948249492495024951249522495324954249552495624957249582495924960249612496224963249642496524966249672496824969249702497124972249732497424975249762497724978249792498024981249822498324984249852498624987249882498924990249912499224993249942499524996249972499824999250002500125002250032500425005250062500725008250092501025011250122501325014250152501625017250182501925020250212502225023250242502525026250272502825029250302503125032250332503425035250362503725038250392504025041250422504325044250452504625047250482504925050250512505225053250542505525056250572505825059250602506125062250632506425065250662506725068250692507025071250722507325074250752507625077250782507925080250812508225083250842508525086250872508825089250902509125092250932509425095250962509725098250992510025101251022510325104251052510625107251082510925110251112511225113251142511525116251172511825119251202512125122251232512425125251262512725128251292513025131251322513325134251352513625137251382513925140251412514225143251442514525146251472514825149251502515125152251532515425155251562515725158251592516025161251622516325164251652516625167251682516925170251712517225173251742517525176251772517825179251802518125182251832518425185251862518725188251892519025191251922519325194251952519625197251982519925200252012520225203252042520525206252072520825209252102521125212252132521425215252162521725218252192522025221252222522325224252252522625227252282522925230252312523225233252342523525236252372523825239252402524125242252432524425245252462524725248252492525025251252522525325254252552525625257252582525925260252612526225263252642526525266252672526825269252702527125272252732527425275252762527725278252792528025281252822528325284252852528625287252882528925290252912529225293252942529525296252972529825299253002530125302253032530425305253062530725308253092531025311253122531325314253152531625317253182531925320253212532225323253242532525326253272532825329253302533125332253332533425335253362533725338253392534025341253422534325344253452534625347253482534925350253512535225353253542535525356253572535825359253602536125362253632536425365253662536725368253692537025371253722537325374253752537625377253782537925380253812538225383253842538525386253872538825389253902539125392253932539425395253962539725398253992540025401254022540325404254052540625407254082540925410254112541225413254142541525416254172541825419254202542125422254232542425425254262542725428254292543025431254322543325434254352543625437254382543925440254412544225443254442544525446254472544825449254502545125452254532545425455254562545725458254592546025461254622546325464254652546625467254682546925470254712547225473254742547525476254772547825479254802548125482254832548425485254862548725488254892549025491254922549325494254952549625497254982549925500255012550225503255042550525506255072550825509255102551125512255132551425515255162551725518255192552025521255222552325524255252552625527255282552925530255312553225533255342553525536255372553825539255402554125542255432554425545255462554725548255492555025551255522555325554255552555625557255582555925560255612556225563255642556525566255672556825569255702557125572255732557425575255762557725578255792558025581255822558325584255852558625587255882558925590255912559225593255942559525596255972559825599256002560125602256032560425605256062560725608256092561025611256122561325614256152561625617256182561925620256212562225623256242562525626256272562825629256302563125632256332563425635256362563725638256392564025641256422564325644256452564625647256482564925650256512565225653256542565525656256572565825659256602566125662256632566425665256662566725668256692567025671256722567325674256752567625677256782567925680256812568225683256842568525686256872568825689256902569125692256932569425695256962569725698256992570025701257022570325704257052570625707257082570925710257112571225713257142571525716257172571825719257202572125722257232572425725257262572725728257292573025731257322573325734257352573625737257382573925740257412574225743257442574525746257472574825749257502575125752257532575425755257562575725758257592576025761257622576325764257652576625767257682576925770257712577225773257742577525776257772577825779257802578125782257832578425785257862578725788257892579025791257922579325794257952579625797257982579925800258012580225803258042580525806258072580825809258102581125812258132581425815258162581725818258192582025821258222582325824258252582625827258282582925830258312583225833258342583525836258372583825839258402584125842258432584425845258462584725848258492585025851258522585325854258552585625857258582585925860258612586225863258642586525866258672586825869258702587125872258732587425875258762587725878258792588025881258822588325884258852588625887258882588925890258912589225893258942589525896258972589825899259002590125902259032590425905259062590725908259092591025911259122591325914259152591625917259182591925920259212592225923259242592525926259272592825929259302593125932259332593425935259362593725938259392594025941259422594325944259452594625947259482594925950259512595225953259542595525956259572595825959259602596125962259632596425965259662596725968259692597025971259722597325974259752597625977259782597925980259812598225983259842598525986259872598825989259902599125992259932599425995259962599725998259992600026001260022600326004260052600626007260082600926010260112601226013260142601526016260172601826019260202602126022260232602426025260262602726028260292603026031260322603326034260352603626037260382603926040260412604226043260442604526046260472604826049260502605126052260532605426055260562605726058260592606026061260622606326064260652606626067260682606926070260712607226073260742607526076260772607826079260802608126082260832608426085260862608726088260892609026091260922609326094260952609626097260982609926100261012610226103261042610526106261072610826109 |
- /**
- * TinyMCE version 6.0.3 (2022-05-25)
- */
- (function () {
- 'use strict';
- const getPrototypeOf = Object.getPrototypeOf;
- const hasProto = (v, constructor, predicate) => {
- var _a;
- if (predicate(v, constructor.prototype)) {
- return true;
- } else {
- return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
- }
- };
- const typeOf = x => {
- const t = typeof x;
- if (x === null) {
- return 'null';
- } else if (t === 'object' && Array.isArray(x)) {
- return 'array';
- } else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
- return 'string';
- } else {
- return t;
- }
- };
- const isType$1 = type => value => typeOf(value) === type;
- const isSimpleType = type => value => typeof value === type;
- const eq$1 = t => a => t === a;
- const is$2 = (value, constructor) => isObject(value) && hasProto(value, constructor, (o, proto) => getPrototypeOf(o) === proto);
- const isString = isType$1('string');
- const isObject = isType$1('object');
- const isPlainObject = value => is$2(value, Object);
- const isArray = isType$1('array');
- const isNull = eq$1(null);
- const isBoolean = isSimpleType('boolean');
- const isUndefined = eq$1(undefined);
- const isNullable = a => a === null || a === undefined;
- const isNonNullable = a => !isNullable(a);
- const isFunction = isSimpleType('function');
- const isNumber = isSimpleType('number');
- const isArrayOf = (value, pred) => {
- if (isArray(value)) {
- for (let i = 0, len = value.length; i < len; ++i) {
- if (!pred(value[i])) {
- return false;
- }
- }
- return true;
- }
- return false;
- };
- const noop = () => {
- };
- const noarg = f => () => f();
- const compose = (fa, fb) => {
- return (...args) => {
- return fa(fb.apply(null, args));
- };
- };
- const compose1 = (fbc, fab) => a => fbc(fab(a));
- const constant$1 = value => {
- return () => {
- return value;
- };
- };
- const identity = x => {
- return x;
- };
- const tripleEquals = (a, b) => {
- return a === b;
- };
- function curry(fn, ...initialArgs) {
- return (...restArgs) => {
- const all = initialArgs.concat(restArgs);
- return fn.apply(null, all);
- };
- }
- const not = f => t => !f(t);
- const die = msg => {
- return () => {
- throw new Error(msg);
- };
- };
- const apply = f => {
- return f();
- };
- const never = constant$1(false);
- const always = constant$1(true);
- var global$a = tinymce.util.Tools.resolve('tinymce.ThemeManager');
- class Optional {
- constructor(tag, value) {
- this.tag = tag;
- this.value = value;
- }
- static some(value) {
- return new Optional(true, value);
- }
- static none() {
- return Optional.singletonNone;
- }
- fold(onNone, onSome) {
- if (this.tag) {
- return onSome(this.value);
- } else {
- return onNone();
- }
- }
- isSome() {
- return this.tag;
- }
- isNone() {
- return !this.tag;
- }
- map(mapper) {
- if (this.tag) {
- return Optional.some(mapper(this.value));
- } else {
- return Optional.none();
- }
- }
- bind(binder) {
- if (this.tag) {
- return binder(this.value);
- } else {
- return Optional.none();
- }
- }
- exists(predicate) {
- return this.tag && predicate(this.value);
- }
- forall(predicate) {
- return !this.tag || predicate(this.value);
- }
- filter(predicate) {
- if (!this.tag || predicate(this.value)) {
- return this;
- } else {
- return Optional.none();
- }
- }
- getOr(replacement) {
- return this.tag ? this.value : replacement;
- }
- or(replacement) {
- return this.tag ? this : replacement;
- }
- getOrThunk(thunk) {
- return this.tag ? this.value : thunk();
- }
- orThunk(thunk) {
- return this.tag ? this : thunk();
- }
- getOrDie(message) {
- if (!this.tag) {
- throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
- } else {
- return this.value;
- }
- }
- static from(value) {
- return isNonNullable(value) ? Optional.some(value) : Optional.none();
- }
- getOrNull() {
- return this.tag ? this.value : null;
- }
- getOrUndefined() {
- return this.value;
- }
- each(worker) {
- if (this.tag) {
- worker(this.value);
- }
- }
- toArray() {
- return this.tag ? [this.value] : [];
- }
- toString() {
- return this.tag ? `some(${ this.value })` : 'none()';
- }
- }
- Optional.singletonNone = new Optional(false);
- const nativeSlice = Array.prototype.slice;
- const nativeIndexOf = Array.prototype.indexOf;
- const nativePush = Array.prototype.push;
- const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
- const indexOf = (xs, x) => {
- const r = rawIndexOf(xs, x);
- return r === -1 ? Optional.none() : Optional.some(r);
- };
- const contains$2 = (xs, x) => rawIndexOf(xs, x) > -1;
- const exists = (xs, pred) => {
- for (let i = 0, len = xs.length; i < len; i++) {
- const x = xs[i];
- if (pred(x, i)) {
- return true;
- }
- }
- return false;
- };
- const range$2 = (num, f) => {
- const r = [];
- for (let i = 0; i < num; i++) {
- r.push(f(i));
- }
- return r;
- };
- const chunk$1 = (array, size) => {
- const r = [];
- for (let i = 0; i < array.length; i += size) {
- const s = nativeSlice.call(array, i, i + size);
- r.push(s);
- }
- return r;
- };
- const map$2 = (xs, f) => {
- const len = xs.length;
- const r = new Array(len);
- for (let i = 0; i < len; i++) {
- const x = xs[i];
- r[i] = f(x, i);
- }
- return r;
- };
- const each$1 = (xs, f) => {
- for (let i = 0, len = xs.length; i < len; i++) {
- const x = xs[i];
- f(x, i);
- }
- };
- const eachr = (xs, f) => {
- for (let i = xs.length - 1; i >= 0; i--) {
- const x = xs[i];
- f(x, i);
- }
- };
- const partition$3 = (xs, pred) => {
- const pass = [];
- const fail = [];
- for (let i = 0, len = xs.length; i < len; i++) {
- const x = xs[i];
- const arr = pred(x, i) ? pass : fail;
- arr.push(x);
- }
- return {
- pass,
- fail
- };
- };
- const filter$2 = (xs, pred) => {
- const r = [];
- for (let i = 0, len = xs.length; i < len; i++) {
- const x = xs[i];
- if (pred(x, i)) {
- r.push(x);
- }
- }
- return r;
- };
- const foldr = (xs, f, acc) => {
- eachr(xs, (x, i) => {
- acc = f(acc, x, i);
- });
- return acc;
- };
- const foldl = (xs, f, acc) => {
- each$1(xs, (x, i) => {
- acc = f(acc, x, i);
- });
- return acc;
- };
- const findUntil = (xs, pred, until) => {
- for (let i = 0, len = xs.length; i < len; i++) {
- const x = xs[i];
- if (pred(x, i)) {
- return Optional.some(x);
- } else if (until(x, i)) {
- break;
- }
- }
- return Optional.none();
- };
- const find$5 = (xs, pred) => {
- return findUntil(xs, pred, never);
- };
- const findIndex$1 = (xs, pred) => {
- for (let i = 0, len = xs.length; i < len; i++) {
- const x = xs[i];
- if (pred(x, i)) {
- return Optional.some(i);
- }
- }
- return Optional.none();
- };
- const flatten = xs => {
- const r = [];
- for (let i = 0, len = xs.length; i < len; ++i) {
- if (!isArray(xs[i])) {
- throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
- }
- nativePush.apply(r, xs[i]);
- }
- return r;
- };
- const bind$3 = (xs, f) => flatten(map$2(xs, f));
- const forall = (xs, pred) => {
- for (let i = 0, len = xs.length; i < len; ++i) {
- const x = xs[i];
- if (pred(x, i) !== true) {
- return false;
- }
- }
- return true;
- };
- const reverse = xs => {
- const r = nativeSlice.call(xs, 0);
- r.reverse();
- return r;
- };
- const difference = (a1, a2) => filter$2(a1, x => !contains$2(a2, x));
- const mapToObject = (xs, f) => {
- const r = {};
- for (let i = 0, len = xs.length; i < len; i++) {
- const x = xs[i];
- r[String(x)] = f(x, i);
- }
- return r;
- };
- const pure$2 = x => [x];
- const sort = (xs, comparator) => {
- const copy = nativeSlice.call(xs, 0);
- copy.sort(comparator);
- return copy;
- };
- const get$h = (xs, i) => i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
- const head = xs => get$h(xs, 0);
- const last$1 = xs => get$h(xs, xs.length - 1);
- const from = isFunction(Array.from) ? Array.from : x => nativeSlice.call(x);
- const findMap = (arr, f) => {
- for (let i = 0; i < arr.length; i++) {
- const r = f(arr[i], i);
- if (r.isSome()) {
- return r;
- }
- }
- return Optional.none();
- };
- const keys = Object.keys;
- const hasOwnProperty = Object.hasOwnProperty;
- const each = (obj, f) => {
- const props = keys(obj);
- for (let k = 0, len = props.length; k < len; k++) {
- const i = props[k];
- const x = obj[i];
- f(x, i);
- }
- };
- const map$1 = (obj, f) => {
- return tupleMap(obj, (x, i) => ({
- k: i,
- v: f(x, i)
- }));
- };
- const tupleMap = (obj, f) => {
- const r = {};
- each(obj, (x, i) => {
- const tuple = f(x, i);
- r[tuple.k] = tuple.v;
- });
- return r;
- };
- const objAcc = r => (x, i) => {
- r[i] = x;
- };
- const internalFilter = (obj, pred, onTrue, onFalse) => {
- const r = {};
- each(obj, (x, i) => {
- (pred(x, i) ? onTrue : onFalse)(x, i);
- });
- return r;
- };
- const bifilter = (obj, pred) => {
- const t = {};
- const f = {};
- internalFilter(obj, pred, objAcc(t), objAcc(f));
- return {
- t,
- f
- };
- };
- const filter$1 = (obj, pred) => {
- const t = {};
- internalFilter(obj, pred, objAcc(t), noop);
- return t;
- };
- const mapToArray = (obj, f) => {
- const r = [];
- each(obj, (value, name) => {
- r.push(f(value, name));
- });
- return r;
- };
- const find$4 = (obj, pred) => {
- const props = keys(obj);
- for (let k = 0, len = props.length; k < len; k++) {
- const i = props[k];
- const x = obj[i];
- if (pred(x, i, obj)) {
- return Optional.some(x);
- }
- }
- return Optional.none();
- };
- const values = obj => {
- return mapToArray(obj, identity);
- };
- const get$g = (obj, key) => {
- return has$2(obj, key) ? Optional.from(obj[key]) : Optional.none();
- };
- const has$2 = (obj, key) => hasOwnProperty.call(obj, key);
- const hasNonNullableKey = (obj, key) => has$2(obj, key) && obj[key] !== undefined && obj[key] !== null;
- const is$1 = (lhs, rhs, comparator = tripleEquals) => lhs.exists(left => comparator(left, rhs));
- const equals = (lhs, rhs, comparator = tripleEquals) => lift2(lhs, rhs, comparator).getOr(lhs.isNone() && rhs.isNone());
- const cat = arr => {
- const r = [];
- const push = x => {
- r.push(x);
- };
- for (let i = 0; i < arr.length; i++) {
- arr[i].each(push);
- }
- return r;
- };
- const sequence = arr => {
- const r = [];
- for (let i = 0; i < arr.length; i++) {
- const x = arr[i];
- if (x.isSome()) {
- r.push(x.getOrDie());
- } else {
- return Optional.none();
- }
- }
- return Optional.some(r);
- };
- const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
- const lift3 = (oa, ob, oc, f) => oa.isSome() && ob.isSome() && oc.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie(), oc.getOrDie())) : Optional.none();
- const mapFrom = (a, f) => a !== undefined && a !== null ? Optional.some(f(a)) : Optional.none();
- const someIf = (b, a) => b ? Optional.some(a) : Optional.none();
- const addToEnd = (str, suffix) => {
- return str + suffix;
- };
- const removeFromStart = (str, numChars) => {
- return str.substring(numChars);
- };
- const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
- const removeLeading = (str, prefix) => {
- return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
- };
- const ensureTrailing = (str, suffix) => {
- return endsWith(str, suffix) ? str : addToEnd(str, suffix);
- };
- const contains$1 = (str, substr) => {
- return str.indexOf(substr) !== -1;
- };
- const startsWith = (str, prefix) => {
- return checkRange(str, prefix, 0);
- };
- const endsWith = (str, suffix) => {
- return checkRange(str, suffix, str.length - suffix.length);
- };
- const blank = r => s => s.replace(r, '');
- const trim$1 = blank(/^\s+|\s+$/g);
- const isNotEmpty = s => s.length > 0;
- const isEmpty = s => !isNotEmpty(s);
- const isSupported$1 = dom => dom.style !== undefined && isFunction(dom.style.getPropertyValue);
- const fromHtml$2 = (html, scope) => {
- const doc = scope || document;
- const div = doc.createElement('div');
- div.innerHTML = html;
- if (!div.hasChildNodes() || div.childNodes.length > 1) {
- const message = 'HTML does not have a single root node';
- console.error(message, html);
- throw new Error(message);
- }
- return fromDom(div.childNodes[0]);
- };
- const fromTag = (tag, scope) => {
- const doc = scope || document;
- const node = doc.createElement(tag);
- return fromDom(node);
- };
- const fromText = (text, scope) => {
- const doc = scope || document;
- const node = doc.createTextNode(text);
- return fromDom(node);
- };
- const fromDom = node => {
- if (node === null || node === undefined) {
- throw new Error('Node cannot be null or undefined');
- }
- return { dom: node };
- };
- const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
- const SugarElement = {
- fromHtml: fromHtml$2,
- fromTag,
- fromText,
- fromDom,
- fromPoint
- };
- typeof window !== 'undefined' ? window : Function('return this;')();
- const DOCUMENT = 9;
- const DOCUMENT_FRAGMENT = 11;
- const ELEMENT = 1;
- const TEXT = 3;
- const name$3 = element => {
- const r = element.dom.nodeName;
- return r.toLowerCase();
- };
- const type$1 = element => element.dom.nodeType;
- const isType = t => element => type$1(element) === t;
- const isElement$1 = isType(ELEMENT);
- const isText = isType(TEXT);
- const isDocument = isType(DOCUMENT);
- const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
- const isTag = tag => e => isElement$1(e) && name$3(e) === tag;
- const is = (element, selector) => {
- const dom = element.dom;
- if (dom.nodeType !== ELEMENT) {
- return false;
- } else {
- const elem = dom;
- if (elem.matches !== undefined) {
- return elem.matches(selector);
- } else if (elem.msMatchesSelector !== undefined) {
- return elem.msMatchesSelector(selector);
- } else if (elem.webkitMatchesSelector !== undefined) {
- return elem.webkitMatchesSelector(selector);
- } else if (elem.mozMatchesSelector !== undefined) {
- return elem.mozMatchesSelector(selector);
- } else {
- throw new Error('Browser lacks native selectors');
- }
- }
- };
- const bypassSelector = dom => dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0;
- const all$3 = (selector, scope) => {
- const base = scope === undefined ? document : scope.dom;
- return bypassSelector(base) ? [] : map$2(base.querySelectorAll(selector), SugarElement.fromDom);
- };
- const one = (selector, scope) => {
- const base = scope === undefined ? document : scope.dom;
- return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector)).map(SugarElement.fromDom);
- };
- const eq = (e1, e2) => e1.dom === e2.dom;
- const contains = (e1, e2) => {
- const d1 = e1.dom;
- const d2 = e2.dom;
- return d1 === d2 ? false : d1.contains(d2);
- };
- const owner$4 = element => SugarElement.fromDom(element.dom.ownerDocument);
- const documentOrOwner = dos => isDocument(dos) ? dos : owner$4(dos);
- const documentElement = element => SugarElement.fromDom(documentOrOwner(element).dom.documentElement);
- const defaultView = element => SugarElement.fromDom(documentOrOwner(element).dom.defaultView);
- const parent = element => Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
- const parentElement = element => Optional.from(element.dom.parentElement).map(SugarElement.fromDom);
- const offsetParent = element => Optional.from(element.dom.offsetParent).map(SugarElement.fromDom);
- const nextSibling = element => Optional.from(element.dom.nextSibling).map(SugarElement.fromDom);
- const children = element => map$2(element.dom.childNodes, SugarElement.fromDom);
- const child$2 = (element, index) => {
- const cs = element.dom.childNodes;
- return Optional.from(cs[index]).map(SugarElement.fromDom);
- };
- const firstChild = element => child$2(element, 0);
- const spot = (element, offset) => ({
- element,
- offset
- });
- const leaf = (element, offset) => {
- const cs = children(element);
- return cs.length > 0 && offset < cs.length ? spot(cs[offset], 0) : spot(element, offset);
- };
- const isShadowRoot = dos => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
- const supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
- const isSupported = constant$1(supported);
- const getRootNode = supported ? e => SugarElement.fromDom(e.dom.getRootNode()) : documentOrOwner;
- const getContentContainer = dos => isShadowRoot(dos) ? dos : SugarElement.fromDom(documentOrOwner(dos).dom.body);
- const isInShadowRoot = e => getShadowRoot(e).isSome();
- const getShadowRoot = e => {
- const r = getRootNode(e);
- return isShadowRoot(r) ? Optional.some(r) : Optional.none();
- };
- const getShadowHost = e => SugarElement.fromDom(e.dom.host);
- const getOriginalEventTarget = event => {
- if (isSupported() && isNonNullable(event.target)) {
- const el = SugarElement.fromDom(event.target);
- if (isElement$1(el) && isOpenShadowHost(el)) {
- if (event.composed && event.composedPath) {
- const composedPath = event.composedPath();
- if (composedPath) {
- return head(composedPath);
- }
- }
- }
- }
- return Optional.from(event.target);
- };
- const isOpenShadowHost = element => isNonNullable(element.dom.shadowRoot);
- const inBody = element => {
- const dom = isText(element) ? element.dom.parentNode : element.dom;
- if (dom === undefined || dom === null || dom.ownerDocument === null) {
- return false;
- }
- const doc = dom.ownerDocument;
- return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
- };
- const body = () => getBody(SugarElement.fromDom(document));
- const getBody = doc => {
- const b = doc.dom.body;
- if (b === null || b === undefined) {
- throw new Error('Body is not available yet');
- }
- return SugarElement.fromDom(b);
- };
- const rawSet = (dom, key, value) => {
- if (isString(value) || isBoolean(value) || isNumber(value)) {
- dom.setAttribute(key, value + '');
- } else {
- console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
- throw new Error('Attribute value was not simple');
- }
- };
- const set$9 = (element, key, value) => {
- rawSet(element.dom, key, value);
- };
- const setAll$1 = (element, attrs) => {
- const dom = element.dom;
- each(attrs, (v, k) => {
- rawSet(dom, k, v);
- });
- };
- const get$f = (element, key) => {
- const v = element.dom.getAttribute(key);
- return v === null ? undefined : v;
- };
- const getOpt = (element, key) => Optional.from(get$f(element, key));
- const has$1 = (element, key) => {
- const dom = element.dom;
- return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
- };
- const remove$7 = (element, key) => {
- element.dom.removeAttribute(key);
- };
- const clone$1 = element => foldl(element.dom.attributes, (acc, attr) => {
- acc[attr.name] = attr.value;
- return acc;
- }, {});
- const internalSet = (dom, property, value) => {
- if (!isString(value)) {
- console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
- throw new Error('CSS value must be a string: ' + value);
- }
- if (isSupported$1(dom)) {
- dom.style.setProperty(property, value);
- }
- };
- const internalRemove = (dom, property) => {
- if (isSupported$1(dom)) {
- dom.style.removeProperty(property);
- }
- };
- const set$8 = (element, property, value) => {
- const dom = element.dom;
- internalSet(dom, property, value);
- };
- const setAll = (element, css) => {
- const dom = element.dom;
- each(css, (v, k) => {
- internalSet(dom, k, v);
- });
- };
- const setOptions = (element, css) => {
- const dom = element.dom;
- each(css, (v, k) => {
- v.fold(() => {
- internalRemove(dom, k);
- }, value => {
- internalSet(dom, k, value);
- });
- });
- };
- const get$e = (element, property) => {
- const dom = element.dom;
- const styles = window.getComputedStyle(dom);
- const r = styles.getPropertyValue(property);
- return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
- };
- const getUnsafeProperty = (dom, property) => isSupported$1(dom) ? dom.style.getPropertyValue(property) : '';
- const getRaw = (element, property) => {
- const dom = element.dom;
- const raw = getUnsafeProperty(dom, property);
- return Optional.from(raw).filter(r => r.length > 0);
- };
- const getAllRaw = element => {
- const css = {};
- const dom = element.dom;
- if (isSupported$1(dom)) {
- for (let i = 0; i < dom.style.length; i++) {
- const ruleName = dom.style.item(i);
- css[ruleName] = dom.style[ruleName];
- }
- }
- return css;
- };
- const isValidValue = (tag, property, value) => {
- const element = SugarElement.fromTag(tag);
- set$8(element, property, value);
- const style = getRaw(element, property);
- return style.isSome();
- };
- const remove$6 = (element, property) => {
- const dom = element.dom;
- internalRemove(dom, property);
- if (is$1(getOpt(element, 'style').map(trim$1), '')) {
- remove$7(element, 'style');
- }
- };
- const reflow = e => e.dom.offsetWidth;
- const Dimension = (name, getOffset) => {
- const set = (element, h) => {
- if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
- throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
- }
- const dom = element.dom;
- if (isSupported$1(dom)) {
- dom.style[name] = h + 'px';
- }
- };
- const get = element => {
- const r = getOffset(element);
- if (r <= 0 || r === null) {
- const css = get$e(element, name);
- return parseFloat(css) || 0;
- }
- return r;
- };
- const getOuter = get;
- const aggregate = (element, properties) => foldl(properties, (acc, property) => {
- const val = get$e(element, property);
- const value = val === undefined ? 0 : parseInt(val, 10);
- return isNaN(value) ? acc : acc + value;
- }, 0);
- const max = (element, value, properties) => {
- const cumulativeInclusions = aggregate(element, properties);
- const absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
- return absoluteMax;
- };
- return {
- set,
- get,
- getOuter,
- aggregate,
- max
- };
- };
- const api$2 = Dimension('height', element => {
- const dom = element.dom;
- return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
- });
- const get$d = element => api$2.get(element);
- const getOuter$2 = element => api$2.getOuter(element);
- const setMax$1 = (element, value) => {
- const inclusions = [
- 'margin-top',
- 'border-top-width',
- 'padding-top',
- 'padding-bottom',
- 'border-bottom-width',
- 'margin-bottom'
- ];
- const absMax = api$2.max(element, value, inclusions);
- set$8(element, 'max-height', absMax + 'px');
- };
- const r$1 = (left, top) => {
- const translate = (x, y) => r$1(left + x, top + y);
- return {
- left,
- top,
- translate
- };
- };
- const SugarPosition = r$1;
- const boxPosition = dom => {
- const box = dom.getBoundingClientRect();
- return SugarPosition(box.left, box.top);
- };
- const firstDefinedOrZero = (a, b) => {
- if (a !== undefined) {
- return a;
- } else {
- return b !== undefined ? b : 0;
- }
- };
- const absolute$3 = element => {
- const doc = element.dom.ownerDocument;
- const body = doc.body;
- const win = doc.defaultView;
- const html = doc.documentElement;
- if (body === element.dom) {
- return SugarPosition(body.offsetLeft, body.offsetTop);
- }
- const scrollTop = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageYOffset, html.scrollTop);
- const scrollLeft = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageXOffset, html.scrollLeft);
- const clientTop = firstDefinedOrZero(html.clientTop, body.clientTop);
- const clientLeft = firstDefinedOrZero(html.clientLeft, body.clientLeft);
- return viewport$1(element).translate(scrollLeft - clientLeft, scrollTop - clientTop);
- };
- const viewport$1 = element => {
- const dom = element.dom;
- const doc = dom.ownerDocument;
- const body = doc.body;
- if (body === dom) {
- return SugarPosition(body.offsetLeft, body.offsetTop);
- }
- if (!inBody(element)) {
- return SugarPosition(0, 0);
- }
- return boxPosition(dom);
- };
- const api$1 = Dimension('width', element => element.dom.offsetWidth);
- const set$7 = (element, h) => api$1.set(element, h);
- const get$c = element => api$1.get(element);
- const getOuter$1 = element => api$1.getOuter(element);
- const setMax = (element, value) => {
- const inclusions = [
- 'margin-left',
- 'border-left-width',
- 'padding-left',
- 'padding-right',
- 'border-right-width',
- 'margin-right'
- ];
- const absMax = api$1.max(element, value, inclusions);
- set$8(element, 'max-width', absMax + 'px');
- };
- const cached = f => {
- let called = false;
- let r;
- return (...args) => {
- if (!called) {
- called = true;
- r = f.apply(null, args);
- }
- return r;
- };
- };
- const DeviceType = (os, browser, userAgent, mediaMatch) => {
- const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
- const isiPhone = os.isiOS() && !isiPad;
- const isMobile = os.isiOS() || os.isAndroid();
- const isTouch = isMobile || mediaMatch('(pointer:coarse)');
- const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
- const isPhone = isiPhone || isMobile && !isTablet;
- const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
- const isDesktop = !isPhone && !isTablet && !iOSwebview;
- return {
- isiPad: constant$1(isiPad),
- isiPhone: constant$1(isiPhone),
- isTablet: constant$1(isTablet),
- isPhone: constant$1(isPhone),
- isTouch: constant$1(isTouch),
- isAndroid: os.isAndroid,
- isiOS: os.isiOS,
- isWebView: constant$1(iOSwebview),
- isDesktop: constant$1(isDesktop)
- };
- };
- const firstMatch = (regexes, s) => {
- for (let i = 0; i < regexes.length; i++) {
- const x = regexes[i];
- if (x.test(s)) {
- return x;
- }
- }
- return undefined;
- };
- const find$3 = (regexes, agent) => {
- const r = firstMatch(regexes, agent);
- if (!r) {
- return {
- major: 0,
- minor: 0
- };
- }
- const group = i => {
- return Number(agent.replace(r, '$' + i));
- };
- return nu$d(group(1), group(2));
- };
- const detect$4 = (versionRegexes, agent) => {
- const cleanedAgent = String(agent).toLowerCase();
- if (versionRegexes.length === 0) {
- return unknown$3();
- }
- return find$3(versionRegexes, cleanedAgent);
- };
- const unknown$3 = () => {
- return nu$d(0, 0);
- };
- const nu$d = (major, minor) => {
- return {
- major,
- minor
- };
- };
- const Version = {
- nu: nu$d,
- detect: detect$4,
- unknown: unknown$3
- };
- const detectBrowser$1 = (browsers, userAgentData) => {
- return findMap(userAgentData.brands, uaBrand => {
- const lcBrand = uaBrand.brand.toLowerCase();
- return find$5(browsers, browser => {
- var _a;
- return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase());
- }).map(info => ({
- current: info.name,
- version: Version.nu(parseInt(uaBrand.version, 10), 0)
- }));
- });
- };
- const detect$3 = (candidates, userAgent) => {
- const agent = String(userAgent).toLowerCase();
- return find$5(candidates, candidate => {
- return candidate.search(agent);
- });
- };
- const detectBrowser = (browsers, userAgent) => {
- return detect$3(browsers, userAgent).map(browser => {
- const version = Version.detect(browser.versionRegexes, userAgent);
- return {
- current: browser.name,
- version
- };
- });
- };
- const detectOs = (oses, userAgent) => {
- return detect$3(oses, userAgent).map(os => {
- const version = Version.detect(os.versionRegexes, userAgent);
- return {
- current: os.name,
- version
- };
- });
- };
- const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
- const checkContains = target => {
- return uastring => {
- return contains$1(uastring, target);
- };
- };
- const browsers = [
- {
- name: 'Edge',
- versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
- search: uastring => {
- return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
- }
- },
- {
- name: 'Chromium',
- brand: 'Chromium',
- versionRegexes: [
- /.*?chrome\/([0-9]+)\.([0-9]+).*/,
- normalVersionRegex
- ],
- search: uastring => {
- return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
- }
- },
- {
- name: 'IE',
- versionRegexes: [
- /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
- /.*?rv:([0-9]+)\.([0-9]+).*/
- ],
- search: uastring => {
- return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
- }
- },
- {
- name: 'Opera',
- versionRegexes: [
- normalVersionRegex,
- /.*?opera\/([0-9]+)\.([0-9]+).*/
- ],
- search: checkContains('opera')
- },
- {
- name: 'Firefox',
- versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
- search: checkContains('firefox')
- },
- {
- name: 'Safari',
- versionRegexes: [
- normalVersionRegex,
- /.*?cpu os ([0-9]+)_([0-9]+).*/
- ],
- search: uastring => {
- return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
- }
- }
- ];
- const oses = [
- {
- name: 'Windows',
- search: checkContains('win'),
- versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
- },
- {
- name: 'iOS',
- search: uastring => {
- return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
- },
- versionRegexes: [
- /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
- /.*cpu os ([0-9]+)_([0-9]+).*/,
- /.*cpu iphone os ([0-9]+)_([0-9]+).*/
- ]
- },
- {
- name: 'Android',
- search: checkContains('android'),
- versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
- },
- {
- name: 'macOS',
- search: checkContains('mac os x'),
- versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
- },
- {
- name: 'Linux',
- search: checkContains('linux'),
- versionRegexes: []
- },
- {
- name: 'Solaris',
- search: checkContains('sunos'),
- versionRegexes: []
- },
- {
- name: 'FreeBSD',
- search: checkContains('freebsd'),
- versionRegexes: []
- },
- {
- name: 'ChromeOS',
- search: checkContains('cros'),
- versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
- }
- ];
- const PlatformInfo = {
- browsers: constant$1(browsers),
- oses: constant$1(oses)
- };
- const edge = 'Edge';
- const chromium = 'Chromium';
- const ie = 'IE';
- const opera = 'Opera';
- const firefox = 'Firefox';
- const safari = 'Safari';
- const unknown$2 = () => {
- return nu$c({
- current: undefined,
- version: Version.unknown()
- });
- };
- const nu$c = info => {
- const current = info.current;
- const version = info.version;
- const isBrowser = name => () => current === name;
- return {
- current,
- version,
- isEdge: isBrowser(edge),
- isChromium: isBrowser(chromium),
- isIE: isBrowser(ie),
- isOpera: isBrowser(opera),
- isFirefox: isBrowser(firefox),
- isSafari: isBrowser(safari)
- };
- };
- const Browser = {
- unknown: unknown$2,
- nu: nu$c,
- edge: constant$1(edge),
- chromium: constant$1(chromium),
- ie: constant$1(ie),
- opera: constant$1(opera),
- firefox: constant$1(firefox),
- safari: constant$1(safari)
- };
- const windows = 'Windows';
- const ios = 'iOS';
- const android = 'Android';
- const linux = 'Linux';
- const macos = 'macOS';
- const solaris = 'Solaris';
- const freebsd = 'FreeBSD';
- const chromeos = 'ChromeOS';
- const unknown$1 = () => {
- return nu$b({
- current: undefined,
- version: Version.unknown()
- });
- };
- const nu$b = info => {
- const current = info.current;
- const version = info.version;
- const isOS = name => () => current === name;
- return {
- current,
- version,
- isWindows: isOS(windows),
- isiOS: isOS(ios),
- isAndroid: isOS(android),
- isMacOS: isOS(macos),
- isLinux: isOS(linux),
- isSolaris: isOS(solaris),
- isFreeBSD: isOS(freebsd),
- isChromeOS: isOS(chromeos)
- };
- };
- const OperatingSystem = {
- unknown: unknown$1,
- nu: nu$b,
- windows: constant$1(windows),
- ios: constant$1(ios),
- android: constant$1(android),
- linux: constant$1(linux),
- macos: constant$1(macos),
- solaris: constant$1(solaris),
- freebsd: constant$1(freebsd),
- chromeos: constant$1(chromeos)
- };
- const detect$2 = (userAgent, userAgentDataOpt, mediaMatch) => {
- const browsers = PlatformInfo.browsers();
- const oses = PlatformInfo.oses();
- const browser = userAgentDataOpt.bind(userAgentData => detectBrowser$1(browsers, userAgentData)).orThunk(() => detectBrowser(browsers, userAgent)).fold(Browser.unknown, Browser.nu);
- const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
- const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
- return {
- browser,
- os,
- deviceType
- };
- };
- const PlatformDetection = { detect: detect$2 };
- const mediaMatch = query => window.matchMedia(query).matches;
- let platform = cached(() => PlatformDetection.detect(navigator.userAgent, Optional.from(navigator.userAgentData), mediaMatch));
- const detect$1 = () => platform();
- const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
- target,
- x,
- y,
- stop,
- prevent,
- kill,
- raw
- });
- const fromRawEvent$1 = rawEvent => {
- const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
- const stop = () => rawEvent.stopPropagation();
- const prevent = () => rawEvent.preventDefault();
- const kill = compose(prevent, stop);
- return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
- };
- const handle = (filter, handler) => rawEvent => {
- if (filter(rawEvent)) {
- handler(fromRawEvent$1(rawEvent));
- }
- };
- const binder = (element, event, filter, handler, useCapture) => {
- const wrapped = handle(filter, handler);
- element.dom.addEventListener(event, wrapped, useCapture);
- return { unbind: curry(unbind, element, event, wrapped, useCapture) };
- };
- const bind$2 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
- const capture$1 = (element, event, filter, handler) => binder(element, event, filter, handler, true);
- const unbind = (element, event, handler, useCapture) => {
- element.dom.removeEventListener(event, handler, useCapture);
- };
- const before$1 = (marker, element) => {
- const parent$1 = parent(marker);
- parent$1.each(v => {
- v.dom.insertBefore(element.dom, marker.dom);
- });
- };
- const after$2 = (marker, element) => {
- const sibling = nextSibling(marker);
- sibling.fold(() => {
- const parent$1 = parent(marker);
- parent$1.each(v => {
- append$2(v, element);
- });
- }, v => {
- before$1(v, element);
- });
- };
- const prepend$1 = (parent, element) => {
- const firstChild$1 = firstChild(parent);
- firstChild$1.fold(() => {
- append$2(parent, element);
- }, v => {
- parent.dom.insertBefore(element.dom, v.dom);
- });
- };
- const append$2 = (parent, element) => {
- parent.dom.appendChild(element.dom);
- };
- const appendAt = (parent, element, index) => {
- child$2(parent, index).fold(() => {
- append$2(parent, element);
- }, v => {
- before$1(v, element);
- });
- };
- const append$1 = (parent, elements) => {
- each$1(elements, x => {
- append$2(parent, x);
- });
- };
- const empty = element => {
- element.dom.textContent = '';
- each$1(children(element), rogue => {
- remove$5(rogue);
- });
- };
- const remove$5 = element => {
- const dom = element.dom;
- if (dom.parentNode !== null) {
- dom.parentNode.removeChild(dom);
- }
- };
- const get$b = _DOC => {
- const doc = _DOC !== undefined ? _DOC.dom : document;
- const x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
- const y = doc.body.scrollTop || doc.documentElement.scrollTop;
- return SugarPosition(x, y);
- };
- const to = (x, y, _DOC) => {
- const doc = _DOC !== undefined ? _DOC.dom : document;
- const win = doc.defaultView;
- if (win) {
- win.scrollTo(x, y);
- }
- };
- const get$a = _win => {
- const win = _win === undefined ? window : _win;
- if (detect$1().browser.isFirefox()) {
- return Optional.none();
- } else {
- return Optional.from(win.visualViewport);
- }
- };
- const bounds$1 = (x, y, width, height) => ({
- x,
- y,
- width,
- height,
- right: x + width,
- bottom: y + height
- });
- const getBounds$3 = _win => {
- const win = _win === undefined ? window : _win;
- const doc = win.document;
- const scroll = get$b(SugarElement.fromDom(doc));
- return get$a(win).fold(() => {
- const html = win.document.documentElement;
- const width = html.clientWidth;
- const height = html.clientHeight;
- return bounds$1(scroll.left, scroll.top, width, height);
- }, visualViewport => bounds$1(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height));
- };
- const getDocument = () => SugarElement.fromDom(document);
- const walkUp = (navigation, doc) => {
- const frame = navigation.view(doc);
- return frame.fold(constant$1([]), f => {
- const parent = navigation.owner(f);
- const rest = walkUp(navigation, parent);
- return [f].concat(rest);
- });
- };
- const pathTo = (element, navigation) => {
- const d = navigation.owner(element);
- const paths = walkUp(navigation, d);
- return Optional.some(paths);
- };
- const view = doc => {
- var _a;
- const element = doc.dom === document ? Optional.none() : Optional.from((_a = doc.dom.defaultView) === null || _a === void 0 ? void 0 : _a.frameElement);
- return element.map(SugarElement.fromDom);
- };
- const owner$3 = element => owner$4(element);
- var Navigation = /*#__PURE__*/Object.freeze({
- __proto__: null,
- view: view,
- owner: owner$3
- });
- const find$2 = element => {
- const doc = getDocument();
- const scroll = get$b(doc);
- const path = pathTo(element, Navigation);
- return path.fold(curry(absolute$3, element), frames => {
- const offset = viewport$1(element);
- const r = foldr(frames, (b, a) => {
- const loc = viewport$1(a);
- return {
- left: b.left + loc.left,
- top: b.top + loc.top
- };
- }, {
- left: 0,
- top: 0
- });
- return SugarPosition(r.left + offset.left + scroll.left, r.top + offset.top + scroll.top);
- });
- };
- const pointed = (point, width, height) => ({
- point,
- width,
- height
- });
- const rect = (x, y, width, height) => ({
- x,
- y,
- width,
- height
- });
- const bounds = (x, y, width, height) => ({
- x,
- y,
- width,
- height,
- right: x + width,
- bottom: y + height
- });
- const box$1 = element => {
- const xy = absolute$3(element);
- const w = getOuter$1(element);
- const h = getOuter$2(element);
- return bounds(xy.left, xy.top, w, h);
- };
- const absolute$2 = element => {
- const position = find$2(element);
- const width = getOuter$1(element);
- const height = getOuter$2(element);
- return bounds(position.left, position.top, width, height);
- };
- const win = () => getBounds$3(window);
- const value$4 = value => {
- const applyHelper = fn => fn(value);
- const constHelper = constant$1(value);
- const outputHelper = () => output;
- const output = {
- tag: true,
- inner: value,
- fold: (_onError, onValue) => onValue(value),
- isValue: always,
- isError: never,
- map: mapper => Result.value(mapper(value)),
- mapError: outputHelper,
- bind: applyHelper,
- exists: applyHelper,
- forall: applyHelper,
- getOr: constHelper,
- or: outputHelper,
- getOrThunk: constHelper,
- orThunk: outputHelper,
- getOrDie: constHelper,
- each: fn => {
- fn(value);
- },
- toOptional: () => Optional.some(value)
- };
- return output;
- };
- const error$1 = error => {
- const outputHelper = () => output;
- const output = {
- tag: false,
- inner: error,
- fold: (onError, _onValue) => onError(error),
- isValue: never,
- isError: always,
- map: outputHelper,
- mapError: mapper => Result.error(mapper(error)),
- bind: outputHelper,
- exists: never,
- forall: always,
- getOr: identity,
- or: identity,
- getOrThunk: apply,
- orThunk: apply,
- getOrDie: die(String(error)),
- each: noop,
- toOptional: Optional.none
- };
- return output;
- };
- const fromOption = (optional, err) => optional.fold(() => error$1(err), value$4);
- const Result = {
- value: value$4,
- error: error$1,
- fromOption
- };
- var SimpleResultType;
- (function (SimpleResultType) {
- SimpleResultType[SimpleResultType['Error'] = 0] = 'Error';
- SimpleResultType[SimpleResultType['Value'] = 1] = 'Value';
- }(SimpleResultType || (SimpleResultType = {})));
- const fold$1 = (res, onError, onValue) => res.stype === SimpleResultType.Error ? onError(res.serror) : onValue(res.svalue);
- const partition$2 = results => {
- const values = [];
- const errors = [];
- each$1(results, obj => {
- fold$1(obj, err => errors.push(err), val => values.push(val));
- });
- return {
- values,
- errors
- };
- };
- const mapError = (res, f) => {
- if (res.stype === SimpleResultType.Error) {
- return {
- stype: SimpleResultType.Error,
- serror: f(res.serror)
- };
- } else {
- return res;
- }
- };
- const map = (res, f) => {
- if (res.stype === SimpleResultType.Value) {
- return {
- stype: SimpleResultType.Value,
- svalue: f(res.svalue)
- };
- } else {
- return res;
- }
- };
- const bind$1 = (res, f) => {
- if (res.stype === SimpleResultType.Value) {
- return f(res.svalue);
- } else {
- return res;
- }
- };
- const bindError = (res, f) => {
- if (res.stype === SimpleResultType.Error) {
- return f(res.serror);
- } else {
- return res;
- }
- };
- const svalue = v => ({
- stype: SimpleResultType.Value,
- svalue: v
- });
- const serror = e => ({
- stype: SimpleResultType.Error,
- serror: e
- });
- const toResult$1 = res => fold$1(res, Result.error, Result.value);
- const fromResult$1 = res => res.fold(serror, svalue);
- const SimpleResult = {
- fromResult: fromResult$1,
- toResult: toResult$1,
- svalue,
- partition: partition$2,
- serror,
- bind: bind$1,
- bindError,
- map,
- mapError,
- fold: fold$1
- };
- const field$2 = (key, newKey, presence, prop) => ({
- tag: 'field',
- key,
- newKey,
- presence,
- prop
- });
- const customField$1 = (newKey, instantiator) => ({
- tag: 'custom',
- newKey,
- instantiator
- });
- const fold = (value, ifField, ifCustom) => {
- switch (value.tag) {
- case 'field':
- return ifField(value.key, value.newKey, value.presence, value.prop);
- case 'custom':
- return ifCustom(value.newKey, value.instantiator);
- }
- };
- const shallow$1 = (old, nu) => {
- return nu;
- };
- const deep = (old, nu) => {
- const bothObjects = isPlainObject(old) && isPlainObject(nu);
- return bothObjects ? deepMerge(old, nu) : nu;
- };
- const baseMerge = merger => {
- return (...objects) => {
- if (objects.length === 0) {
- throw new Error(`Can't merge zero objects`);
- }
- const ret = {};
- for (let j = 0; j < objects.length; j++) {
- const curObject = objects[j];
- for (const key in curObject) {
- if (has$2(curObject, key)) {
- ret[key] = merger(ret[key], curObject[key]);
- }
- }
- }
- return ret;
- };
- };
- const deepMerge = baseMerge(deep);
- const merge$1 = baseMerge(shallow$1);
- const required$2 = () => ({
- tag: 'required',
- process: {}
- });
- const defaultedThunk = fallbackThunk => ({
- tag: 'defaultedThunk',
- process: fallbackThunk
- });
- const defaulted$1 = fallback => defaultedThunk(constant$1(fallback));
- const asOption = () => ({
- tag: 'option',
- process: {}
- });
- const mergeWithThunk = baseThunk => ({
- tag: 'mergeWithThunk',
- process: baseThunk
- });
- const mergeWith = base => mergeWithThunk(constant$1(base));
- const mergeValues$1 = (values, base) => values.length > 0 ? SimpleResult.svalue(deepMerge(base, merge$1.apply(undefined, values))) : SimpleResult.svalue(base);
- const mergeErrors$1 = errors => compose(SimpleResult.serror, flatten)(errors);
- const consolidateObj = (objects, base) => {
- const partition = SimpleResult.partition(objects);
- return partition.errors.length > 0 ? mergeErrors$1(partition.errors) : mergeValues$1(partition.values, base);
- };
- const consolidateArr = objects => {
- const partitions = SimpleResult.partition(objects);
- return partitions.errors.length > 0 ? mergeErrors$1(partitions.errors) : SimpleResult.svalue(partitions.values);
- };
- const ResultCombine = {
- consolidateObj,
- consolidateArr
- };
- const formatObj = input => {
- return isObject(input) && keys(input).length > 100 ? ' removed due to size' : JSON.stringify(input, null, 2);
- };
- const formatErrors = errors => {
- const es = errors.length > 10 ? errors.slice(0, 10).concat([{
- path: [],
- getErrorInfo: constant$1('... (only showing first ten failures)')
- }]) : errors;
- return map$2(es, e => {
- return 'Failed path: (' + e.path.join(' > ') + ')\n' + e.getErrorInfo();
- });
- };
- const nu$a = (path, getErrorInfo) => {
- return SimpleResult.serror([{
- path,
- getErrorInfo
- }]);
- };
- const missingRequired = (path, key, obj) => nu$a(path, () => 'Could not find valid *required* value for "' + key + '" in ' + formatObj(obj));
- const missingKey = (path, key) => nu$a(path, () => 'Choice schema did not contain choice key: "' + key + '"');
- const missingBranch = (path, branches, branch) => nu$a(path, () => 'The chosen schema: "' + branch + '" did not exist in branches: ' + formatObj(branches));
- const unsupportedFields = (path, unsupported) => nu$a(path, () => 'There are unsupported fields: [' + unsupported.join(', ') + '] specified');
- const custom = (path, err) => nu$a(path, constant$1(err));
- const value$3 = validator => {
- const extract = (path, val) => {
- return SimpleResult.bindError(validator(val), err => custom(path, err));
- };
- const toString = constant$1('val');
- return {
- extract,
- toString
- };
- };
- const anyValue$1 = value$3(SimpleResult.svalue);
- const requiredAccess = (path, obj, key, bundle) => get$g(obj, key).fold(() => missingRequired(path, key, obj), bundle);
- const fallbackAccess = (obj, key, fallback, bundle) => {
- const v = get$g(obj, key).getOrThunk(() => fallback(obj));
- return bundle(v);
- };
- const optionAccess = (obj, key, bundle) => bundle(get$g(obj, key));
- const optionDefaultedAccess = (obj, key, fallback, bundle) => {
- const opt = get$g(obj, key).map(val => val === true ? fallback(obj) : val);
- return bundle(opt);
- };
- const extractField = (field, path, obj, key, prop) => {
- const bundle = av => prop.extract(path.concat([key]), av);
- const bundleAsOption = optValue => optValue.fold(() => SimpleResult.svalue(Optional.none()), ov => {
- const result = prop.extract(path.concat([key]), ov);
- return SimpleResult.map(result, Optional.some);
- });
- switch (field.tag) {
- case 'required':
- return requiredAccess(path, obj, key, bundle);
- case 'defaultedThunk':
- return fallbackAccess(obj, key, field.process, bundle);
- case 'option':
- return optionAccess(obj, key, bundleAsOption);
- case 'defaultedOptionThunk':
- return optionDefaultedAccess(obj, key, field.process, bundleAsOption);
- case 'mergeWithThunk': {
- return fallbackAccess(obj, key, constant$1({}), v => {
- const result = deepMerge(field.process(obj), v);
- return bundle(result);
- });
- }
- }
- };
- const extractFields = (path, obj, fields) => {
- const success = {};
- const errors = [];
- for (const field of fields) {
- fold(field, (key, newKey, presence, prop) => {
- const result = extractField(presence, path, obj, key, prop);
- SimpleResult.fold(result, err => {
- errors.push(...err);
- }, res => {
- success[newKey] = res;
- });
- }, (newKey, instantiator) => {
- success[newKey] = instantiator(obj);
- });
- }
- return errors.length > 0 ? SimpleResult.serror(errors) : SimpleResult.svalue(success);
- };
- const valueThunk = getDelegate => {
- const extract = (path, val) => getDelegate().extract(path, val);
- const toString = () => getDelegate().toString();
- return {
- extract,
- toString
- };
- };
- const getSetKeys = obj => keys(filter$1(obj, isNonNullable));
- const objOfOnly = fields => {
- const delegate = objOf(fields);
- const fieldNames = foldr(fields, (acc, value) => {
- return fold(value, key => deepMerge(acc, { [key]: true }), constant$1(acc));
- }, {});
- const extract = (path, o) => {
- const keys = isBoolean(o) ? [] : getSetKeys(o);
- const extra = filter$2(keys, k => !hasNonNullableKey(fieldNames, k));
- return extra.length === 0 ? delegate.extract(path, o) : unsupportedFields(path, extra);
- };
- return {
- extract,
- toString: delegate.toString
- };
- };
- const objOf = values => {
- const extract = (path, o) => extractFields(path, o, values);
- const toString = () => {
- const fieldStrings = map$2(values, value => fold(value, (key, _okey, _presence, prop) => key + ' -> ' + prop.toString(), (newKey, _instantiator) => 'state(' + newKey + ')'));
- return 'obj{\n' + fieldStrings.join('\n') + '}';
- };
- return {
- extract,
- toString
- };
- };
- const arrOf = prop => {
- const extract = (path, array) => {
- const results = map$2(array, (a, i) => prop.extract(path.concat(['[' + i + ']']), a));
- return ResultCombine.consolidateArr(results);
- };
- const toString = () => 'array(' + prop.toString() + ')';
- return {
- extract,
- toString
- };
- };
- const oneOf = props => {
- const extract = (path, val) => {
- const errors = [];
- for (const prop of props) {
- const res = prop.extract(path, val);
- if (res.stype === SimpleResultType.Value) {
- return res;
- }
- errors.push(res);
- }
- return ResultCombine.consolidateArr(errors);
- };
- const toString = () => 'oneOf(' + map$2(props, prop => prop.toString()).join(', ') + ')';
- return {
- extract,
- toString
- };
- };
- const setOf$1 = (validator, prop) => {
- const validateKeys = (path, keys) => arrOf(value$3(validator)).extract(path, keys);
- const extract = (path, o) => {
- const keys$1 = keys(o);
- const validatedKeys = validateKeys(path, keys$1);
- return SimpleResult.bind(validatedKeys, validKeys => {
- const schema = map$2(validKeys, vk => {
- return field$2(vk, vk, required$2(), prop);
- });
- return objOf(schema).extract(path, o);
- });
- };
- const toString = () => 'setOf(' + prop.toString() + ')';
- return {
- extract,
- toString
- };
- };
- const thunk = (_desc, processor) => {
- const getP = cached(processor);
- const extract = (path, val) => getP().extract(path, val);
- const toString = () => getP().toString();
- return {
- extract,
- toString
- };
- };
- const arrOfObj = compose(arrOf, objOf);
- const anyValue = constant$1(anyValue$1);
- const typedValue = (validator, expectedType) => value$3(a => {
- const actualType = typeof a;
- return validator(a) ? SimpleResult.svalue(a) : SimpleResult.serror(`Expected type: ${ expectedType } but got: ${ actualType }`);
- });
- const number = typedValue(isNumber, 'number');
- const string = typedValue(isString, 'string');
- const boolean = typedValue(isBoolean, 'boolean');
- const functionProcessor = typedValue(isFunction, 'function');
- const isPostMessageable = val => {
- if (Object(val) !== val) {
- return true;
- }
- switch ({}.toString.call(val).slice(8, -1)) {
- case 'Boolean':
- case 'Number':
- case 'String':
- case 'Date':
- case 'RegExp':
- case 'Blob':
- case 'FileList':
- case 'ImageData':
- case 'ImageBitmap':
- case 'ArrayBuffer':
- return true;
- case 'Array':
- case 'Object':
- return Object.keys(val).every(prop => isPostMessageable(val[prop]));
- default:
- return false;
- }
- };
- const postMessageable = value$3(a => {
- if (isPostMessageable(a)) {
- return SimpleResult.svalue(a);
- } else {
- return SimpleResult.serror('Expected value to be acceptable for sending via postMessage');
- }
- });
- const chooseFrom = (path, input, branches, ch) => {
- const fields = get$g(branches, ch);
- return fields.fold(() => missingBranch(path, branches, ch), vp => vp.extract(path.concat(['branch: ' + ch]), input));
- };
- const choose$2 = (key, branches) => {
- const extract = (path, input) => {
- const choice = get$g(input, key);
- return choice.fold(() => missingKey(path, key), chosen => chooseFrom(path, input, branches, chosen));
- };
- const toString = () => 'chooseOn(' + key + '). Possible values: ' + keys(branches);
- return {
- extract,
- toString
- };
- };
- const arrOfVal = () => arrOf(anyValue$1);
- const valueOf = validator => value$3(v => validator(v).fold(SimpleResult.serror, SimpleResult.svalue));
- const setOf = (validator, prop) => setOf$1(v => SimpleResult.fromResult(validator(v)), prop);
- const extractValue = (label, prop, obj) => {
- const res = prop.extract([label], obj);
- return SimpleResult.mapError(res, errs => ({
- input: obj,
- errors: errs
- }));
- };
- const asRaw = (label, prop, obj) => SimpleResult.toResult(extractValue(label, prop, obj));
- const getOrDie = extraction => {
- return extraction.fold(errInfo => {
- throw new Error(formatError(errInfo));
- }, identity);
- };
- const asRawOrDie$1 = (label, prop, obj) => getOrDie(asRaw(label, prop, obj));
- const formatError = errInfo => {
- return 'Errors: \n' + formatErrors(errInfo.errors).join('\n') + '\n\nInput object: ' + formatObj(errInfo.input);
- };
- const choose$1 = (key, branches) => choose$2(key, map$1(branches, objOf));
- const thunkOf = (desc, schema) => thunk(desc, schema);
- const field$1 = field$2;
- const customField = customField$1;
- const validateEnum = values => valueOf(value => contains$2(values, value) ? Result.value(value) : Result.error(`Unsupported value: "${ value }", choose one of "${ values.join(', ') }".`));
- const required$1 = key => field$1(key, key, required$2(), anyValue());
- const requiredOf = (key, schema) => field$1(key, key, required$2(), schema);
- const requiredNumber = key => requiredOf(key, number);
- const requiredString = key => requiredOf(key, string);
- const requiredStringEnum = (key, values) => field$1(key, key, required$2(), validateEnum(values));
- const requiredBoolean = key => requiredOf(key, boolean);
- const requiredFunction = key => requiredOf(key, functionProcessor);
- const forbid = (key, message) => field$1(key, key, asOption(), value$3(_v => SimpleResult.serror('The field: ' + key + ' is forbidden. ' + message)));
- const requiredObjOf = (key, objSchema) => field$1(key, key, required$2(), objOf(objSchema));
- const requiredArrayOfObj = (key, objFields) => field$1(key, key, required$2(), arrOfObj(objFields));
- const requiredArrayOf = (key, schema) => field$1(key, key, required$2(), arrOf(schema));
- const option$3 = key => field$1(key, key, asOption(), anyValue());
- const optionOf = (key, schema) => field$1(key, key, asOption(), schema);
- const optionNumber = key => optionOf(key, number);
- const optionString = key => optionOf(key, string);
- const optionStringEnum = (key, values) => optionOf(key, validateEnum(values));
- const optionFunction = key => optionOf(key, functionProcessor);
- const optionArrayOf = (key, schema) => optionOf(key, arrOf(schema));
- const optionObjOf = (key, objSchema) => optionOf(key, objOf(objSchema));
- const optionObjOfOnly = (key, objSchema) => optionOf(key, objOfOnly(objSchema));
- const defaulted = (key, fallback) => field$1(key, key, defaulted$1(fallback), anyValue());
- const defaultedOf = (key, fallback, schema) => field$1(key, key, defaulted$1(fallback), schema);
- const defaultedNumber = (key, fallback) => defaultedOf(key, fallback, number);
- const defaultedString = (key, fallback) => defaultedOf(key, fallback, string);
- const defaultedStringEnum = (key, fallback, values) => defaultedOf(key, fallback, validateEnum(values));
- const defaultedBoolean = (key, fallback) => defaultedOf(key, fallback, boolean);
- const defaultedFunction = (key, fallback) => defaultedOf(key, fallback, functionProcessor);
- const defaultedPostMsg = (key, fallback) => defaultedOf(key, fallback, postMessageable);
- const defaultedArrayOf = (key, fallback, schema) => defaultedOf(key, fallback, arrOf(schema));
- const defaultedObjOf = (key, fallback, objSchema) => defaultedOf(key, fallback, objOf(objSchema));
- const Cell = initial => {
- let value = initial;
- const get = () => {
- return value;
- };
- const set = v => {
- value = v;
- };
- return {
- get,
- set
- };
- };
- const generate$7 = cases => {
- if (!isArray(cases)) {
- throw new Error('cases must be an array');
- }
- if (cases.length === 0) {
- throw new Error('there must be at least one case');
- }
- const constructors = [];
- const adt = {};
- each$1(cases, (acase, count) => {
- const keys$1 = keys(acase);
- if (keys$1.length !== 1) {
- throw new Error('one and only one name per case');
- }
- const key = keys$1[0];
- const value = acase[key];
- if (adt[key] !== undefined) {
- throw new Error('duplicate key detected:' + key);
- } else if (key === 'cata') {
- throw new Error('cannot have a case named cata (sorry)');
- } else if (!isArray(value)) {
- throw new Error('case arguments must be an array');
- }
- constructors.push(key);
- adt[key] = (...args) => {
- const argLength = args.length;
- if (argLength !== value.length) {
- throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
- }
- const match = branches => {
- const branchKeys = keys(branches);
- if (constructors.length !== branchKeys.length) {
- throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
- }
- const allReqd = forall(constructors, reqKey => {
- return contains$2(branchKeys, reqKey);
- });
- if (!allReqd) {
- throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
- }
- return branches[key].apply(null, args);
- };
- return {
- fold: (...foldArgs) => {
- if (foldArgs.length !== cases.length) {
- throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + foldArgs.length);
- }
- const target = foldArgs[count];
- return target.apply(null, args);
- },
- match,
- log: label => {
- console.log(label, {
- constructors,
- constructor: key,
- params: args
- });
- }
- };
- };
- });
- return adt;
- };
- const Adt = { generate: generate$7 };
- Adt.generate([
- {
- bothErrors: [
- 'error1',
- 'error2'
- ]
- },
- {
- firstError: [
- 'error1',
- 'value2'
- ]
- },
- {
- secondError: [
- 'value1',
- 'error2'
- ]
- },
- {
- bothValues: [
- 'value1',
- 'value2'
- ]
- }
- ]);
- const partition$1 = results => {
- const errors = [];
- const values = [];
- each$1(results, result => {
- result.fold(err => {
- errors.push(err);
- }, value => {
- values.push(value);
- });
- });
- return {
- errors,
- values
- };
- };
- const exclude$1 = (obj, fields) => {
- const r = {};
- each(obj, (v, k) => {
- if (!contains$2(fields, k)) {
- r[k] = v;
- }
- });
- return r;
- };
- const wrap$2 = (key, value) => ({ [key]: value });
- const wrapAll$1 = keyvalues => {
- const r = {};
- each$1(keyvalues, kv => {
- r[kv.key] = kv.value;
- });
- return r;
- };
- const exclude = (obj, fields) => exclude$1(obj, fields);
- const wrap$1 = (key, value) => wrap$2(key, value);
- const wrapAll = keyvalues => wrapAll$1(keyvalues);
- const mergeValues = (values, base) => {
- return values.length === 0 ? Result.value(base) : Result.value(deepMerge(base, merge$1.apply(undefined, values)));
- };
- const mergeErrors = errors => Result.error(flatten(errors));
- const consolidate = (objs, base) => {
- const partitions = partition$1(objs);
- return partitions.errors.length > 0 ? mergeErrors(partitions.errors) : mergeValues(partitions.values, base);
- };
- const ensureIsRoot = isRoot => isFunction(isRoot) ? isRoot : never;
- const ancestor$2 = (scope, transform, isRoot) => {
- let element = scope.dom;
- const stop = ensureIsRoot(isRoot);
- while (element.parentNode) {
- element = element.parentNode;
- const el = SugarElement.fromDom(element);
- const transformed = transform(el);
- if (transformed.isSome()) {
- return transformed;
- } else if (stop(el)) {
- break;
- }
- }
- return Optional.none();
- };
- const closest$4 = (scope, transform, isRoot) => {
- const current = transform(scope);
- const stop = ensureIsRoot(isRoot);
- return current.orThunk(() => stop(scope) ? Optional.none() : ancestor$2(scope, transform, stop));
- };
- const isSource = (component, simulatedEvent) => eq(component.element, simulatedEvent.event.target);
- const defaultEventHandler = {
- can: always,
- abort: never,
- run: noop
- };
- const nu$9 = parts => {
- if (!hasNonNullableKey(parts, 'can') && !hasNonNullableKey(parts, 'abort') && !hasNonNullableKey(parts, 'run')) {
- throw new Error('EventHandler defined by: ' + JSON.stringify(parts, null, 2) + ' does not have can, abort, or run!');
- }
- return {
- ...defaultEventHandler,
- ...parts
- };
- };
- const all$2 = (handlers, f) => (...args) => foldl(handlers, (acc, handler) => acc && f(handler).apply(undefined, args), true);
- const any = (handlers, f) => (...args) => foldl(handlers, (acc, handler) => acc || f(handler).apply(undefined, args), false);
- const read$2 = handler => isFunction(handler) ? {
- can: always,
- abort: never,
- run: handler
- } : handler;
- const fuse$1 = handlers => {
- const can = all$2(handlers, handler => handler.can);
- const abort = any(handlers, handler => handler.abort);
- const run = (...args) => {
- each$1(handlers, handler => {
- handler.run.apply(undefined, args);
- });
- };
- return {
- can,
- abort,
- run
- };
- };
- const constant = constant$1;
- const touchstart = constant('touchstart');
- const touchmove = constant('touchmove');
- const touchend = constant('touchend');
- const touchcancel = constant('touchcancel');
- const mousedown = constant('mousedown');
- const mousemove = constant('mousemove');
- const mouseout = constant('mouseout');
- const mouseup = constant('mouseup');
- const mouseover = constant('mouseover');
- const focusin = constant('focusin');
- const focusout = constant('focusout');
- const keydown = constant('keydown');
- const keyup = constant('keyup');
- const input = constant('input');
- const change = constant('change');
- const click = constant('click');
- const transitioncancel = constant('transitioncancel');
- const transitionend = constant('transitionend');
- const transitionstart = constant('transitionstart');
- const selectstart = constant('selectstart');
- const prefixName = name => constant$1('alloy.' + name);
- const alloy = { tap: prefixName('tap') };
- const focus$4 = prefixName('focus');
- const postBlur = prefixName('blur.post');
- const postPaste = prefixName('paste.post');
- const receive = prefixName('receive');
- const execute$5 = prefixName('execute');
- const focusItem = prefixName('focus.item');
- const tap = alloy.tap;
- const longpress = prefixName('longpress');
- const sandboxClose = prefixName('sandbox.close');
- const typeaheadCancel = prefixName('typeahead.cancel');
- const systemInit = prefixName('system.init');
- const documentTouchmove = prefixName('system.touchmove');
- const documentTouchend = prefixName('system.touchend');
- const windowScroll = prefixName('system.scroll');
- const windowResize = prefixName('system.resize');
- const attachedToDom = prefixName('system.attached');
- const detachedFromDom = prefixName('system.detached');
- const dismissRequested = prefixName('system.dismissRequested');
- const repositionRequested = prefixName('system.repositionRequested');
- const focusShifted = prefixName('focusmanager.shifted');
- const slotVisibility = prefixName('slotcontainer.visibility');
- const changeTab = prefixName('change.tab');
- const dismissTab = prefixName('dismiss.tab');
- const highlight$1 = prefixName('highlight');
- const dehighlight$1 = prefixName('dehighlight');
- const emit = (component, event) => {
- dispatchWith(component, component.element, event, {});
- };
- const emitWith = (component, event, properties) => {
- dispatchWith(component, component.element, event, properties);
- };
- const emitExecute = component => {
- emit(component, execute$5());
- };
- const dispatch = (component, target, event) => {
- dispatchWith(component, target, event, {});
- };
- const dispatchWith = (component, target, event, properties) => {
- const data = {
- target,
- ...properties
- };
- component.getSystem().triggerEvent(event, target, data);
- };
- const dispatchEvent = (component, target, event, simulatedEvent) => {
- component.getSystem().triggerEvent(event, target, simulatedEvent.event);
- };
- const derive$2 = configs => wrapAll(configs);
- const abort = (name, predicate) => {
- return {
- key: name,
- value: nu$9({ abort: predicate })
- };
- };
- const can = (name, predicate) => {
- return {
- key: name,
- value: nu$9({ can: predicate })
- };
- };
- const preventDefault = name => {
- return {
- key: name,
- value: nu$9({
- run: (component, simulatedEvent) => {
- simulatedEvent.event.prevent();
- }
- })
- };
- };
- const run$1 = (name, handler) => {
- return {
- key: name,
- value: nu$9({ run: handler })
- };
- };
- const runActionExtra = (name, action, extra) => {
- return {
- key: name,
- value: nu$9({
- run: (component, simulatedEvent) => {
- action.apply(undefined, [
- component,
- simulatedEvent
- ].concat(extra));
- }
- })
- };
- };
- const runOnName = name => {
- return handler => run$1(name, handler);
- };
- const runOnSourceName = name => {
- return handler => ({
- key: name,
- value: nu$9({
- run: (component, simulatedEvent) => {
- if (isSource(component, simulatedEvent)) {
- handler(component, simulatedEvent);
- }
- }
- })
- });
- };
- const redirectToUid = (name, uid) => {
- return run$1(name, (component, simulatedEvent) => {
- component.getSystem().getByUid(uid).each(redirectee => {
- dispatchEvent(redirectee, redirectee.element, name, simulatedEvent);
- });
- });
- };
- const redirectToPart = (name, detail, partName) => {
- const uid = detail.partUids[partName];
- return redirectToUid(name, uid);
- };
- const runWithTarget = (name, f) => {
- return run$1(name, (component, simulatedEvent) => {
- const ev = simulatedEvent.event;
- const target = component.getSystem().getByDom(ev.target).getOrThunk(() => {
- const closest = closest$4(ev.target, el => component.getSystem().getByDom(el).toOptional(), never);
- return closest.getOr(component);
- });
- f(component, target, simulatedEvent);
- });
- };
- const cutter = name => {
- return run$1(name, (component, simulatedEvent) => {
- simulatedEvent.cut();
- });
- };
- const stopper = name => {
- return run$1(name, (component, simulatedEvent) => {
- simulatedEvent.stop();
- });
- };
- const runOnSource = (name, f) => {
- return runOnSourceName(name)(f);
- };
- const runOnAttached = runOnSourceName(attachedToDom());
- const runOnDetached = runOnSourceName(detachedFromDom());
- const runOnInit = runOnSourceName(systemInit());
- const runOnExecute$1 = runOnName(execute$5());
- const fromHtml$1 = (html, scope) => {
- const doc = scope || document;
- const div = doc.createElement('div');
- div.innerHTML = html;
- return children(SugarElement.fromDom(div));
- };
- const get$9 = element => element.dom.innerHTML;
- const set$6 = (element, content) => {
- const owner = owner$4(element);
- const docDom = owner.dom;
- const fragment = SugarElement.fromDom(docDom.createDocumentFragment());
- const contentElements = fromHtml$1(content, docDom);
- append$1(fragment, contentElements);
- empty(element);
- append$2(element, fragment);
- };
- const getOuter = element => {
- const container = SugarElement.fromTag('div');
- const clone = SugarElement.fromDom(element.dom.cloneNode(true));
- append$2(container, clone);
- return get$9(container);
- };
- const clone = (original, isDeep) => SugarElement.fromDom(original.dom.cloneNode(isDeep));
- const shallow = original => clone(original, false);
- const getHtml = element => {
- if (isShadowRoot(element)) {
- return '#shadow-root';
- } else {
- const clone = shallow(element);
- return getOuter(clone);
- }
- };
- const element = elem => getHtml(elem);
- const isRecursive = (component, originator, target) => eq(originator, component.element) && !eq(originator, target);
- const events$i = derive$2([can(focus$4(), (component, simulatedEvent) => {
- const event = simulatedEvent.event;
- const originator = event.originator;
- const target = event.target;
- if (isRecursive(component, originator, target)) {
- console.warn(focus$4() + ' did not get interpreted by the desired target. ' + '\nOriginator: ' + element(originator) + '\nTarget: ' + element(target) + '\nCheck the ' + focus$4() + ' event handlers');
- return false;
- } else {
- return true;
- }
- })]);
- var DefaultEvents = /*#__PURE__*/Object.freeze({
- __proto__: null,
- events: events$i
- });
- let unique = 0;
- const generate$6 = prefix => {
- const date = new Date();
- const time = date.getTime();
- const random = Math.floor(Math.random() * 1000000000);
- unique++;
- return prefix + '_' + random + unique + String(time);
- };
- const prefix$1 = constant$1('alloy-id-');
- const idAttr$1 = constant$1('data-alloy-id');
- const prefix = prefix$1();
- const idAttr = idAttr$1();
- const write = (label, elem) => {
- const id = generate$6(prefix + label);
- writeOnly(elem, id);
- return id;
- };
- const writeOnly = (elem, uid) => {
- Object.defineProperty(elem.dom, idAttr, {
- value: uid,
- writable: true
- });
- };
- const read$1 = elem => {
- const id = isElement$1(elem) ? elem.dom[idAttr] : null;
- return Optional.from(id);
- };
- const generate$5 = prefix => generate$6(prefix);
- const make$8 = identity;
- const NoContextApi = getComp => {
- const getMessage = event => `The component must be in a context to execute: ${ event }` + (getComp ? '\n' + element(getComp().element) + ' is not in context.' : '');
- const fail = event => () => {
- throw new Error(getMessage(event));
- };
- const warn = event => () => {
- console.warn(getMessage(event));
- };
- return {
- debugInfo: constant$1('fake'),
- triggerEvent: warn('triggerEvent'),
- triggerFocus: warn('triggerFocus'),
- triggerEscape: warn('triggerEscape'),
- broadcast: warn('broadcast'),
- broadcastOn: warn('broadcastOn'),
- broadcastEvent: warn('broadcastEvent'),
- build: fail('build'),
- buildOrPatch: fail('buildOrPatch'),
- addToWorld: fail('addToWorld'),
- removeFromWorld: fail('removeFromWorld'),
- addToGui: fail('addToGui'),
- removeFromGui: fail('removeFromGui'),
- getByUid: fail('getByUid'),
- getByDom: fail('getByDom'),
- isConnected: never
- };
- };
- const singleton$1 = NoContextApi();
- const markAsBehaviourApi = (f, apiName, apiFunction) => {
- const delegate = apiFunction.toString();
- const endIndex = delegate.indexOf(')') + 1;
- const openBracketIndex = delegate.indexOf('(');
- const parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
- f.toFunctionAnnotation = () => ({
- name: apiName,
- parameters: cleanParameters(parameters.slice(0, 1).concat(parameters.slice(3)))
- });
- return f;
- };
- const cleanParameters = parameters => map$2(parameters, p => endsWith(p, '/*') ? p.substring(0, p.length - '/*'.length) : p);
- const markAsExtraApi = (f, extraName) => {
- const delegate = f.toString();
- const endIndex = delegate.indexOf(')') + 1;
- const openBracketIndex = delegate.indexOf('(');
- const parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
- f.toFunctionAnnotation = () => ({
- name: extraName,
- parameters: cleanParameters(parameters)
- });
- return f;
- };
- const markAsSketchApi = (f, apiFunction) => {
- const delegate = apiFunction.toString();
- const endIndex = delegate.indexOf(')') + 1;
- const openBracketIndex = delegate.indexOf('(');
- const parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
- f.toFunctionAnnotation = () => ({
- name: 'OVERRIDE',
- parameters: cleanParameters(parameters.slice(1))
- });
- return f;
- };
- const premadeTag = generate$6('alloy-premade');
- const premade$1 = comp => {
- Object.defineProperty(comp.element.dom, premadeTag, {
- value: comp.uid,
- writable: true
- });
- return wrap$1(premadeTag, comp);
- };
- const isPremade = element => has$2(element.dom, premadeTag);
- const getPremade = spec => get$g(spec, premadeTag);
- const makeApi = f => markAsSketchApi((component, ...rest) => f(component.getApis(), component, ...rest), f);
- const NoState = { init: () => nu$8({ readState: constant$1('No State required') }) };
- const nu$8 = spec => spec;
- const generateFrom$1 = (spec, all) => {
- const schema = map$2(all, a => optionObjOf(a.name(), [
- required$1('config'),
- defaulted('state', NoState)
- ]));
- const validated = asRaw('component.behaviours', objOf(schema), spec.behaviours).fold(errInfo => {
- throw new Error(formatError(errInfo) + '\nComplete spec:\n' + JSON.stringify(spec, null, 2));
- }, identity);
- return {
- list: all,
- data: map$1(validated, optBlobThunk => {
- const output = optBlobThunk.map(blob => ({
- config: blob.config,
- state: blob.state.init(blob.config)
- }));
- return constant$1(output);
- })
- };
- };
- const getBehaviours$3 = bData => bData.list;
- const getData$2 = bData => bData.data;
- const byInnerKey = (data, tuple) => {
- const r = {};
- each(data, (detail, key) => {
- each(detail, (value, indexKey) => {
- const chain = get$g(r, indexKey).getOr([]);
- r[indexKey] = chain.concat([tuple(key, value)]);
- });
- });
- return r;
- };
- const nu$7 = s => ({
- classes: isUndefined(s.classes) ? [] : s.classes,
- attributes: isUndefined(s.attributes) ? {} : s.attributes,
- styles: isUndefined(s.styles) ? {} : s.styles
- });
- const merge = (defnA, mod) => ({
- ...defnA,
- attributes: {
- ...defnA.attributes,
- ...mod.attributes
- },
- styles: {
- ...defnA.styles,
- ...mod.styles
- },
- classes: defnA.classes.concat(mod.classes)
- });
- const combine$2 = (info, baseMod, behaviours, base) => {
- const modsByBehaviour = { ...baseMod };
- each$1(behaviours, behaviour => {
- modsByBehaviour[behaviour.name()] = behaviour.exhibit(info, base);
- });
- const byAspect = byInnerKey(modsByBehaviour, (name, modification) => ({
- name,
- modification
- }));
- const combineObjects = objects => foldr(objects, (b, a) => ({
- ...a.modification,
- ...b
- }), {});
- const combinedClasses = foldr(byAspect.classes, (b, a) => a.modification.concat(b), []);
- const combinedAttributes = combineObjects(byAspect.attributes);
- const combinedStyles = combineObjects(byAspect.styles);
- return nu$7({
- classes: combinedClasses,
- attributes: combinedAttributes,
- styles: combinedStyles
- });
- };
- const sortKeys = (label, keyName, array, order) => {
- try {
- const sorted = sort(array, (a, b) => {
- const aKey = a[keyName];
- const bKey = b[keyName];
- const aIndex = order.indexOf(aKey);
- const bIndex = order.indexOf(bKey);
- if (aIndex === -1) {
- throw new Error('The ordering for ' + label + ' does not have an entry for ' + aKey + '.\nOrder specified: ' + JSON.stringify(order, null, 2));
- }
- if (bIndex === -1) {
- throw new Error('The ordering for ' + label + ' does not have an entry for ' + bKey + '.\nOrder specified: ' + JSON.stringify(order, null, 2));
- }
- if (aIndex < bIndex) {
- return -1;
- } else if (bIndex < aIndex) {
- return 1;
- } else {
- return 0;
- }
- });
- return Result.value(sorted);
- } catch (err) {
- return Result.error([err]);
- }
- };
- const uncurried = (handler, purpose) => ({
- handler,
- purpose
- });
- const curried = (handler, purpose) => ({
- cHandler: handler,
- purpose
- });
- const curryArgs = (descHandler, extraArgs) => curried(curry.apply(undefined, [descHandler.handler].concat(extraArgs)), descHandler.purpose);
- const getCurried = descHandler => descHandler.cHandler;
- const behaviourTuple = (name, handler) => ({
- name,
- handler
- });
- const nameToHandlers = (behaviours, info) => {
- const r = {};
- each$1(behaviours, behaviour => {
- r[behaviour.name()] = behaviour.handlers(info);
- });
- return r;
- };
- const groupByEvents = (info, behaviours, base) => {
- const behaviourEvents = {
- ...base,
- ...nameToHandlers(behaviours, info)
- };
- return byInnerKey(behaviourEvents, behaviourTuple);
- };
- const combine$1 = (info, eventOrder, behaviours, base) => {
- const byEventName = groupByEvents(info, behaviours, base);
- return combineGroups(byEventName, eventOrder);
- };
- const assemble = rawHandler => {
- const handler = read$2(rawHandler);
- return (component, simulatedEvent, ...rest) => {
- const args = [
- component,
- simulatedEvent
- ].concat(rest);
- if (handler.abort.apply(undefined, args)) {
- simulatedEvent.stop();
- } else if (handler.can.apply(undefined, args)) {
- handler.run.apply(undefined, args);
- }
- };
- };
- const missingOrderError = (eventName, tuples) => Result.error(['The event (' + eventName + ') has more than one behaviour that listens to it.\nWhen this occurs, you must ' + 'specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that ' + 'can trigger it are: ' + JSON.stringify(map$2(tuples, c => c.name), null, 2)]);
- const fuse = (tuples, eventOrder, eventName) => {
- const order = eventOrder[eventName];
- if (!order) {
- return missingOrderError(eventName, tuples);
- } else {
- return sortKeys('Event: ' + eventName, 'name', tuples, order).map(sortedTuples => {
- const handlers = map$2(sortedTuples, tuple => tuple.handler);
- return fuse$1(handlers);
- });
- }
- };
- const combineGroups = (byEventName, eventOrder) => {
- const r = mapToArray(byEventName, (tuples, eventName) => {
- const combined = tuples.length === 1 ? Result.value(tuples[0].handler) : fuse(tuples, eventOrder, eventName);
- return combined.map(handler => {
- const assembled = assemble(handler);
- const purpose = tuples.length > 1 ? filter$2(eventOrder[eventName], o => exists(tuples, t => t.name === o)).join(' > ') : tuples[0].name;
- return wrap$1(eventName, uncurried(assembled, purpose));
- });
- });
- return consolidate(r, {});
- };
- const baseBehaviour = 'alloy.base.behaviour';
- const schema$z = objOf([
- field$1('dom', 'dom', required$2(), objOf([
- required$1('tag'),
- defaulted('styles', {}),
- defaulted('classes', []),
- defaulted('attributes', {}),
- option$3('value'),
- option$3('innerHtml')
- ])),
- required$1('components'),
- required$1('uid'),
- defaulted('events', {}),
- defaulted('apis', {}),
- field$1('eventOrder', 'eventOrder', mergeWith({
- [execute$5()]: [
- 'disabling',
- baseBehaviour,
- 'toggling',
- 'typeaheadevents'
- ],
- [focus$4()]: [
- baseBehaviour,
- 'focusing',
- 'keying'
- ],
- [systemInit()]: [
- baseBehaviour,
- 'disabling',
- 'toggling',
- 'representing'
- ],
- [input()]: [
- baseBehaviour,
- 'representing',
- 'streaming',
- 'invalidating'
- ],
- [detachedFromDom()]: [
- baseBehaviour,
- 'representing',
- 'item-events',
- 'tooltipping'
- ],
- [mousedown()]: [
- 'focusing',
- baseBehaviour,
- 'item-type-events'
- ],
- [touchstart()]: [
- 'focusing',
- baseBehaviour,
- 'item-type-events'
- ],
- [mouseover()]: [
- 'item-type-events',
- 'tooltipping'
- ],
- [receive()]: [
- 'receiving',
- 'reflecting',
- 'tooltipping'
- ]
- }), anyValue()),
- option$3('domModification')
- ]);
- const toInfo = spec => asRaw('custom.definition', schema$z, spec);
- const toDefinition = detail => ({
- ...detail.dom,
- uid: detail.uid,
- domChildren: map$2(detail.components, comp => comp.element)
- });
- const toModification = detail => detail.domModification.fold(() => nu$7({}), nu$7);
- const toEvents = info => info.events;
- const read = (element, attr) => {
- const value = get$f(element, attr);
- return value === undefined || value === '' ? [] : value.split(' ');
- };
- const add$4 = (element, attr, id) => {
- const old = read(element, attr);
- const nu = old.concat([id]);
- set$9(element, attr, nu.join(' '));
- return true;
- };
- const remove$4 = (element, attr, id) => {
- const nu = filter$2(read(element, attr), v => v !== id);
- if (nu.length > 0) {
- set$9(element, attr, nu.join(' '));
- } else {
- remove$7(element, attr);
- }
- return false;
- };
- const supports = element => element.dom.classList !== undefined;
- const get$8 = element => read(element, 'class');
- const add$3 = (element, clazz) => add$4(element, 'class', clazz);
- const remove$3 = (element, clazz) => remove$4(element, 'class', clazz);
- const add$2 = (element, clazz) => {
- if (supports(element)) {
- element.dom.classList.add(clazz);
- } else {
- add$3(element, clazz);
- }
- };
- const cleanClass = element => {
- const classList = supports(element) ? element.dom.classList : get$8(element);
- if (classList.length === 0) {
- remove$7(element, 'class');
- }
- };
- const remove$2 = (element, clazz) => {
- if (supports(element)) {
- const classList = element.dom.classList;
- classList.remove(clazz);
- } else {
- remove$3(element, clazz);
- }
- cleanClass(element);
- };
- const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
- const add$1 = (element, classes) => {
- each$1(classes, x => {
- add$2(element, x);
- });
- };
- const remove$1 = (element, classes) => {
- each$1(classes, x => {
- remove$2(element, x);
- });
- };
- const hasAll = (element, classes) => forall(classes, clazz => has(element, clazz));
- const getNative = element => {
- const classList = element.dom.classList;
- const r = new Array(classList.length);
- for (let i = 0; i < classList.length; i++) {
- const item = classList.item(i);
- if (item !== null) {
- r[i] = item;
- }
- }
- return r;
- };
- const get$7 = element => supports(element) ? getNative(element) : get$8(element);
- const get$6 = element => element.dom.value;
- const set$5 = (element, value) => {
- if (value === undefined) {
- throw new Error('Value.set was undefined');
- }
- element.dom.value = value;
- };
- const determineObsoleted = (parent, index, oldObsoleted) => {
- const newObsoleted = child$2(parent, index);
- return newObsoleted.map(newObs => {
- const elemChanged = oldObsoleted.exists(o => !eq(o, newObs));
- if (elemChanged) {
- const oldTag = oldObsoleted.map(name$3).getOr('span');
- const marker = SugarElement.fromTag(oldTag);
- before$1(newObs, marker);
- return marker;
- } else {
- return newObs;
- }
- });
- };
- const ensureInDom = (parent, child, obsoleted) => {
- obsoleted.fold(() => append$2(parent, child), obs => {
- if (!eq(obs, child)) {
- before$1(obs, child);
- remove$5(obs);
- }
- });
- };
- const patchChildrenWith = (parent, nu, f) => {
- const builtChildren = map$2(nu, f);
- const currentChildren = children(parent);
- each$1(currentChildren.slice(builtChildren.length), remove$5);
- return builtChildren;
- };
- const patchSpecChild = (parent, index, spec, build) => {
- const oldObsoleted = child$2(parent, index);
- const childComp = build(spec, oldObsoleted);
- const obsoleted = determineObsoleted(parent, index, oldObsoleted);
- ensureInDom(parent, childComp.element, obsoleted);
- return childComp;
- };
- const patchSpecChildren = (parent, specs, build) => patchChildrenWith(parent, specs, (spec, index) => patchSpecChild(parent, index, spec, build));
- const patchDomChildren = (parent, nodes) => patchChildrenWith(parent, nodes, (node, index) => {
- const optObsoleted = child$2(parent, index);
- ensureInDom(parent, node, optObsoleted);
- return node;
- });
- const diffKeyValueSet = (newObj, oldObj) => {
- const newKeys = keys(newObj);
- const oldKeys = keys(oldObj);
- const toRemove = difference(oldKeys, newKeys);
- const toSet = bifilter(newObj, (v, k) => {
- return !has$2(oldObj, k) || v !== oldObj[k];
- }).t;
- return {
- toRemove,
- toSet
- };
- };
- const reconcileToDom = (definition, obsoleted) => {
- const {
- class: clazz,
- style,
- ...existingAttributes
- } = clone$1(obsoleted);
- const {
- toSet: attrsToSet,
- toRemove: attrsToRemove
- } = diffKeyValueSet(definition.attributes, existingAttributes);
- const updateAttrs = () => {
- each$1(attrsToRemove, a => remove$7(obsoleted, a));
- setAll$1(obsoleted, attrsToSet);
- };
- const existingStyles = getAllRaw(obsoleted);
- const {
- toSet: stylesToSet,
- toRemove: stylesToRemove
- } = diffKeyValueSet(definition.styles, existingStyles);
- const updateStyles = () => {
- each$1(stylesToRemove, s => remove$6(obsoleted, s));
- setAll(obsoleted, stylesToSet);
- };
- const existingClasses = get$7(obsoleted);
- const classesToRemove = difference(existingClasses, definition.classes);
- const classesToAdd = difference(definition.classes, existingClasses);
- const updateClasses = () => {
- add$1(obsoleted, classesToAdd);
- remove$1(obsoleted, classesToRemove);
- };
- const updateHtml = html => {
- set$6(obsoleted, html);
- };
- const updateChildren = () => {
- const children = definition.domChildren;
- patchDomChildren(obsoleted, children);
- };
- const updateValue = () => {
- const valueElement = obsoleted;
- definition.value.filter(value => value !== get$6(valueElement)).each(value => set$5(valueElement, value));
- };
- updateAttrs();
- updateClasses();
- updateStyles();
- definition.innerHtml.fold(updateChildren, updateHtml);
- updateValue();
- return obsoleted;
- };
- const introduceToDom = definition => {
- const subject = SugarElement.fromTag(definition.tag);
- setAll$1(subject, definition.attributes);
- add$1(subject, definition.classes);
- setAll(subject, definition.styles);
- definition.innerHtml.each(html => set$6(subject, html));
- const children = definition.domChildren;
- append$1(subject, children);
- definition.value.each(value => {
- set$5(subject, value);
- });
- return subject;
- };
- const attemptPatch = (definition, obsoleted) => {
- try {
- const e = reconcileToDom(definition, obsoleted);
- return Optional.some(e);
- } catch (err) {
- return Optional.none();
- }
- };
- const hasMixedChildren = definition => definition.innerHtml.isSome() && definition.domChildren.length > 0;
- const renderToDom = (definition, optObsoleted) => {
- const canBePatched = candidate => name$3(candidate) === definition.tag && !hasMixedChildren(definition) && !isPremade(candidate);
- const elem = optObsoleted.filter(canBePatched).bind(obsoleted => attemptPatch(definition, obsoleted)).getOrThunk(() => introduceToDom(definition));
- writeOnly(elem, definition.uid);
- return elem;
- };
- const getBehaviours$2 = spec => {
- const behaviours = get$g(spec, 'behaviours').getOr({});
- return bind$3(keys(behaviours), name => {
- const behaviour = behaviours[name];
- return isNonNullable(behaviour) ? [behaviour.me] : [];
- });
- };
- const generateFrom = (spec, all) => generateFrom$1(spec, all);
- const generate$4 = spec => {
- const all = getBehaviours$2(spec);
- return generateFrom(spec, all);
- };
- const getDomDefinition = (info, bList, bData) => {
- const definition = toDefinition(info);
- const infoModification = toModification(info);
- const baseModification = { 'alloy.base.modification': infoModification };
- const modification = bList.length > 0 ? combine$2(bData, baseModification, bList, definition) : infoModification;
- return merge(definition, modification);
- };
- const getEvents = (info, bList, bData) => {
- const baseEvents = { 'alloy.base.behaviour': toEvents(info) };
- return combine$1(bData, info.eventOrder, bList, baseEvents).getOrDie();
- };
- const build$2 = (spec, obsoleted) => {
- const getMe = () => me;
- const systemApi = Cell(singleton$1);
- const info = getOrDie(toInfo(spec));
- const bBlob = generate$4(spec);
- const bList = getBehaviours$3(bBlob);
- const bData = getData$2(bBlob);
- const modDefinition = getDomDefinition(info, bList, bData);
- const item = renderToDom(modDefinition, obsoleted);
- const events = getEvents(info, bList, bData);
- const subcomponents = Cell(info.components);
- const connect = newApi => {
- systemApi.set(newApi);
- };
- const disconnect = () => {
- systemApi.set(NoContextApi(getMe));
- };
- const syncComponents = () => {
- const children$1 = children(item);
- const subs = bind$3(children$1, child => systemApi.get().getByDom(child).fold(() => [], pure$2));
- subcomponents.set(subs);
- };
- const config = behaviour => {
- const b = bData;
- const f = isFunction(b[behaviour.name()]) ? b[behaviour.name()] : () => {
- throw new Error('Could not find ' + behaviour.name() + ' in ' + JSON.stringify(spec, null, 2));
- };
- return f();
- };
- const hasConfigured = behaviour => isFunction(bData[behaviour.name()]);
- const getApis = () => info.apis;
- const readState = behaviourName => bData[behaviourName]().map(b => b.state.readState()).getOr('not enabled');
- const me = {
- uid: spec.uid,
- getSystem: systemApi.get,
- config,
- hasConfigured,
- spec,
- readState,
- getApis,
- connect,
- disconnect,
- element: item,
- syncComponents,
- components: subcomponents.get,
- events
- };
- return me;
- };
- const buildSubcomponents = (spec, obsoleted) => {
- const components = get$g(spec, 'components').getOr([]);
- return obsoleted.fold(() => map$2(components, build$1), obs => map$2(components, (c, i) => {
- return buildOrPatch(c, child$2(obs, i));
- }));
- };
- const buildFromSpec = (userSpec, obsoleted) => {
- const {
- events: specEvents,
- ...spec
- } = make$8(userSpec);
- const components = buildSubcomponents(spec, obsoleted);
- const completeSpec = {
- ...spec,
- events: {
- ...DefaultEvents,
- ...specEvents
- },
- components
- };
- return Result.value(build$2(completeSpec, obsoleted));
- };
- const text$1 = textContent => {
- const element = SugarElement.fromText(textContent);
- return external$1({ element });
- };
- const external$1 = spec => {
- const extSpec = asRawOrDie$1('external.component', objOfOnly([
- required$1('element'),
- option$3('uid')
- ]), spec);
- const systemApi = Cell(NoContextApi());
- const connect = newApi => {
- systemApi.set(newApi);
- };
- const disconnect = () => {
- systemApi.set(NoContextApi(() => me));
- };
- const uid = extSpec.uid.getOrThunk(() => generate$5('external'));
- writeOnly(extSpec.element, uid);
- const me = {
- uid,
- getSystem: systemApi.get,
- config: Optional.none,
- hasConfigured: never,
- connect,
- disconnect,
- getApis: () => ({}),
- element: extSpec.element,
- spec,
- readState: constant$1('No state'),
- syncComponents: noop,
- components: constant$1([]),
- events: {}
- };
- return premade$1(me);
- };
- const uids = generate$5;
- const isSketchSpec$1 = spec => has$2(spec, 'uid');
- const buildOrPatch = (spec, obsoleted) => getPremade(spec).getOrThunk(() => {
- const userSpecWithUid = isSketchSpec$1(spec) ? spec : {
- uid: uids(''),
- ...spec
- };
- return buildFromSpec(userSpecWithUid, obsoleted).getOrDie();
- });
- const build$1 = spec => buildOrPatch(spec, Optional.none());
- const premade = premade$1;
- var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
- if (is(scope, a)) {
- return Optional.some(scope);
- } else if (isFunction(isRoot) && isRoot(scope)) {
- return Optional.none();
- } else {
- return ancestor(scope, a, isRoot);
- }
- };
- const ancestor$1 = (scope, predicate, isRoot) => {
- let element = scope.dom;
- const stop = isFunction(isRoot) ? isRoot : never;
- while (element.parentNode) {
- element = element.parentNode;
- const el = SugarElement.fromDom(element);
- if (predicate(el)) {
- return Optional.some(el);
- } else if (stop(el)) {
- break;
- }
- }
- return Optional.none();
- };
- const closest$3 = (scope, predicate, isRoot) => {
- const is = (s, test) => test(s);
- return ClosestOrAncestor(is, ancestor$1, scope, predicate, isRoot);
- };
- const child$1 = (scope, predicate) => {
- const pred = node => predicate(SugarElement.fromDom(node));
- const result = find$5(scope.dom.childNodes, pred);
- return result.map(SugarElement.fromDom);
- };
- const descendant$1 = (scope, predicate) => {
- const descend = node => {
- for (let i = 0; i < node.childNodes.length; i++) {
- const child = SugarElement.fromDom(node.childNodes[i]);
- if (predicate(child)) {
- return Optional.some(child);
- }
- const res = descend(node.childNodes[i]);
- if (res.isSome()) {
- return res;
- }
- }
- return Optional.none();
- };
- return descend(scope.dom);
- };
- const closest$2 = (scope, predicate, isRoot) => closest$3(scope, predicate, isRoot).isSome();
- const ancestor = (scope, selector, isRoot) => ancestor$1(scope, e => is(e, selector), isRoot);
- const child = (scope, selector) => child$1(scope, e => is(e, selector));
- const descendant = (scope, selector) => one(selector, scope);
- const closest$1 = (scope, selector, isRoot) => {
- const is$1 = (element, selector) => is(element, selector);
- return ClosestOrAncestor(is$1, ancestor, scope, selector, isRoot);
- };
- const attribute = 'aria-controls';
- const find$1 = queryElem => {
- const dependent = closest$3(queryElem, elem => {
- if (!isElement$1(elem)) {
- return false;
- }
- const id = get$f(elem, 'id');
- return id !== undefined && id.indexOf(attribute) > -1;
- });
- return dependent.bind(dep => {
- const id = get$f(dep, 'id');
- const dos = getRootNode(dep);
- return descendant(dos, `[${ attribute }="${ id }"]`);
- });
- };
- const manager = () => {
- const ariaId = generate$6(attribute);
- const link = elem => {
- set$9(elem, attribute, ariaId);
- };
- const unlink = elem => {
- remove$7(elem, attribute);
- };
- return {
- id: ariaId,
- link,
- unlink
- };
- };
- const isAriaPartOf = (component, queryElem) => find$1(queryElem).exists(owner => isPartOf$1(component, owner));
- const isPartOf$1 = (component, queryElem) => closest$2(queryElem, el => eq(el, component.element), never) || isAriaPartOf(component, queryElem);
- const unknown = 'unknown';
- var EventConfiguration;
- (function (EventConfiguration) {
- EventConfiguration[EventConfiguration['STOP'] = 0] = 'STOP';
- EventConfiguration[EventConfiguration['NORMAL'] = 1] = 'NORMAL';
- EventConfiguration[EventConfiguration['LOGGING'] = 2] = 'LOGGING';
- }(EventConfiguration || (EventConfiguration = {})));
- const eventConfig = Cell({});
- const makeEventLogger = (eventName, initialTarget) => {
- const sequence = [];
- const startTime = new Date().getTime();
- return {
- logEventCut: (_name, target, purpose) => {
- sequence.push({
- outcome: 'cut',
- target,
- purpose
- });
- },
- logEventStopped: (_name, target, purpose) => {
- sequence.push({
- outcome: 'stopped',
- target,
- purpose
- });
- },
- logNoParent: (_name, target, purpose) => {
- sequence.push({
- outcome: 'no-parent',
- target,
- purpose
- });
- },
- logEventNoHandlers: (_name, target) => {
- sequence.push({
- outcome: 'no-handlers-left',
- target
- });
- },
- logEventResponse: (_name, target, purpose) => {
- sequence.push({
- outcome: 'response',
- purpose,
- target
- });
- },
- write: () => {
- const finishTime = new Date().getTime();
- if (contains$2([
- 'mousemove',
- 'mouseover',
- 'mouseout',
- systemInit()
- ], eventName)) {
- return;
- }
- console.log(eventName, {
- event: eventName,
- time: finishTime - startTime,
- target: initialTarget.dom,
- sequence: map$2(sequence, s => {
- if (!contains$2([
- 'cut',
- 'stopped',
- 'response'
- ], s.outcome)) {
- return s.outcome;
- } else {
- return '{' + s.purpose + '} ' + s.outcome + ' at (' + element(s.target) + ')';
- }
- })
- });
- }
- };
- };
- const processEvent = (eventName, initialTarget, f) => {
- const status = get$g(eventConfig.get(), eventName).orThunk(() => {
- const patterns = keys(eventConfig.get());
- return findMap(patterns, p => eventName.indexOf(p) > -1 ? Optional.some(eventConfig.get()[p]) : Optional.none());
- }).getOr(EventConfiguration.NORMAL);
- switch (status) {
- case EventConfiguration.NORMAL:
- return f(noLogger());
- case EventConfiguration.LOGGING: {
- const logger = makeEventLogger(eventName, initialTarget);
- const output = f(logger);
- logger.write();
- return output;
- }
- case EventConfiguration.STOP:
- return true;
- }
- };
- const path = [
- 'alloy/data/Fields',
- 'alloy/debugging/Debugging'
- ];
- const getTrace = () => {
- const err = new Error();
- if (err.stack !== undefined) {
- const lines = err.stack.split('\n');
- return find$5(lines, line => line.indexOf('alloy') > 0 && !exists(path, p => line.indexOf(p) > -1)).getOr(unknown);
- } else {
- return unknown;
- }
- };
- const ignoreEvent = {
- logEventCut: noop,
- logEventStopped: noop,
- logNoParent: noop,
- logEventNoHandlers: noop,
- logEventResponse: noop,
- write: noop
- };
- const monitorEvent = (eventName, initialTarget, f) => processEvent(eventName, initialTarget, f);
- const noLogger = constant$1(ignoreEvent);
- const menuFields = constant$1([
- required$1('menu'),
- required$1('selectedMenu')
- ]);
- const itemFields = constant$1([
- required$1('item'),
- required$1('selectedItem')
- ]);
- constant$1(objOf(itemFields().concat(menuFields())));
- const itemSchema$3 = constant$1(objOf(itemFields()));
- const _initSize = requiredObjOf('initSize', [
- required$1('numColumns'),
- required$1('numRows')
- ]);
- const itemMarkers = () => requiredOf('markers', itemSchema$3());
- const tieredMenuMarkers = () => requiredObjOf('markers', [required$1('backgroundMenu')].concat(menuFields()).concat(itemFields()));
- const markers$1 = required => requiredObjOf('markers', map$2(required, required$1));
- const onPresenceHandler = (label, fieldName, presence) => {
- getTrace();
- return field$1(fieldName, fieldName, presence, valueOf(f => Result.value((...args) => {
- return f.apply(undefined, args);
- })));
- };
- const onHandler = fieldName => onPresenceHandler('onHandler', fieldName, defaulted$1(noop));
- const onKeyboardHandler = fieldName => onPresenceHandler('onKeyboardHandler', fieldName, defaulted$1(Optional.none));
- const onStrictHandler = fieldName => onPresenceHandler('onHandler', fieldName, required$2());
- const onStrictKeyboardHandler = fieldName => onPresenceHandler('onKeyboardHandler', fieldName, required$2());
- const output$1 = (name, value) => customField(name, constant$1(value));
- const snapshot = name => customField(name, identity);
- const initSize = constant$1(_initSize);
- const nu$6 = (x, y, bubble, direction, placement, boundsRestriction, labelPrefix, alwaysFit = false) => ({
- x,
- y,
- bubble,
- direction,
- placement,
- restriction: boundsRestriction,
- label: `${ labelPrefix }-${ placement }`,
- alwaysFit
- });
- const adt$a = Adt.generate([
- { southeast: [] },
- { southwest: [] },
- { northeast: [] },
- { northwest: [] },
- { south: [] },
- { north: [] },
- { east: [] },
- { west: [] }
- ]);
- const cata$2 = (subject, southeast, southwest, northeast, northwest, south, north, east, west) => subject.fold(southeast, southwest, northeast, northwest, south, north, east, west);
- const cataVertical = (subject, south, middle, north) => subject.fold(south, south, north, north, south, north, middle, middle);
- const cataHorizontal = (subject, east, middle, west) => subject.fold(east, west, east, west, middle, middle, east, west);
- const southeast$3 = adt$a.southeast;
- const southwest$3 = adt$a.southwest;
- const northeast$3 = adt$a.northeast;
- const northwest$3 = adt$a.northwest;
- const south$3 = adt$a.south;
- const north$3 = adt$a.north;
- const east$3 = adt$a.east;
- const west$3 = adt$a.west;
- const cycleBy = (value, delta, min, max) => {
- const r = value + delta;
- if (r > max) {
- return min;
- } else if (r < min) {
- return max;
- } else {
- return r;
- }
- };
- const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
- const getRestriction = (anchor, restriction) => {
- switch (restriction) {
- case 1:
- return anchor.x;
- case 0:
- return anchor.x + anchor.width;
- case 2:
- return anchor.y;
- case 3:
- return anchor.y + anchor.height;
- }
- };
- const boundsRestriction = (anchor, restrictions) => mapToObject([
- 'left',
- 'right',
- 'top',
- 'bottom'
- ], dir => get$g(restrictions, dir).map(restriction => getRestriction(anchor, restriction)));
- const adjustBounds = (bounds$1, restriction, bubbleOffset) => {
- const applyRestriction = (dir, current) => restriction[dir].map(pos => {
- const isVerticalAxis = dir === 'top' || dir === 'bottom';
- const offset = isVerticalAxis ? bubbleOffset.top : bubbleOffset.left;
- const comparator = dir === 'left' || dir === 'top' ? Math.max : Math.min;
- const newPos = comparator(pos, current) + offset;
- return isVerticalAxis ? clamp(newPos, bounds$1.y, bounds$1.bottom) : clamp(newPos, bounds$1.x, bounds$1.right);
- }).getOr(current);
- const adjustedLeft = applyRestriction('left', bounds$1.x);
- const adjustedTop = applyRestriction('top', bounds$1.y);
- const adjustedRight = applyRestriction('right', bounds$1.right);
- const adjustedBottom = applyRestriction('bottom', bounds$1.bottom);
- return bounds(adjustedLeft, adjustedTop, adjustedRight - adjustedLeft, adjustedBottom - adjustedTop);
- };
- const labelPrefix$2 = 'layout';
- const eastX$1 = anchor => anchor.x;
- const middleX$1 = (anchor, element) => anchor.x + anchor.width / 2 - element.width / 2;
- const westX$1 = (anchor, element) => anchor.x + anchor.width - element.width;
- const northY$2 = (anchor, element) => anchor.y - element.height;
- const southY$2 = anchor => anchor.y + anchor.height;
- const centreY$1 = (anchor, element) => anchor.y + anchor.height / 2 - element.height / 2;
- const eastEdgeX$1 = anchor => anchor.x + anchor.width;
- const westEdgeX$1 = (anchor, element) => anchor.x - element.width;
- const southeast$2 = (anchor, element, bubbles) => nu$6(eastX$1(anchor), southY$2(anchor), bubbles.southeast(), southeast$3(), 'southeast', boundsRestriction(anchor, {
- left: 1,
- top: 3
- }), labelPrefix$2);
- const southwest$2 = (anchor, element, bubbles) => nu$6(westX$1(anchor, element), southY$2(anchor), bubbles.southwest(), southwest$3(), 'southwest', boundsRestriction(anchor, {
- right: 0,
- top: 3
- }), labelPrefix$2);
- const northeast$2 = (anchor, element, bubbles) => nu$6(eastX$1(anchor), northY$2(anchor, element), bubbles.northeast(), northeast$3(), 'northeast', boundsRestriction(anchor, {
- left: 1,
- bottom: 2
- }), labelPrefix$2);
- const northwest$2 = (anchor, element, bubbles) => nu$6(westX$1(anchor, element), northY$2(anchor, element), bubbles.northwest(), northwest$3(), 'northwest', boundsRestriction(anchor, {
- right: 0,
- bottom: 2
- }), labelPrefix$2);
- const north$2 = (anchor, element, bubbles) => nu$6(middleX$1(anchor, element), northY$2(anchor, element), bubbles.north(), north$3(), 'north', boundsRestriction(anchor, { bottom: 2 }), labelPrefix$2);
- const south$2 = (anchor, element, bubbles) => nu$6(middleX$1(anchor, element), southY$2(anchor), bubbles.south(), south$3(), 'south', boundsRestriction(anchor, { top: 3 }), labelPrefix$2);
- const east$2 = (anchor, element, bubbles) => nu$6(eastEdgeX$1(anchor), centreY$1(anchor, element), bubbles.east(), east$3(), 'east', boundsRestriction(anchor, { left: 0 }), labelPrefix$2);
- const west$2 = (anchor, element, bubbles) => nu$6(westEdgeX$1(anchor, element), centreY$1(anchor, element), bubbles.west(), west$3(), 'west', boundsRestriction(anchor, { right: 1 }), labelPrefix$2);
- const all$1 = () => [
- southeast$2,
- southwest$2,
- northeast$2,
- northwest$2,
- south$2,
- north$2,
- east$2,
- west$2
- ];
- const allRtl$1 = () => [
- southwest$2,
- southeast$2,
- northwest$2,
- northeast$2,
- south$2,
- north$2,
- east$2,
- west$2
- ];
- const aboveOrBelow = () => [
- northeast$2,
- northwest$2,
- southeast$2,
- southwest$2,
- north$2,
- south$2
- ];
- const aboveOrBelowRtl = () => [
- northwest$2,
- northeast$2,
- southwest$2,
- southeast$2,
- north$2,
- south$2
- ];
- const belowOrAbove = () => [
- southeast$2,
- southwest$2,
- northeast$2,
- northwest$2,
- south$2,
- north$2
- ];
- const belowOrAboveRtl = () => [
- southwest$2,
- southeast$2,
- northwest$2,
- northeast$2,
- south$2,
- north$2
- ];
- const chooseChannels = (channels, message) => message.universal ? channels : filter$2(channels, ch => contains$2(message.channels, ch));
- const events$h = receiveConfig => derive$2([run$1(receive(), (component, message) => {
- const channelMap = receiveConfig.channels;
- const channels = keys(channelMap);
- const receivingData = message;
- const targetChannels = chooseChannels(channels, receivingData);
- each$1(targetChannels, ch => {
- const channelInfo = channelMap[ch];
- const channelSchema = channelInfo.schema;
- const data = asRawOrDie$1('channel[' + ch + '] data\nReceiver: ' + element(component.element), channelSchema, receivingData.data);
- channelInfo.onReceive(component, data);
- });
- })]);
- var ActiveReceiving = /*#__PURE__*/Object.freeze({
- __proto__: null,
- events: events$h
- });
- var ReceivingSchema = [requiredOf('channels', setOf(Result.value, objOfOnly([
- onStrictHandler('onReceive'),
- defaulted('schema', anyValue())
- ])))];
- const executeEvent = (bConfig, bState, executor) => runOnExecute$1(component => {
- executor(component, bConfig, bState);
- });
- const loadEvent = (bConfig, bState, f) => runOnInit((component, _simulatedEvent) => {
- f(component, bConfig, bState);
- });
- const create$4 = (schema, name, active, apis, extra, state) => {
- const configSchema = objOfOnly(schema);
- const schemaSchema = optionObjOf(name, [optionObjOfOnly('config', schema)]);
- return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
- };
- const createModes$1 = (modes, name, active, apis, extra, state) => {
- const configSchema = modes;
- const schemaSchema = optionObjOf(name, [optionOf('config', modes)]);
- return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
- };
- const wrapApi = (bName, apiFunction, apiName) => {
- const f = (component, ...rest) => {
- const args = [component].concat(rest);
- return component.config({ name: constant$1(bName) }).fold(() => {
- throw new Error('We could not find any behaviour configuration for: ' + bName + '. Using API: ' + apiName);
- }, info => {
- const rest = Array.prototype.slice.call(args, 1);
- return apiFunction.apply(undefined, [
- component,
- info.config,
- info.state
- ].concat(rest));
- });
- };
- return markAsBehaviourApi(f, apiName, apiFunction);
- };
- const revokeBehaviour = name => ({
- key: name,
- value: undefined
- });
- const doCreate = (configSchema, schemaSchema, name, active, apis, extra, state) => {
- const getConfig = info => hasNonNullableKey(info, name) ? info[name]() : Optional.none();
- const wrappedApis = map$1(apis, (apiF, apiName) => wrapApi(name, apiF, apiName));
- const wrappedExtra = map$1(extra, (extraF, extraName) => markAsExtraApi(extraF, extraName));
- const me = {
- ...wrappedExtra,
- ...wrappedApis,
- revoke: curry(revokeBehaviour, name),
- config: spec => {
- const prepared = asRawOrDie$1(name + '-config', configSchema, spec);
- return {
- key: name,
- value: {
- config: prepared,
- me,
- configAsRaw: cached(() => asRawOrDie$1(name + '-config', configSchema, spec)),
- initialConfig: spec,
- state
- }
- };
- },
- schema: constant$1(schemaSchema),
- exhibit: (info, base) => {
- return lift2(getConfig(info), get$g(active, 'exhibit'), (behaviourInfo, exhibitor) => {
- return exhibitor(base, behaviourInfo.config, behaviourInfo.state);
- }).getOrThunk(() => nu$7({}));
- },
- name: constant$1(name),
- handlers: info => {
- return getConfig(info).map(behaviourInfo => {
- const getEvents = get$g(active, 'events').getOr(() => ({}));
- return getEvents(behaviourInfo.config, behaviourInfo.state);
- }).getOr({});
- }
- };
- return me;
- };
- const derive$1 = capabilities => wrapAll(capabilities);
- const simpleSchema = objOfOnly([
- required$1('fields'),
- required$1('name'),
- defaulted('active', {}),
- defaulted('apis', {}),
- defaulted('state', NoState),
- defaulted('extra', {})
- ]);
- const create$3 = data => {
- const value = asRawOrDie$1('Creating behaviour: ' + data.name, simpleSchema, data);
- return create$4(value.fields, value.name, value.active, value.apis, value.extra, value.state);
- };
- const modeSchema = objOfOnly([
- required$1('branchKey'),
- required$1('branches'),
- required$1('name'),
- defaulted('active', {}),
- defaulted('apis', {}),
- defaulted('state', NoState),
- defaulted('extra', {})
- ]);
- const createModes = data => {
- const value = asRawOrDie$1('Creating behaviour: ' + data.name, modeSchema, data);
- return createModes$1(choose$1(value.branchKey, value.branches), value.name, value.active, value.apis, value.extra, value.state);
- };
- const revoke = constant$1(undefined);
- const Receiving = create$3({
- fields: ReceivingSchema,
- name: 'receiving',
- active: ActiveReceiving
- });
- const exhibit$6 = (base, posConfig) => nu$7({
- classes: [],
- styles: posConfig.useFixed() ? {} : { position: 'relative' }
- });
- var ActivePosition = /*#__PURE__*/Object.freeze({
- __proto__: null,
- exhibit: exhibit$6
- });
- const focus$3 = element => element.dom.focus();
- const blur$1 = element => element.dom.blur();
- const hasFocus = element => {
- const root = getRootNode(element).dom;
- return element.dom === root.activeElement;
- };
- const active$1 = (root = getDocument()) => Optional.from(root.dom.activeElement).map(SugarElement.fromDom);
- const search = element => active$1(getRootNode(element)).filter(e => element.dom.contains(e.dom));
- const preserve$1 = (f, container) => {
- const dos = getRootNode(container);
- const refocus = active$1(dos).bind(focused => {
- const hasFocus = elem => eq(focused, elem);
- return hasFocus(container) ? Optional.some(container) : descendant$1(container, hasFocus);
- });
- const result = f(container);
- refocus.each(oldFocus => {
- active$1(dos).filter(newFocus => eq(newFocus, oldFocus)).fold(() => {
- focus$3(oldFocus);
- }, noop);
- });
- return result;
- };
- const NuPositionCss = (position, left, top, right, bottom) => {
- const toPx = num => num + 'px';
- return {
- position,
- left: left.map(toPx),
- top: top.map(toPx),
- right: right.map(toPx),
- bottom: bottom.map(toPx)
- };
- };
- const toOptions = position => ({
- ...position,
- position: Optional.some(position.position)
- });
- const applyPositionCss = (element, position) => {
- setOptions(element, toOptions(position));
- };
- const adt$9 = Adt.generate([
- { none: [] },
- {
- relative: [
- 'x',
- 'y',
- 'width',
- 'height'
- ]
- },
- {
- fixed: [
- 'x',
- 'y',
- 'width',
- 'height'
- ]
- }
- ]);
- const positionWithDirection = (posName, decision, x, y, width, height) => {
- const decisionRect = decision.rect;
- const decisionX = decisionRect.x - x;
- const decisionY = decisionRect.y - y;
- const decisionWidth = decisionRect.width;
- const decisionHeight = decisionRect.height;
- const decisionRight = width - (decisionX + decisionWidth);
- const decisionBottom = height - (decisionY + decisionHeight);
- const left = Optional.some(decisionX);
- const top = Optional.some(decisionY);
- const right = Optional.some(decisionRight);
- const bottom = Optional.some(decisionBottom);
- const none = Optional.none();
- return cata$2(decision.direction, () => NuPositionCss(posName, left, top, none, none), () => NuPositionCss(posName, none, top, right, none), () => NuPositionCss(posName, left, none, none, bottom), () => NuPositionCss(posName, none, none, right, bottom), () => NuPositionCss(posName, left, top, none, none), () => NuPositionCss(posName, left, none, none, bottom), () => NuPositionCss(posName, left, top, none, none), () => NuPositionCss(posName, none, top, right, none));
- };
- const reposition = (origin, decision) => origin.fold(() => {
- const decisionRect = decision.rect;
- return NuPositionCss('absolute', Optional.some(decisionRect.x), Optional.some(decisionRect.y), Optional.none(), Optional.none());
- }, (x, y, width, height) => {
- return positionWithDirection('absolute', decision, x, y, width, height);
- }, (x, y, width, height) => {
- return positionWithDirection('fixed', decision, x, y, width, height);
- });
- const toBox = (origin, element) => {
- const rel = curry(find$2, element);
- const position = origin.fold(rel, rel, () => {
- const scroll = get$b();
- return find$2(element).translate(-scroll.left, -scroll.top);
- });
- const width = getOuter$1(element);
- const height = getOuter$2(element);
- return bounds(position.left, position.top, width, height);
- };
- const viewport = (origin, getBounds) => getBounds.fold(() => origin.fold(win, win, bounds), b => origin.fold(b, b, () => {
- const bounds$1 = b();
- const pos = translate$2(origin, bounds$1.x, bounds$1.y);
- return bounds(pos.left, pos.top, bounds$1.width, bounds$1.height);
- }));
- const translate$2 = (origin, x, y) => {
- const pos = SugarPosition(x, y);
- const removeScroll = () => {
- const outerScroll = get$b();
- return pos.translate(-outerScroll.left, -outerScroll.top);
- };
- return origin.fold(constant$1(pos), constant$1(pos), removeScroll);
- };
- const cata$1 = (subject, onNone, onRelative, onFixed) => subject.fold(onNone, onRelative, onFixed);
- adt$9.none;
- const relative$1 = adt$9.relative;
- const fixed$1 = adt$9.fixed;
- const anchor = (anchorBox, origin) => ({
- anchorBox,
- origin
- });
- const box = (anchorBox, origin) => anchor(anchorBox, origin);
- const placementAttribute = 'data-alloy-placement';
- const setPlacement$1 = (element, placement) => {
- set$9(element, placementAttribute, placement);
- };
- const getPlacement = element => getOpt(element, placementAttribute);
- const reset$2 = element => remove$7(element, placementAttribute);
- const adt$8 = Adt.generate([
- { fit: ['reposition'] },
- {
- nofit: [
- 'reposition',
- 'visibleW',
- 'visibleH',
- 'isVisible'
- ]
- }
- ]);
- const determinePosition = (box, bounds) => {
- const {
- x: boundsX,
- y: boundsY,
- right: boundsRight,
- bottom: boundsBottom
- } = bounds;
- const {x, y, right, bottom, width, height} = box;
- const xInBounds = x >= boundsX && x <= boundsRight;
- const yInBounds = y >= boundsY && y <= boundsBottom;
- const originInBounds = xInBounds && yInBounds;
- const rightInBounds = right <= boundsRight && right >= boundsX;
- const bottomInBounds = bottom <= boundsBottom && bottom >= boundsY;
- const sizeInBounds = rightInBounds && bottomInBounds;
- const visibleW = Math.min(width, x >= boundsX ? boundsRight - x : right - boundsX);
- const visibleH = Math.min(height, y >= boundsY ? boundsBottom - y : bottom - boundsY);
- return {
- originInBounds,
- sizeInBounds,
- visibleW,
- visibleH
- };
- };
- const calcReposition = (box, bounds$1) => {
- const {
- x: boundsX,
- y: boundsY,
- right: boundsRight,
- bottom: boundsBottom
- } = bounds$1;
- const {x, y, width, height} = box;
- const maxX = Math.max(boundsX, boundsRight - width);
- const maxY = Math.max(boundsY, boundsBottom - height);
- const restrictedX = clamp(x, boundsX, maxX);
- const restrictedY = clamp(y, boundsY, maxY);
- const restrictedWidth = Math.min(restrictedX + width, boundsRight) - restrictedX;
- const restrictedHeight = Math.min(restrictedY + height, boundsBottom) - restrictedY;
- return bounds(restrictedX, restrictedY, restrictedWidth, restrictedHeight);
- };
- const calcMaxSizes = (direction, box, bounds) => {
- const upAvailable = constant$1(box.bottom - bounds.y);
- const downAvailable = constant$1(bounds.bottom - box.y);
- const maxHeight = cataVertical(direction, downAvailable, downAvailable, upAvailable);
- const westAvailable = constant$1(box.right - bounds.x);
- const eastAvailable = constant$1(bounds.right - box.x);
- const maxWidth = cataHorizontal(direction, eastAvailable, eastAvailable, westAvailable);
- return {
- maxWidth,
- maxHeight
- };
- };
- const attempt = (candidate, width, height, bounds$1) => {
- const bubble = candidate.bubble;
- const bubbleOffset = bubble.offset;
- const adjustedBounds = adjustBounds(bounds$1, candidate.restriction, bubbleOffset);
- const newX = candidate.x + bubbleOffset.left;
- const newY = candidate.y + bubbleOffset.top;
- const box = bounds(newX, newY, width, height);
- const {originInBounds, sizeInBounds, visibleW, visibleH} = determinePosition(box, adjustedBounds);
- const fits = originInBounds && sizeInBounds;
- const fittedBox = fits ? box : calcReposition(box, adjustedBounds);
- const isPartlyVisible = fittedBox.width > 0 && fittedBox.height > 0;
- const {maxWidth, maxHeight} = calcMaxSizes(candidate.direction, fittedBox, bounds$1);
- const reposition = {
- rect: fittedBox,
- maxHeight,
- maxWidth,
- direction: candidate.direction,
- placement: candidate.placement,
- classes: {
- on: bubble.classesOn,
- off: bubble.classesOff
- },
- layout: candidate.label,
- testY: newY
- };
- return fits || candidate.alwaysFit ? adt$8.fit(reposition) : adt$8.nofit(reposition, visibleW, visibleH, isPartlyVisible);
- };
- const attempts = (element, candidates, anchorBox, elementBox, bubbles, bounds) => {
- const panelWidth = elementBox.width;
- const panelHeight = elementBox.height;
- const attemptBestFit = (layout, reposition, visibleW, visibleH, isVisible) => {
- const next = layout(anchorBox, elementBox, bubbles, element, bounds);
- const attemptLayout = attempt(next, panelWidth, panelHeight, bounds);
- return attemptLayout.fold(constant$1(attemptLayout), (newReposition, newVisibleW, newVisibleH, newIsVisible) => {
- const improved = isVisible === newIsVisible ? newVisibleH > visibleH || newVisibleW > visibleW : !isVisible && newIsVisible;
- return improved ? attemptLayout : adt$8.nofit(reposition, visibleW, visibleH, isVisible);
- });
- };
- const abc = foldl(candidates, (b, a) => {
- const bestNext = curry(attemptBestFit, a);
- return b.fold(constant$1(b), bestNext);
- }, adt$8.nofit({
- rect: anchorBox,
- maxHeight: elementBox.height,
- maxWidth: elementBox.width,
- direction: southeast$3(),
- placement: 'southeast',
- classes: {
- on: [],
- off: []
- },
- layout: 'none',
- testY: anchorBox.y
- }, -1, -1, false));
- return abc.fold(identity, identity);
- };
- const singleton = doRevoke => {
- const subject = Cell(Optional.none());
- const revoke = () => subject.get().each(doRevoke);
- const clear = () => {
- revoke();
- subject.set(Optional.none());
- };
- const isSet = () => subject.get().isSome();
- const get = () => subject.get();
- const set = s => {
- revoke();
- subject.set(Optional.some(s));
- };
- return {
- clear,
- isSet,
- get,
- set
- };
- };
- const destroyable = () => singleton(s => s.destroy());
- const unbindable = () => singleton(s => s.unbind());
- const value$2 = () => {
- const subject = singleton(noop);
- const on = f => subject.get().each(f);
- return {
- ...subject,
- on
- };
- };
- const filter = always;
- const bind = (element, event, handler) => bind$2(element, event, filter, handler);
- const capture = (element, event, handler) => capture$1(element, event, filter, handler);
- const fromRawEvent = fromRawEvent$1;
- const properties = [
- 'top',
- 'bottom',
- 'right',
- 'left'
- ];
- const timerAttr = 'data-alloy-transition-timer';
- const isTransitioning$1 = (element, transition) => hasAll(element, transition.classes);
- const shouldApplyTransitionCss = (transition, decision, lastPlacement) => {
- return lastPlacement.exists(placer => {
- const mode = transition.mode;
- return mode === 'all' ? true : placer[mode] !== decision[mode];
- });
- };
- const hasChanges = (position, intermediate) => {
- const round = value => parseFloat(value).toFixed(3);
- return find$4(intermediate, (value, key) => {
- const newValue = position[key].map(round);
- const val = value.map(round);
- return !equals(newValue, val);
- }).isSome();
- };
- const getTransitionDuration = element => {
- const get = name => {
- const style = get$e(element, name);
- const times = style.split(/\s*,\s*/);
- return filter$2(times, isNotEmpty);
- };
- const parse = value => {
- if (isString(value) && /^[\d.]+/.test(value)) {
- const num = parseFloat(value);
- return endsWith(value, 'ms') ? num : num * 1000;
- } else {
- return 0;
- }
- };
- const delay = get('transition-delay');
- const duration = get('transition-duration');
- return foldl(duration, (acc, dur, i) => {
- const time = parse(delay[i]) + parse(dur);
- return Math.max(acc, time);
- }, 0);
- };
- const setupTransitionListeners = (element, transition) => {
- const transitionEnd = unbindable();
- const transitionCancel = unbindable();
- let timer;
- const isSourceTransition = e => {
- var _a;
- const pseudoElement = (_a = e.raw.pseudoElement) !== null && _a !== void 0 ? _a : '';
- return eq(e.target, element) && isEmpty(pseudoElement) && contains$2(properties, e.raw.propertyName);
- };
- const transitionDone = e => {
- if (isNullable(e) || isSourceTransition(e)) {
- transitionEnd.clear();
- transitionCancel.clear();
- const type = e === null || e === void 0 ? void 0 : e.raw.type;
- if (isNullable(type) || type === transitionend()) {
- clearTimeout(timer);
- remove$7(element, timerAttr);
- remove$1(element, transition.classes);
- }
- }
- };
- const transitionStart = bind(element, transitionstart(), e => {
- if (isSourceTransition(e)) {
- transitionStart.unbind();
- transitionEnd.set(bind(element, transitionend(), transitionDone));
- transitionCancel.set(bind(element, transitioncancel(), transitionDone));
- }
- });
- const duration = getTransitionDuration(element);
- requestAnimationFrame(() => {
- timer = setTimeout(transitionDone, duration + 17);
- set$9(element, timerAttr, timer);
- });
- };
- const startTransitioning = (element, transition) => {
- add$1(element, transition.classes);
- getOpt(element, timerAttr).each(timerId => {
- clearTimeout(parseInt(timerId, 10));
- remove$7(element, timerAttr);
- });
- setupTransitionListeners(element, transition);
- };
- const applyTransitionCss = (element, origin, position, transition, decision, lastPlacement) => {
- const shouldTransition = shouldApplyTransitionCss(transition, decision, lastPlacement);
- if (shouldTransition || isTransitioning$1(element, transition)) {
- set$8(element, 'position', position.position);
- const rect = toBox(origin, element);
- const intermediatePosition = reposition(origin, {
- ...decision,
- rect
- });
- const intermediateCssOptions = mapToObject(properties, prop => intermediatePosition[prop]);
- if (hasChanges(position, intermediateCssOptions)) {
- setOptions(element, intermediateCssOptions);
- if (shouldTransition) {
- startTransitioning(element, transition);
- }
- reflow(element);
- }
- } else {
- remove$1(element, transition.classes);
- }
- };
- const elementSize = p => ({
- width: getOuter$1(p),
- height: getOuter$2(p)
- });
- const layout = (anchorBox, element, bubbles, options) => {
- remove$6(element, 'max-height');
- remove$6(element, 'max-width');
- const elementBox = elementSize(element);
- return attempts(element, options.preference, anchorBox, elementBox, bubbles, options.bounds);
- };
- const setClasses = (element, decision) => {
- const classInfo = decision.classes;
- remove$1(element, classInfo.off);
- add$1(element, classInfo.on);
- };
- const setHeight = (element, decision, options) => {
- const maxHeightFunction = options.maxHeightFunction;
- maxHeightFunction(element, decision.maxHeight);
- };
- const setWidth = (element, decision, options) => {
- const maxWidthFunction = options.maxWidthFunction;
- maxWidthFunction(element, decision.maxWidth);
- };
- const position$2 = (element, decision, options) => {
- const positionCss = reposition(options.origin, decision);
- options.transition.each(transition => {
- applyTransitionCss(element, options.origin, positionCss, transition, decision, options.lastPlacement);
- });
- applyPositionCss(element, positionCss);
- };
- const setPlacement = (element, decision) => {
- setPlacement$1(element, decision.placement);
- };
- const setMaxHeight = (element, maxHeight) => {
- setMax$1(element, Math.floor(maxHeight));
- };
- const anchored = constant$1((element, available) => {
- setMaxHeight(element, available);
- setAll(element, {
- 'overflow-x': 'hidden',
- 'overflow-y': 'auto'
- });
- });
- const expandable$1 = constant$1((element, available) => {
- setMaxHeight(element, available);
- });
- const defaultOr = (options, key, dephault) => options[key] === undefined ? dephault : options[key];
- const simple = (anchor, element, bubble, layouts, lastPlacement, getBounds, overrideOptions, transition) => {
- const maxHeightFunction = defaultOr(overrideOptions, 'maxHeightFunction', anchored());
- const maxWidthFunction = defaultOr(overrideOptions, 'maxWidthFunction', noop);
- const anchorBox = anchor.anchorBox;
- const origin = anchor.origin;
- const options = {
- bounds: viewport(origin, getBounds),
- origin,
- preference: layouts,
- maxHeightFunction,
- maxWidthFunction,
- lastPlacement,
- transition
- };
- return go(anchorBox, element, bubble, options);
- };
- const go = (anchorBox, element, bubble, options) => {
- const decision = layout(anchorBox, element, bubble, options);
- position$2(element, decision, options);
- setPlacement(element, decision);
- setClasses(element, decision);
- setHeight(element, decision, options);
- setWidth(element, decision, options);
- return {
- layout: decision.layout,
- placement: decision.placement
- };
- };
- const allAlignments = [
- 'valignCentre',
- 'alignLeft',
- 'alignRight',
- 'alignCentre',
- 'top',
- 'bottom',
- 'left',
- 'right',
- 'inset'
- ];
- const nu$5 = (xOffset, yOffset, classes, insetModifier = 1) => {
- const insetXOffset = xOffset * insetModifier;
- const insetYOffset = yOffset * insetModifier;
- const getClasses = prop => get$g(classes, prop).getOr([]);
- const make = (xDelta, yDelta, alignmentsOn) => {
- const alignmentsOff = difference(allAlignments, alignmentsOn);
- return {
- offset: SugarPosition(xDelta, yDelta),
- classesOn: bind$3(alignmentsOn, getClasses),
- classesOff: bind$3(alignmentsOff, getClasses)
- };
- };
- return {
- southeast: () => make(-xOffset, yOffset, [
- 'top',
- 'alignLeft'
- ]),
- southwest: () => make(xOffset, yOffset, [
- 'top',
- 'alignRight'
- ]),
- south: () => make(-xOffset / 2, yOffset, [
- 'top',
- 'alignCentre'
- ]),
- northeast: () => make(-xOffset, -yOffset, [
- 'bottom',
- 'alignLeft'
- ]),
- northwest: () => make(xOffset, -yOffset, [
- 'bottom',
- 'alignRight'
- ]),
- north: () => make(-xOffset / 2, -yOffset, [
- 'bottom',
- 'alignCentre'
- ]),
- east: () => make(xOffset, -yOffset / 2, [
- 'valignCentre',
- 'left'
- ]),
- west: () => make(-xOffset, -yOffset / 2, [
- 'valignCentre',
- 'right'
- ]),
- insetNortheast: () => make(insetXOffset, insetYOffset, [
- 'top',
- 'alignLeft',
- 'inset'
- ]),
- insetNorthwest: () => make(-insetXOffset, insetYOffset, [
- 'top',
- 'alignRight',
- 'inset'
- ]),
- insetNorth: () => make(-insetXOffset / 2, insetYOffset, [
- 'top',
- 'alignCentre',
- 'inset'
- ]),
- insetSoutheast: () => make(insetXOffset, -insetYOffset, [
- 'bottom',
- 'alignLeft',
- 'inset'
- ]),
- insetSouthwest: () => make(-insetXOffset, -insetYOffset, [
- 'bottom',
- 'alignRight',
- 'inset'
- ]),
- insetSouth: () => make(-insetXOffset / 2, -insetYOffset, [
- 'bottom',
- 'alignCentre',
- 'inset'
- ]),
- insetEast: () => make(-insetXOffset, -insetYOffset / 2, [
- 'valignCentre',
- 'right',
- 'inset'
- ]),
- insetWest: () => make(insetXOffset, -insetYOffset / 2, [
- 'valignCentre',
- 'left',
- 'inset'
- ])
- };
- };
- const fallback = () => nu$5(0, 0, {});
- const nu$4 = identity;
- const onDirection = (isLtr, isRtl) => element => getDirection(element) === 'rtl' ? isRtl : isLtr;
- const getDirection = element => get$e(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
- var AttributeValue;
- (function (AttributeValue) {
- AttributeValue['TopToBottom'] = 'toptobottom';
- AttributeValue['BottomToTop'] = 'bottomtotop';
- }(AttributeValue || (AttributeValue = {})));
- const Attribute = 'data-alloy-vertical-dir';
- const isBottomToTopDir = el => closest$2(el, current => isElement$1(current) && get$f(current, 'data-alloy-vertical-dir') === AttributeValue.BottomToTop);
- const schema$y = () => optionObjOf('layouts', [
- required$1('onLtr'),
- required$1('onRtl'),
- option$3('onBottomLtr'),
- option$3('onBottomRtl')
- ]);
- const get$5 = (elem, info, defaultLtr, defaultRtl, defaultBottomLtr, defaultBottomRtl, dirElement) => {
- const isBottomToTop = dirElement.map(isBottomToTopDir).getOr(false);
- const customLtr = info.layouts.map(ls => ls.onLtr(elem));
- const customRtl = info.layouts.map(ls => ls.onRtl(elem));
- const ltr = isBottomToTop ? info.layouts.bind(ls => ls.onBottomLtr.map(f => f(elem))).or(customLtr).getOr(defaultBottomLtr) : customLtr.getOr(defaultLtr);
- const rtl = isBottomToTop ? info.layouts.bind(ls => ls.onBottomRtl.map(f => f(elem))).or(customRtl).getOr(defaultBottomRtl) : customRtl.getOr(defaultRtl);
- const f = onDirection(ltr, rtl);
- return f(elem);
- };
- const placement$4 = (component, anchorInfo, origin) => {
- const hotspot = anchorInfo.hotspot;
- const anchorBox = toBox(origin, hotspot.element);
- const layouts = get$5(component.element, anchorInfo, belowOrAbove(), belowOrAboveRtl(), aboveOrBelow(), aboveOrBelowRtl(), Optional.some(anchorInfo.hotspot.element));
- return Optional.some(nu$4({
- anchorBox,
- bubble: anchorInfo.bubble.getOr(fallback()),
- overrides: anchorInfo.overrides,
- layouts,
- placer: Optional.none()
- }));
- };
- var HotspotAnchor = [
- required$1('hotspot'),
- option$3('bubble'),
- defaulted('overrides', {}),
- schema$y(),
- output$1('placement', placement$4)
- ];
- const placement$3 = (component, anchorInfo, origin) => {
- const pos = translate$2(origin, anchorInfo.x, anchorInfo.y);
- const anchorBox = bounds(pos.left, pos.top, anchorInfo.width, anchorInfo.height);
- const layouts = get$5(component.element, anchorInfo, all$1(), allRtl$1(), all$1(), allRtl$1(), Optional.none());
- return Optional.some(nu$4({
- anchorBox,
- bubble: anchorInfo.bubble,
- overrides: anchorInfo.overrides,
- layouts,
- placer: Optional.none()
- }));
- };
- var MakeshiftAnchor = [
- required$1('x'),
- required$1('y'),
- defaulted('height', 0),
- defaulted('width', 0),
- defaulted('bubble', fallback()),
- defaulted('overrides', {}),
- schema$y(),
- output$1('placement', placement$3)
- ];
- const adt$7 = Adt.generate([
- { screen: ['point'] },
- {
- absolute: [
- 'point',
- 'scrollLeft',
- 'scrollTop'
- ]
- }
- ]);
- const toFixed = pos => pos.fold(identity, (point, scrollLeft, scrollTop) => point.translate(-scrollLeft, -scrollTop));
- const toAbsolute = pos => pos.fold(identity, identity);
- const sum = points => foldl(points, (b, a) => b.translate(a.left, a.top), SugarPosition(0, 0));
- const sumAsFixed = positions => {
- const points = map$2(positions, toFixed);
- return sum(points);
- };
- const sumAsAbsolute = positions => {
- const points = map$2(positions, toAbsolute);
- return sum(points);
- };
- const screen = adt$7.screen;
- const absolute$1 = adt$7.absolute;
- const getOffset = (component, origin, anchorInfo) => {
- const win = defaultView(anchorInfo.root).dom;
- const hasSameOwner = frame => {
- const frameOwner = owner$4(frame);
- const compOwner = owner$4(component.element);
- return eq(frameOwner, compOwner);
- };
- return Optional.from(win.frameElement).map(SugarElement.fromDom).filter(hasSameOwner).map(absolute$3);
- };
- const getRootPoint = (component, origin, anchorInfo) => {
- const doc = owner$4(component.element);
- const outerScroll = get$b(doc);
- const offset = getOffset(component, origin, anchorInfo).getOr(outerScroll);
- return absolute$1(offset, outerScroll.left, outerScroll.top);
- };
- const getBox = (left, top, width, height) => {
- const point = screen(SugarPosition(left, top));
- return Optional.some(pointed(point, width, height));
- };
- const calcNewAnchor = (optBox, rootPoint, anchorInfo, origin, elem) => optBox.map(box => {
- const points = [
- rootPoint,
- box.point
- ];
- const topLeft = cata$1(origin, () => sumAsAbsolute(points), () => sumAsAbsolute(points), () => sumAsFixed(points));
- const anchorBox = rect(topLeft.left, topLeft.top, box.width, box.height);
- const layoutsLtr = anchorInfo.showAbove ? aboveOrBelow() : belowOrAbove();
- const layoutsRtl = anchorInfo.showAbove ? aboveOrBelowRtl() : belowOrAboveRtl();
- const layouts = get$5(elem, anchorInfo, layoutsLtr, layoutsRtl, layoutsLtr, layoutsRtl, Optional.none());
- return nu$4({
- anchorBox,
- bubble: anchorInfo.bubble.getOr(fallback()),
- overrides: anchorInfo.overrides,
- layouts,
- placer: Optional.none()
- });
- });
- const placement$2 = (component, anchorInfo, origin) => {
- const rootPoint = getRootPoint(component, origin, anchorInfo);
- return anchorInfo.node.filter(inBody).bind(target => {
- const rect = target.dom.getBoundingClientRect();
- const nodeBox = getBox(rect.left, rect.top, rect.width, rect.height);
- const elem = anchorInfo.node.getOr(component.element);
- return calcNewAnchor(nodeBox, rootPoint, anchorInfo, origin, elem);
- });
- };
- var NodeAnchor = [
- required$1('node'),
- required$1('root'),
- option$3('bubble'),
- schema$y(),
- defaulted('overrides', {}),
- defaulted('showAbove', false),
- output$1('placement', placement$2)
- ];
- const zeroWidth = '\uFEFF';
- const nbsp = '\xA0';
- const create$2 = (start, soffset, finish, foffset) => ({
- start,
- soffset,
- finish,
- foffset
- });
- const SimRange = { create: create$2 };
- const adt$6 = Adt.generate([
- { before: ['element'] },
- {
- on: [
- 'element',
- 'offset'
- ]
- },
- { after: ['element'] }
- ]);
- const cata = (subject, onBefore, onOn, onAfter) => subject.fold(onBefore, onOn, onAfter);
- const getStart$1 = situ => situ.fold(identity, identity, identity);
- const before = adt$6.before;
- const on$1 = adt$6.on;
- const after$1 = adt$6.after;
- const Situ = {
- before,
- on: on$1,
- after: after$1,
- cata,
- getStart: getStart$1
- };
- const adt$5 = Adt.generate([
- { domRange: ['rng'] },
- {
- relative: [
- 'startSitu',
- 'finishSitu'
- ]
- },
- {
- exact: [
- 'start',
- 'soffset',
- 'finish',
- 'foffset'
- ]
- }
- ]);
- const exactFromRange = simRange => adt$5.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
- const getStart = selection => selection.match({
- domRange: rng => SugarElement.fromDom(rng.startContainer),
- relative: (startSitu, _finishSitu) => Situ.getStart(startSitu),
- exact: (start, _soffset, _finish, _foffset) => start
- });
- const domRange = adt$5.domRange;
- const relative = adt$5.relative;
- const exact = adt$5.exact;
- const getWin = selection => {
- const start = getStart(selection);
- return defaultView(start);
- };
- const range$1 = SimRange.create;
- const SimSelection = {
- domRange,
- relative,
- exact,
- exactFromRange,
- getWin,
- range: range$1
- };
- const setStart = (rng, situ) => {
- situ.fold(e => {
- rng.setStartBefore(e.dom);
- }, (e, o) => {
- rng.setStart(e.dom, o);
- }, e => {
- rng.setStartAfter(e.dom);
- });
- };
- const setFinish = (rng, situ) => {
- situ.fold(e => {
- rng.setEndBefore(e.dom);
- }, (e, o) => {
- rng.setEnd(e.dom, o);
- }, e => {
- rng.setEndAfter(e.dom);
- });
- };
- const relativeToNative = (win, startSitu, finishSitu) => {
- const range = win.document.createRange();
- setStart(range, startSitu);
- setFinish(range, finishSitu);
- return range;
- };
- const exactToNative = (win, start, soffset, finish, foffset) => {
- const rng = win.document.createRange();
- rng.setStart(start.dom, soffset);
- rng.setEnd(finish.dom, foffset);
- return rng;
- };
- const toRect = rect => ({
- left: rect.left,
- top: rect.top,
- right: rect.right,
- bottom: rect.bottom,
- width: rect.width,
- height: rect.height
- });
- const getFirstRect$1 = rng => {
- const rects = rng.getClientRects();
- const rect = rects.length > 0 ? rects[0] : rng.getBoundingClientRect();
- return rect.width > 0 || rect.height > 0 ? Optional.some(rect).map(toRect) : Optional.none();
- };
- const getBounds$2 = rng => {
- const rect = rng.getBoundingClientRect();
- return rect.width > 0 || rect.height > 0 ? Optional.some(rect).map(toRect) : Optional.none();
- };
- const adt$4 = Adt.generate([
- {
- ltr: [
- 'start',
- 'soffset',
- 'finish',
- 'foffset'
- ]
- },
- {
- rtl: [
- 'start',
- 'soffset',
- 'finish',
- 'foffset'
- ]
- }
- ]);
- const fromRange = (win, type, range) => type(SugarElement.fromDom(range.startContainer), range.startOffset, SugarElement.fromDom(range.endContainer), range.endOffset);
- const getRanges = (win, selection) => selection.match({
- domRange: rng => {
- return {
- ltr: constant$1(rng),
- rtl: Optional.none
- };
- },
- relative: (startSitu, finishSitu) => {
- return {
- ltr: cached(() => relativeToNative(win, startSitu, finishSitu)),
- rtl: cached(() => Optional.some(relativeToNative(win, finishSitu, startSitu)))
- };
- },
- exact: (start, soffset, finish, foffset) => {
- return {
- ltr: cached(() => exactToNative(win, start, soffset, finish, foffset)),
- rtl: cached(() => Optional.some(exactToNative(win, finish, foffset, start, soffset)))
- };
- }
- });
- const doDiagnose = (win, ranges) => {
- const rng = ranges.ltr();
- if (rng.collapsed) {
- const reversed = ranges.rtl().filter(rev => rev.collapsed === false);
- return reversed.map(rev => adt$4.rtl(SugarElement.fromDom(rev.endContainer), rev.endOffset, SugarElement.fromDom(rev.startContainer), rev.startOffset)).getOrThunk(() => fromRange(win, adt$4.ltr, rng));
- } else {
- return fromRange(win, adt$4.ltr, rng);
- }
- };
- const diagnose = (win, selection) => {
- const ranges = getRanges(win, selection);
- return doDiagnose(win, ranges);
- };
- const asLtrRange = (win, selection) => {
- const diagnosis = diagnose(win, selection);
- return diagnosis.match({
- ltr: (start, soffset, finish, foffset) => {
- const rng = win.document.createRange();
- rng.setStart(start.dom, soffset);
- rng.setEnd(finish.dom, foffset);
- return rng;
- },
- rtl: (start, soffset, finish, foffset) => {
- const rng = win.document.createRange();
- rng.setStart(finish.dom, foffset);
- rng.setEnd(start.dom, soffset);
- return rng;
- }
- });
- };
- adt$4.ltr;
- adt$4.rtl;
- const descendants = (scope, selector) => all$3(selector, scope);
- const makeRange = (start, soffset, finish, foffset) => {
- const doc = owner$4(start);
- const rng = doc.dom.createRange();
- rng.setStart(start.dom, soffset);
- rng.setEnd(finish.dom, foffset);
- return rng;
- };
- const after = (start, soffset, finish, foffset) => {
- const r = makeRange(start, soffset, finish, foffset);
- const same = eq(start, finish) && soffset === foffset;
- return r.collapsed && !same;
- };
- const getNativeSelection = win => Optional.from(win.getSelection());
- const readRange = selection => {
- if (selection.rangeCount > 0) {
- const firstRng = selection.getRangeAt(0);
- const lastRng = selection.getRangeAt(selection.rangeCount - 1);
- return Optional.some(SimRange.create(SugarElement.fromDom(firstRng.startContainer), firstRng.startOffset, SugarElement.fromDom(lastRng.endContainer), lastRng.endOffset));
- } else {
- return Optional.none();
- }
- };
- const doGetExact = selection => {
- if (selection.anchorNode === null || selection.focusNode === null) {
- return readRange(selection);
- } else {
- const anchor = SugarElement.fromDom(selection.anchorNode);
- const focus = SugarElement.fromDom(selection.focusNode);
- return after(anchor, selection.anchorOffset, focus, selection.focusOffset) ? Optional.some(SimRange.create(anchor, selection.anchorOffset, focus, selection.focusOffset)) : readRange(selection);
- }
- };
- const getExact = win => getNativeSelection(win).filter(sel => sel.rangeCount > 0).bind(doGetExact);
- const getFirstRect = (win, selection) => {
- const rng = asLtrRange(win, selection);
- return getFirstRect$1(rng);
- };
- const getBounds$1 = (win, selection) => {
- const rng = asLtrRange(win, selection);
- return getBounds$2(rng);
- };
- const NodeValue = (is, name) => {
- const get = element => {
- if (!is(element)) {
- throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
- }
- return getOption(element).getOr('');
- };
- const getOption = element => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
- const set = (element, value) => {
- if (!is(element)) {
- throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
- }
- element.dom.nodeValue = value;
- };
- return {
- get,
- getOption,
- set
- };
- };
- const api = NodeValue(isText, 'text');
- const get$4 = element => api.get(element);
- const point = (element, offset) => ({
- element,
- offset
- });
- const descendOnce$1 = (element, offset) => {
- const children$1 = children(element);
- if (children$1.length === 0) {
- return point(element, offset);
- } else if (offset < children$1.length) {
- return point(children$1[offset], 0);
- } else {
- const last = children$1[children$1.length - 1];
- const len = isText(last) ? get$4(last).length : children(last).length;
- return point(last, len);
- }
- };
- const descendOnce = (element, offset) => isText(element) ? point(element, offset) : descendOnce$1(element, offset);
- const getAnchorSelection = (win, anchorInfo) => {
- const getSelection = anchorInfo.getSelection.getOrThunk(() => () => getExact(win));
- return getSelection().map(sel => {
- const modStart = descendOnce(sel.start, sel.soffset);
- const modFinish = descendOnce(sel.finish, sel.foffset);
- return SimSelection.range(modStart.element, modStart.offset, modFinish.element, modFinish.offset);
- });
- };
- const placement$1 = (component, anchorInfo, origin) => {
- const win = defaultView(anchorInfo.root).dom;
- const rootPoint = getRootPoint(component, origin, anchorInfo);
- const selectionBox = getAnchorSelection(win, anchorInfo).bind(sel => {
- const optRect = getBounds$1(win, SimSelection.exactFromRange(sel)).orThunk(() => {
- const x = SugarElement.fromText(zeroWidth);
- before$1(sel.start, x);
- const rect = getFirstRect(win, SimSelection.exact(x, 0, x, 1));
- remove$5(x);
- return rect;
- });
- return optRect.bind(rawRect => getBox(rawRect.left, rawRect.top, rawRect.width, rawRect.height));
- });
- const targetElement = getAnchorSelection(win, anchorInfo).bind(sel => isElement$1(sel.start) ? Optional.some(sel.start) : parentElement(sel.start));
- const elem = targetElement.getOr(component.element);
- return calcNewAnchor(selectionBox, rootPoint, anchorInfo, origin, elem);
- };
- var SelectionAnchor = [
- option$3('getSelection'),
- required$1('root'),
- option$3('bubble'),
- schema$y(),
- defaulted('overrides', {}),
- defaulted('showAbove', false),
- output$1('placement', placement$1)
- ];
- const labelPrefix$1 = 'link-layout';
- const eastX = anchor => anchor.x + anchor.width;
- const westX = (anchor, element) => anchor.x - element.width;
- const northY$1 = (anchor, element) => anchor.y - element.height + anchor.height;
- const southY$1 = anchor => anchor.y;
- const southeast$1 = (anchor, element, bubbles) => nu$6(eastX(anchor), southY$1(anchor), bubbles.southeast(), southeast$3(), 'southeast', boundsRestriction(anchor, {
- left: 0,
- top: 2
- }), labelPrefix$1);
- const southwest$1 = (anchor, element, bubbles) => nu$6(westX(anchor, element), southY$1(anchor), bubbles.southwest(), southwest$3(), 'southwest', boundsRestriction(anchor, {
- right: 1,
- top: 2
- }), labelPrefix$1);
- const northeast$1 = (anchor, element, bubbles) => nu$6(eastX(anchor), northY$1(anchor, element), bubbles.northeast(), northeast$3(), 'northeast', boundsRestriction(anchor, {
- left: 0,
- bottom: 3
- }), labelPrefix$1);
- const northwest$1 = (anchor, element, bubbles) => nu$6(westX(anchor, element), northY$1(anchor, element), bubbles.northwest(), northwest$3(), 'northwest', boundsRestriction(anchor, {
- right: 1,
- bottom: 3
- }), labelPrefix$1);
- const all = () => [
- southeast$1,
- southwest$1,
- northeast$1,
- northwest$1
- ];
- const allRtl = () => [
- southwest$1,
- southeast$1,
- northwest$1,
- northeast$1
- ];
- const placement = (component, submenuInfo, origin) => {
- const anchorBox = toBox(origin, submenuInfo.item.element);
- const layouts = get$5(component.element, submenuInfo, all(), allRtl(), all(), allRtl(), Optional.none());
- return Optional.some(nu$4({
- anchorBox,
- bubble: fallback(),
- overrides: submenuInfo.overrides,
- layouts,
- placer: Optional.none()
- }));
- };
- var SubmenuAnchor = [
- required$1('item'),
- schema$y(),
- defaulted('overrides', {}),
- output$1('placement', placement)
- ];
- var AnchorSchema = choose$1('type', {
- selection: SelectionAnchor,
- node: NodeAnchor,
- hotspot: HotspotAnchor,
- submenu: SubmenuAnchor,
- makeshift: MakeshiftAnchor
- });
- const TransitionSchema = [
- requiredArrayOf('classes', string),
- defaultedStringEnum('mode', 'all', [
- 'all',
- 'layout',
- 'placement'
- ])
- ];
- const PositionSchema = [
- defaulted('useFixed', never),
- option$3('getBounds')
- ];
- const PlacementSchema = [
- requiredOf('anchor', AnchorSchema),
- optionObjOf('transition', TransitionSchema)
- ];
- const getFixedOrigin = () => {
- const html = document.documentElement;
- return fixed$1(0, 0, html.clientWidth, html.clientHeight);
- };
- const getRelativeOrigin = component => {
- const position = absolute$3(component.element);
- const bounds = component.element.dom.getBoundingClientRect();
- return relative$1(position.left, position.top, bounds.width, bounds.height);
- };
- const place = (component, origin, anchoring, getBounds, placee, lastPlace, transition) => {
- const anchor = box(anchoring.anchorBox, origin);
- return simple(anchor, placee.element, anchoring.bubble, anchoring.layouts, lastPlace, getBounds, anchoring.overrides, transition);
- };
- const position$1 = (component, posConfig, posState, placee, placementSpec) => {
- positionWithin(component, posConfig, posState, placee, placementSpec, Optional.none());
- };
- const positionWithin = (component, posConfig, posState, placee, placementSpec, boxElement) => {
- const boundsBox = boxElement.map(box$1);
- return positionWithinBounds(component, posConfig, posState, placee, placementSpec, boundsBox);
- };
- const positionWithinBounds = (component, posConfig, posState, placee, placementSpec, bounds) => {
- const placeeDetail = asRawOrDie$1('placement.info', objOf(PlacementSchema), placementSpec);
- const anchorage = placeeDetail.anchor;
- const element = placee.element;
- const placeeState = posState.get(placee.uid);
- preserve$1(() => {
- set$8(element, 'position', 'fixed');
- const oldVisibility = getRaw(element, 'visibility');
- set$8(element, 'visibility', 'hidden');
- const origin = posConfig.useFixed() ? getFixedOrigin() : getRelativeOrigin(component);
- const placer = anchorage.placement;
- const getBounds = bounds.map(constant$1).or(posConfig.getBounds);
- placer(component, anchorage, origin).each(anchoring => {
- const doPlace = anchoring.placer.getOr(place);
- const newState = doPlace(component, origin, anchoring, getBounds, placee, placeeState, placeeDetail.transition);
- posState.set(placee.uid, newState);
- });
- oldVisibility.fold(() => {
- remove$6(element, 'visibility');
- }, vis => {
- set$8(element, 'visibility', vis);
- });
- if (getRaw(element, 'left').isNone() && getRaw(element, 'top').isNone() && getRaw(element, 'right').isNone() && getRaw(element, 'bottom').isNone() && is$1(getRaw(element, 'position'), 'fixed')) {
- remove$6(element, 'position');
- }
- }, element);
- };
- const getMode = (component, pConfig, _pState) => pConfig.useFixed() ? 'fixed' : 'absolute';
- const reset$1 = (component, pConfig, posState, placee) => {
- const element = placee.element;
- each$1([
- 'position',
- 'left',
- 'right',
- 'top',
- 'bottom'
- ], prop => remove$6(element, prop));
- reset$2(element);
- posState.clear(placee.uid);
- };
- var PositionApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- position: position$1,
- positionWithin: positionWithin,
- positionWithinBounds: positionWithinBounds,
- getMode: getMode,
- reset: reset$1
- });
- const init$g = () => {
- let state = {};
- const set = (id, data) => {
- state[id] = data;
- };
- const get = id => get$g(state, id);
- const clear = id => {
- if (isNonNullable(id)) {
- delete state[id];
- } else {
- state = {};
- }
- };
- return nu$8({
- readState: () => state,
- clear,
- set,
- get
- });
- };
- var PositioningState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- init: init$g
- });
- const Positioning = create$3({
- fields: PositionSchema,
- name: 'positioning',
- active: ActivePosition,
- apis: PositionApis,
- state: PositioningState
- });
- const isConnected = comp => comp.getSystem().isConnected();
- const fireDetaching = component => {
- emit(component, detachedFromDom());
- const children = component.components();
- each$1(children, fireDetaching);
- };
- const fireAttaching = component => {
- const children = component.components();
- each$1(children, fireAttaching);
- emit(component, attachedToDom());
- };
- const virtualAttach = (parent, child) => {
- parent.getSystem().addToWorld(child);
- if (inBody(parent.element)) {
- fireAttaching(child);
- }
- };
- const virtualDetach = comp => {
- fireDetaching(comp);
- comp.getSystem().removeFromWorld(comp);
- };
- const attach$1 = (parent, child) => {
- append$2(parent.element, child.element);
- };
- const detachChildren$1 = component => {
- each$1(component.components(), childComp => remove$5(childComp.element));
- empty(component.element);
- component.syncComponents();
- };
- const replaceChildren = (component, newSpecs, buildNewChildren) => {
- const subs = component.components();
- detachChildren$1(component);
- const newChildren = buildNewChildren(newSpecs);
- const deleted = difference(subs, newChildren);
- each$1(deleted, comp => {
- fireDetaching(comp);
- component.getSystem().removeFromWorld(comp);
- });
- each$1(newChildren, childComp => {
- if (!isConnected(childComp)) {
- component.getSystem().addToWorld(childComp);
- attach$1(component, childComp);
- if (inBody(component.element)) {
- fireAttaching(childComp);
- }
- } else {
- attach$1(component, childComp);
- }
- });
- component.syncComponents();
- };
- const virtualReplaceChildren = (component, newSpecs, buildNewChildren) => {
- const subs = component.components();
- const existingComps = bind$3(newSpecs, spec => getPremade(spec).toArray());
- each$1(subs, childComp => {
- if (!contains$2(existingComps, childComp)) {
- virtualDetach(childComp);
- }
- });
- const newChildren = buildNewChildren(newSpecs);
- const deleted = difference(subs, newChildren);
- each$1(deleted, deletedComp => {
- if (isConnected(deletedComp)) {
- virtualDetach(deletedComp);
- }
- });
- each$1(newChildren, childComp => {
- if (!isConnected(childComp)) {
- virtualAttach(component, childComp);
- }
- });
- component.syncComponents();
- };
- const attach = (parent, child) => {
- attachWith(parent, child, append$2);
- };
- const attachWith = (parent, child, insertion) => {
- parent.getSystem().addToWorld(child);
- insertion(parent.element, child.element);
- if (inBody(parent.element)) {
- fireAttaching(child);
- }
- parent.syncComponents();
- };
- const doDetach = component => {
- fireDetaching(component);
- remove$5(component.element);
- component.getSystem().removeFromWorld(component);
- };
- const detach = component => {
- const parent$1 = parent(component.element).bind(p => component.getSystem().getByDom(p).toOptional());
- doDetach(component);
- parent$1.each(p => {
- p.syncComponents();
- });
- };
- const detachChildren = component => {
- const subs = component.components();
- each$1(subs, doDetach);
- empty(component.element);
- component.syncComponents();
- };
- const attachSystem = (element, guiSystem) => {
- attachSystemWith(element, guiSystem, append$2);
- };
- const attachSystemAfter = (element, guiSystem) => {
- attachSystemWith(element, guiSystem, after$2);
- };
- const attachSystemWith = (element, guiSystem, inserter) => {
- inserter(element, guiSystem.element);
- const children$1 = children(guiSystem.element);
- each$1(children$1, child => {
- guiSystem.getByDom(child).each(fireAttaching);
- });
- };
- const detachSystem = guiSystem => {
- const children$1 = children(guiSystem.element);
- each$1(children$1, child => {
- guiSystem.getByDom(child).each(fireDetaching);
- });
- remove$5(guiSystem.element);
- };
- const rebuild = (sandbox, sConfig, sState, data) => {
- sState.get().each(_data => {
- detachChildren(sandbox);
- });
- const point = sConfig.getAttachPoint(sandbox);
- attach(point, sandbox);
- const built = sandbox.getSystem().build(data);
- attach(sandbox, built);
- sState.set(built);
- return built;
- };
- const open$1 = (sandbox, sConfig, sState, data) => {
- const newState = rebuild(sandbox, sConfig, sState, data);
- sConfig.onOpen(sandbox, newState);
- return newState;
- };
- const setContent = (sandbox, sConfig, sState, data) => sState.get().map(() => rebuild(sandbox, sConfig, sState, data));
- const openWhileCloaked = (sandbox, sConfig, sState, data, transaction) => {
- cloak(sandbox, sConfig);
- open$1(sandbox, sConfig, sState, data);
- transaction();
- decloak(sandbox, sConfig);
- };
- const close$1 = (sandbox, sConfig, sState) => {
- sState.get().each(data => {
- detachChildren(sandbox);
- detach(sandbox);
- sConfig.onClose(sandbox, data);
- sState.clear();
- });
- };
- const isOpen$1 = (_sandbox, _sConfig, sState) => sState.isOpen();
- const isPartOf = (sandbox, sConfig, sState, queryElem) => isOpen$1(sandbox, sConfig, sState) && sState.get().exists(data => sConfig.isPartOf(sandbox, data, queryElem));
- const getState$2 = (_sandbox, _sConfig, sState) => sState.get();
- const store = (sandbox, cssKey, attr, newValue) => {
- getRaw(sandbox.element, cssKey).fold(() => {
- remove$7(sandbox.element, attr);
- }, v => {
- set$9(sandbox.element, attr, v);
- });
- set$8(sandbox.element, cssKey, newValue);
- };
- const restore = (sandbox, cssKey, attr) => {
- getOpt(sandbox.element, attr).fold(() => remove$6(sandbox.element, cssKey), oldValue => set$8(sandbox.element, cssKey, oldValue));
- };
- const cloak = (sandbox, sConfig, _sState) => {
- const sink = sConfig.getAttachPoint(sandbox);
- set$8(sandbox.element, 'position', Positioning.getMode(sink));
- store(sandbox, 'visibility', sConfig.cloakVisibilityAttr, 'hidden');
- };
- const hasPosition = element => exists([
- 'top',
- 'left',
- 'right',
- 'bottom'
- ], pos => getRaw(element, pos).isSome());
- const decloak = (sandbox, sConfig, _sState) => {
- if (!hasPosition(sandbox.element)) {
- remove$6(sandbox.element, 'position');
- }
- restore(sandbox, 'visibility', sConfig.cloakVisibilityAttr);
- };
- var SandboxApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- cloak: cloak,
- decloak: decloak,
- open: open$1,
- openWhileCloaked: openWhileCloaked,
- close: close$1,
- isOpen: isOpen$1,
- isPartOf: isPartOf,
- getState: getState$2,
- setContent: setContent
- });
- const events$g = (sandboxConfig, sandboxState) => derive$2([run$1(sandboxClose(), (sandbox, _simulatedEvent) => {
- close$1(sandbox, sandboxConfig, sandboxState);
- })]);
- var ActiveSandbox = /*#__PURE__*/Object.freeze({
- __proto__: null,
- events: events$g
- });
- var SandboxSchema = [
- onHandler('onOpen'),
- onHandler('onClose'),
- required$1('isPartOf'),
- required$1('getAttachPoint'),
- defaulted('cloakVisibilityAttr', 'data-precloak-visibility')
- ];
- const init$f = () => {
- const contents = value$2();
- const readState = constant$1('not-implemented');
- return nu$8({
- readState,
- isOpen: contents.isSet,
- clear: contents.clear,
- set: contents.set,
- get: contents.get
- });
- };
- var SandboxState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- init: init$f
- });
- const Sandboxing = create$3({
- fields: SandboxSchema,
- name: 'sandboxing',
- active: ActiveSandbox,
- apis: SandboxApis,
- state: SandboxState
- });
- const dismissPopups = constant$1('dismiss.popups');
- const repositionPopups = constant$1('reposition.popups');
- const mouseReleased = constant$1('mouse.released');
- const schema$x = objOfOnly([
- defaulted('isExtraPart', never),
- optionObjOf('fireEventInstead', [defaulted('event', dismissRequested())])
- ]);
- const receivingChannel$1 = rawSpec => {
- const detail = asRawOrDie$1('Dismissal', schema$x, rawSpec);
- return {
- [dismissPopups()]: {
- schema: objOfOnly([required$1('target')]),
- onReceive: (sandbox, data) => {
- if (Sandboxing.isOpen(sandbox)) {
- const isPart = Sandboxing.isPartOf(sandbox, data.target) || detail.isExtraPart(sandbox, data.target);
- if (!isPart) {
- detail.fireEventInstead.fold(() => Sandboxing.close(sandbox), fe => emit(sandbox, fe.event));
- }
- }
- }
- }
- };
- };
- const schema$w = objOfOnly([
- optionObjOf('fireEventInstead', [defaulted('event', repositionRequested())]),
- requiredFunction('doReposition')
- ]);
- const receivingChannel = rawSpec => {
- const detail = asRawOrDie$1('Reposition', schema$w, rawSpec);
- return {
- [repositionPopups()]: {
- onReceive: sandbox => {
- if (Sandboxing.isOpen(sandbox)) {
- detail.fireEventInstead.fold(() => detail.doReposition(sandbox), fe => emit(sandbox, fe.event));
- }
- }
- }
- };
- };
- const onLoad$5 = (component, repConfig, repState) => {
- repConfig.store.manager.onLoad(component, repConfig, repState);
- };
- const onUnload$2 = (component, repConfig, repState) => {
- repConfig.store.manager.onUnload(component, repConfig, repState);
- };
- const setValue$3 = (component, repConfig, repState, data) => {
- repConfig.store.manager.setValue(component, repConfig, repState, data);
- };
- const getValue$3 = (component, repConfig, repState) => repConfig.store.manager.getValue(component, repConfig, repState);
- const getState$1 = (component, repConfig, repState) => repState;
- var RepresentApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- onLoad: onLoad$5,
- onUnload: onUnload$2,
- setValue: setValue$3,
- getValue: getValue$3,
- getState: getState$1
- });
- const events$f = (repConfig, repState) => {
- const es = repConfig.resetOnDom ? [
- runOnAttached((comp, _se) => {
- onLoad$5(comp, repConfig, repState);
- }),
- runOnDetached((comp, _se) => {
- onUnload$2(comp, repConfig, repState);
- })
- ] : [loadEvent(repConfig, repState, onLoad$5)];
- return derive$2(es);
- };
- var ActiveRepresenting = /*#__PURE__*/Object.freeze({
- __proto__: null,
- events: events$f
- });
- const memory$1 = () => {
- const data = Cell(null);
- const readState = () => ({
- mode: 'memory',
- value: data.get()
- });
- const isNotSet = () => data.get() === null;
- const clear = () => {
- data.set(null);
- };
- return nu$8({
- set: data.set,
- get: data.get,
- isNotSet,
- clear,
- readState
- });
- };
- const manual = () => {
- const readState = noop;
- return nu$8({ readState });
- };
- const dataset = () => {
- const dataByValue = Cell({});
- const dataByText = Cell({});
- const readState = () => ({
- mode: 'dataset',
- dataByValue: dataByValue.get(),
- dataByText: dataByText.get()
- });
- const clear = () => {
- dataByValue.set({});
- dataByText.set({});
- };
- const lookup = itemString => get$g(dataByValue.get(), itemString).orThunk(() => get$g(dataByText.get(), itemString));
- const update = items => {
- const currentDataByValue = dataByValue.get();
- const currentDataByText = dataByText.get();
- const newDataByValue = {};
- const newDataByText = {};
- each$1(items, item => {
- newDataByValue[item.value] = item;
- get$g(item, 'meta').each(meta => {
- get$g(meta, 'text').each(text => {
- newDataByText[text] = item;
- });
- });
- });
- dataByValue.set({
- ...currentDataByValue,
- ...newDataByValue
- });
- dataByText.set({
- ...currentDataByText,
- ...newDataByText
- });
- };
- return nu$8({
- readState,
- lookup,
- update,
- clear
- });
- };
- const init$e = spec => spec.store.manager.state(spec);
- var RepresentState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- memory: memory$1,
- dataset: dataset,
- manual: manual,
- init: init$e
- });
- const setValue$2 = (component, repConfig, repState, data) => {
- const store = repConfig.store;
- repState.update([data]);
- store.setValue(component, data);
- repConfig.onSetValue(component, data);
- };
- const getValue$2 = (component, repConfig, repState) => {
- const store = repConfig.store;
- const key = store.getDataKey(component);
- return repState.lookup(key).getOrThunk(() => store.getFallbackEntry(key));
- };
- const onLoad$4 = (component, repConfig, repState) => {
- const store = repConfig.store;
- store.initialValue.each(data => {
- setValue$2(component, repConfig, repState, data);
- });
- };
- const onUnload$1 = (component, repConfig, repState) => {
- repState.clear();
- };
- var DatasetStore = [
- option$3('initialValue'),
- required$1('getFallbackEntry'),
- required$1('getDataKey'),
- required$1('setValue'),
- output$1('manager', {
- setValue: setValue$2,
- getValue: getValue$2,
- onLoad: onLoad$4,
- onUnload: onUnload$1,
- state: dataset
- })
- ];
- const getValue$1 = (component, repConfig, _repState) => repConfig.store.getValue(component);
- const setValue$1 = (component, repConfig, _repState, data) => {
- repConfig.store.setValue(component, data);
- repConfig.onSetValue(component, data);
- };
- const onLoad$3 = (component, repConfig, _repState) => {
- repConfig.store.initialValue.each(data => {
- repConfig.store.setValue(component, data);
- });
- };
- var ManualStore = [
- required$1('getValue'),
- defaulted('setValue', noop),
- option$3('initialValue'),
- output$1('manager', {
- setValue: setValue$1,
- getValue: getValue$1,
- onLoad: onLoad$3,
- onUnload: noop,
- state: NoState.init
- })
- ];
- const setValue = (component, repConfig, repState, data) => {
- repState.set(data);
- repConfig.onSetValue(component, data);
- };
- const getValue = (component, repConfig, repState) => repState.get();
- const onLoad$2 = (component, repConfig, repState) => {
- repConfig.store.initialValue.each(initVal => {
- if (repState.isNotSet()) {
- repState.set(initVal);
- }
- });
- };
- const onUnload = (component, repConfig, repState) => {
- repState.clear();
- };
- var MemoryStore = [
- option$3('initialValue'),
- output$1('manager', {
- setValue,
- getValue,
- onLoad: onLoad$2,
- onUnload,
- state: memory$1
- })
- ];
- var RepresentSchema = [
- defaultedOf('store', { mode: 'memory' }, choose$1('mode', {
- memory: MemoryStore,
- manual: ManualStore,
- dataset: DatasetStore
- })),
- onHandler('onSetValue'),
- defaulted('resetOnDom', false)
- ];
- const Representing = create$3({
- fields: RepresentSchema,
- name: 'representing',
- active: ActiveRepresenting,
- apis: RepresentApis,
- extra: {
- setValueFrom: (component, source) => {
- const value = Representing.getValue(source);
- Representing.setValue(component, value);
- }
- },
- state: RepresentState
- });
- const field = (name, forbidden) => defaultedObjOf(name, {}, map$2(forbidden, f => forbid(f.name(), 'Cannot configure ' + f.name() + ' for ' + name)).concat([customField('dump', identity)]));
- const get$3 = data => data.dump;
- const augment = (data, original) => ({
- ...derive$1(original),
- ...data.dump
- });
- const SketchBehaviours = {
- field,
- augment,
- get: get$3
- };
- const _placeholder = 'placeholder';
- const adt$3 = Adt.generate([
- {
- single: [
- 'required',
- 'valueThunk'
- ]
- },
- {
- multiple: [
- 'required',
- 'valueThunks'
- ]
- }
- ]);
- const isSubstituted = spec => has$2(spec, 'uiType');
- const subPlaceholder = (owner, detail, compSpec, placeholders) => {
- if (owner.exists(o => o !== compSpec.owner)) {
- return adt$3.single(true, constant$1(compSpec));
- }
- return get$g(placeholders, compSpec.name).fold(() => {
- throw new Error('Unknown placeholder component: ' + compSpec.name + '\nKnown: [' + keys(placeholders) + ']\nNamespace: ' + owner.getOr('none') + '\nSpec: ' + JSON.stringify(compSpec, null, 2));
- }, newSpec => newSpec.replace());
- };
- const scan = (owner, detail, compSpec, placeholders) => {
- if (isSubstituted(compSpec) && compSpec.uiType === _placeholder) {
- return subPlaceholder(owner, detail, compSpec, placeholders);
- } else {
- return adt$3.single(false, constant$1(compSpec));
- }
- };
- const substitute = (owner, detail, compSpec, placeholders) => {
- const base = scan(owner, detail, compSpec, placeholders);
- return base.fold((req, valueThunk) => {
- const value = isSubstituted(compSpec) ? valueThunk(detail, compSpec.config, compSpec.validated) : valueThunk(detail);
- const childSpecs = get$g(value, 'components').getOr([]);
- const substituted = bind$3(childSpecs, c => substitute(owner, detail, c, placeholders));
- return [{
- ...value,
- components: substituted
- }];
- }, (req, valuesThunk) => {
- if (isSubstituted(compSpec)) {
- const values = valuesThunk(detail, compSpec.config, compSpec.validated);
- const preprocessor = compSpec.validated.preprocess.getOr(identity);
- return preprocessor(values);
- } else {
- return valuesThunk(detail);
- }
- });
- };
- const substituteAll = (owner, detail, components, placeholders) => bind$3(components, c => substitute(owner, detail, c, placeholders));
- const oneReplace = (label, replacements) => {
- let called = false;
- const used = () => called;
- const replace = () => {
- if (called) {
- throw new Error('Trying to use the same placeholder more than once: ' + label);
- }
- called = true;
- return replacements;
- };
- const required = () => replacements.fold((req, _) => req, (req, _) => req);
- return {
- name: constant$1(label),
- required,
- used,
- replace
- };
- };
- const substitutePlaces = (owner, detail, components, placeholders) => {
- const ps = map$1(placeholders, (ph, name) => oneReplace(name, ph));
- const outcome = substituteAll(owner, detail, components, ps);
- each(ps, p => {
- if (p.used() === false && p.required()) {
- throw new Error('Placeholder: ' + p.name() + ' was not found in components list\nNamespace: ' + owner.getOr('none') + '\nComponents: ' + JSON.stringify(detail.components, null, 2));
- }
- });
- return outcome;
- };
- const single$2 = adt$3.single;
- const multiple = adt$3.multiple;
- const placeholder = constant$1(_placeholder);
- const adt$2 = Adt.generate([
- { required: ['data'] },
- { external: ['data'] },
- { optional: ['data'] },
- { group: ['data'] }
- ]);
- const fFactory = defaulted('factory', { sketch: identity });
- const fSchema = defaulted('schema', []);
- const fName = required$1('name');
- const fPname = field$1('pname', 'pname', defaultedThunk(typeSpec => '<alloy.' + generate$6(typeSpec.name) + '>'), anyValue());
- const fGroupSchema = customField('schema', () => [option$3('preprocess')]);
- const fDefaults = defaulted('defaults', constant$1({}));
- const fOverrides = defaulted('overrides', constant$1({}));
- const requiredSpec = objOf([
- fFactory,
- fSchema,
- fName,
- fPname,
- fDefaults,
- fOverrides
- ]);
- const externalSpec = objOf([
- fFactory,
- fSchema,
- fName,
- fDefaults,
- fOverrides
- ]);
- const optionalSpec = objOf([
- fFactory,
- fSchema,
- fName,
- fPname,
- fDefaults,
- fOverrides
- ]);
- const groupSpec = objOf([
- fFactory,
- fGroupSchema,
- fName,
- required$1('unit'),
- fPname,
- fDefaults,
- fOverrides
- ]);
- const asNamedPart = part => {
- return part.fold(Optional.some, Optional.none, Optional.some, Optional.some);
- };
- const name$2 = part => {
- const get = data => data.name;
- return part.fold(get, get, get, get);
- };
- const asCommon = part => {
- return part.fold(identity, identity, identity, identity);
- };
- const convert = (adtConstructor, partSchema) => spec => {
- const data = asRawOrDie$1('Converting part type', partSchema, spec);
- return adtConstructor(data);
- };
- const required = convert(adt$2.required, requiredSpec);
- const external = convert(adt$2.external, externalSpec);
- const optional = convert(adt$2.optional, optionalSpec);
- const group = convert(adt$2.group, groupSpec);
- const original = constant$1('entirety');
- var PartType = /*#__PURE__*/Object.freeze({
- __proto__: null,
- required: required,
- external: external,
- optional: optional,
- group: group,
- asNamedPart: asNamedPart,
- name: name$2,
- asCommon: asCommon,
- original: original
- });
- const combine = (detail, data, partSpec, partValidated) => deepMerge(data.defaults(detail, partSpec, partValidated), partSpec, { uid: detail.partUids[data.name] }, data.overrides(detail, partSpec, partValidated));
- const subs = (owner, detail, parts) => {
- const internals = {};
- const externals = {};
- each$1(parts, part => {
- part.fold(data => {
- internals[data.pname] = single$2(true, (detail, partSpec, partValidated) => data.factory.sketch(combine(detail, data, partSpec, partValidated)));
- }, data => {
- const partSpec = detail.parts[data.name];
- externals[data.name] = constant$1(data.factory.sketch(combine(detail, data, partSpec[original()]), partSpec));
- }, data => {
- internals[data.pname] = single$2(false, (detail, partSpec, partValidated) => data.factory.sketch(combine(detail, data, partSpec, partValidated)));
- }, data => {
- internals[data.pname] = multiple(true, (detail, _partSpec, _partValidated) => {
- const units = detail[data.name];
- return map$2(units, u => data.factory.sketch(deepMerge(data.defaults(detail, u, _partValidated), u, data.overrides(detail, u))));
- });
- });
- });
- return {
- internals: constant$1(internals),
- externals: constant$1(externals)
- };
- };
- const generate$3 = (owner, parts) => {
- const r = {};
- each$1(parts, part => {
- asNamedPart(part).each(np => {
- const g = doGenerateOne(owner, np.pname);
- r[np.name] = config => {
- const validated = asRawOrDie$1('Part: ' + np.name + ' in ' + owner, objOf(np.schema), config);
- return {
- ...g,
- config,
- validated
- };
- };
- });
- });
- return r;
- };
- const doGenerateOne = (owner, pname) => ({
- uiType: placeholder(),
- owner,
- name: pname
- });
- const generateOne$1 = (owner, pname, config) => ({
- uiType: placeholder(),
- owner,
- name: pname,
- config,
- validated: {}
- });
- const schemas = parts => bind$3(parts, part => part.fold(Optional.none, Optional.some, Optional.none, Optional.none).map(data => requiredObjOf(data.name, data.schema.concat([snapshot(original())]))).toArray());
- const names = parts => map$2(parts, name$2);
- const substitutes = (owner, detail, parts) => subs(owner, detail, parts);
- const components$1 = (owner, detail, internals) => substitutePlaces(Optional.some(owner), detail, detail.components, internals);
- const getPart = (component, detail, partKey) => {
- const uid = detail.partUids[partKey];
- return component.getSystem().getByUid(uid).toOptional();
- };
- const getPartOrDie = (component, detail, partKey) => getPart(component, detail, partKey).getOrDie('Could not find part: ' + partKey);
- const getParts = (component, detail, partKeys) => {
- const r = {};
- const uids = detail.partUids;
- const system = component.getSystem();
- each$1(partKeys, pk => {
- r[pk] = constant$1(system.getByUid(uids[pk]));
- });
- return r;
- };
- const getAllParts = (component, detail) => {
- const system = component.getSystem();
- return map$1(detail.partUids, (pUid, _k) => constant$1(system.getByUid(pUid)));
- };
- const getAllPartNames = detail => keys(detail.partUids);
- const getPartsOrDie = (component, detail, partKeys) => {
- const r = {};
- const uids = detail.partUids;
- const system = component.getSystem();
- each$1(partKeys, pk => {
- r[pk] = constant$1(system.getByUid(uids[pk]).getOrDie());
- });
- return r;
- };
- const defaultUids = (baseUid, partTypes) => {
- const partNames = names(partTypes);
- return wrapAll(map$2(partNames, pn => ({
- key: pn,
- value: baseUid + '-' + pn
- })));
- };
- const defaultUidsSchema = partTypes => field$1('partUids', 'partUids', mergeWithThunk(spec => defaultUids(spec.uid, partTypes)), anyValue());
- var AlloyParts = /*#__PURE__*/Object.freeze({
- __proto__: null,
- generate: generate$3,
- generateOne: generateOne$1,
- schemas: schemas,
- names: names,
- substitutes: substitutes,
- components: components$1,
- defaultUids: defaultUids,
- defaultUidsSchema: defaultUidsSchema,
- getAllParts: getAllParts,
- getAllPartNames: getAllPartNames,
- getPart: getPart,
- getPartOrDie: getPartOrDie,
- getParts: getParts,
- getPartsOrDie: getPartsOrDie
- });
- const base = (partSchemas, partUidsSchemas) => {
- const ps = partSchemas.length > 0 ? [requiredObjOf('parts', partSchemas)] : [];
- return ps.concat([
- required$1('uid'),
- defaulted('dom', {}),
- defaulted('components', []),
- snapshot('originalSpec'),
- defaulted('debug.sketcher', {})
- ]).concat(partUidsSchemas);
- };
- const asRawOrDie = (label, schema, spec, partSchemas, partUidsSchemas) => {
- const baseS = base(partSchemas, partUidsSchemas);
- return asRawOrDie$1(label + ' [SpecSchema]', objOfOnly(baseS.concat(schema)), spec);
- };
- const single$1 = (owner, schema, factory, spec) => {
- const specWithUid = supplyUid(spec);
- const detail = asRawOrDie(owner, schema, specWithUid, [], []);
- return factory(detail, specWithUid);
- };
- const composite$1 = (owner, schema, partTypes, factory, spec) => {
- const specWithUid = supplyUid(spec);
- const partSchemas = schemas(partTypes);
- const partUidsSchema = defaultUidsSchema(partTypes);
- const detail = asRawOrDie(owner, schema, specWithUid, partSchemas, [partUidsSchema]);
- const subs = substitutes(owner, detail, partTypes);
- const components = components$1(owner, detail, subs.internals());
- return factory(detail, components, specWithUid, subs.externals());
- };
- const hasUid = spec => has$2(spec, 'uid');
- const supplyUid = spec => {
- return hasUid(spec) ? spec : {
- ...spec,
- uid: generate$5('uid')
- };
- };
- const isSketchSpec = spec => {
- return spec.uid !== undefined;
- };
- const singleSchema = objOfOnly([
- required$1('name'),
- required$1('factory'),
- required$1('configFields'),
- defaulted('apis', {}),
- defaulted('extraApis', {})
- ]);
- const compositeSchema = objOfOnly([
- required$1('name'),
- required$1('factory'),
- required$1('configFields'),
- required$1('partFields'),
- defaulted('apis', {}),
- defaulted('extraApis', {})
- ]);
- const single = rawConfig => {
- const config = asRawOrDie$1('Sketcher for ' + rawConfig.name, singleSchema, rawConfig);
- const sketch = spec => single$1(config.name, config.configFields, config.factory, spec);
- const apis = map$1(config.apis, makeApi);
- const extraApis = map$1(config.extraApis, (f, k) => markAsExtraApi(f, k));
- return {
- name: config.name,
- configFields: config.configFields,
- sketch,
- ...apis,
- ...extraApis
- };
- };
- const composite = rawConfig => {
- const config = asRawOrDie$1('Sketcher for ' + rawConfig.name, compositeSchema, rawConfig);
- const sketch = spec => composite$1(config.name, config.configFields, config.partFields, config.factory, spec);
- const parts = generate$3(config.name, config.partFields);
- const apis = map$1(config.apis, makeApi);
- const extraApis = map$1(config.extraApis, (f, k) => markAsExtraApi(f, k));
- return {
- name: config.name,
- partFields: config.partFields,
- configFields: config.configFields,
- sketch,
- parts,
- ...apis,
- ...extraApis
- };
- };
- const inside = target => isTag('input')(target) && get$f(target, 'type') !== 'radio' || isTag('textarea')(target);
- const getCurrent = (component, composeConfig, _composeState) => composeConfig.find(component);
- var ComposeApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- getCurrent: getCurrent
- });
- const ComposeSchema = [required$1('find')];
- const Composing = create$3({
- fields: ComposeSchema,
- name: 'composing',
- apis: ComposeApis
- });
- const nativeDisabled = [
- 'input',
- 'button',
- 'textarea',
- 'select'
- ];
- const onLoad$1 = (component, disableConfig, disableState) => {
- const f = disableConfig.disabled() ? disable : enable;
- f(component, disableConfig);
- };
- const hasNative = (component, config) => config.useNative === true && contains$2(nativeDisabled, name$3(component.element));
- const nativeIsDisabled = component => has$1(component.element, 'disabled');
- const nativeDisable = component => {
- set$9(component.element, 'disabled', 'disabled');
- };
- const nativeEnable = component => {
- remove$7(component.element, 'disabled');
- };
- const ariaIsDisabled = component => get$f(component.element, 'aria-disabled') === 'true';
- const ariaDisable = component => {
- set$9(component.element, 'aria-disabled', 'true');
- };
- const ariaEnable = component => {
- set$9(component.element, 'aria-disabled', 'false');
- };
- const disable = (component, disableConfig, _disableState) => {
- disableConfig.disableClass.each(disableClass => {
- add$2(component.element, disableClass);
- });
- const f = hasNative(component, disableConfig) ? nativeDisable : ariaDisable;
- f(component);
- disableConfig.onDisabled(component);
- };
- const enable = (component, disableConfig, _disableState) => {
- disableConfig.disableClass.each(disableClass => {
- remove$2(component.element, disableClass);
- });
- const f = hasNative(component, disableConfig) ? nativeEnable : ariaEnable;
- f(component);
- disableConfig.onEnabled(component);
- };
- const isDisabled = (component, disableConfig) => hasNative(component, disableConfig) ? nativeIsDisabled(component) : ariaIsDisabled(component);
- const set$4 = (component, disableConfig, disableState, disabled) => {
- const f = disabled ? disable : enable;
- f(component, disableConfig);
- };
- var DisableApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- enable: enable,
- disable: disable,
- isDisabled: isDisabled,
- onLoad: onLoad$1,
- set: set$4
- });
- const exhibit$5 = (base, disableConfig) => nu$7({ classes: disableConfig.disabled() ? disableConfig.disableClass.toArray() : [] });
- const events$e = (disableConfig, disableState) => derive$2([
- abort(execute$5(), (component, _simulatedEvent) => isDisabled(component, disableConfig)),
- loadEvent(disableConfig, disableState, onLoad$1)
- ]);
- var ActiveDisable = /*#__PURE__*/Object.freeze({
- __proto__: null,
- exhibit: exhibit$5,
- events: events$e
- });
- var DisableSchema = [
- defaultedFunction('disabled', never),
- defaulted('useNative', true),
- option$3('disableClass'),
- onHandler('onDisabled'),
- onHandler('onEnabled')
- ];
- const Disabling = create$3({
- fields: DisableSchema,
- name: 'disabling',
- active: ActiveDisable,
- apis: DisableApis
- });
- const dehighlightAllExcept = (component, hConfig, hState, skip) => {
- const highlighted = descendants(component.element, '.' + hConfig.highlightClass);
- each$1(highlighted, h => {
- if (!exists(skip, skipComp => skipComp.element === h)) {
- remove$2(h, hConfig.highlightClass);
- component.getSystem().getByDom(h).each(target => {
- hConfig.onDehighlight(component, target);
- emit(target, dehighlight$1());
- });
- }
- });
- };
- const dehighlightAll = (component, hConfig, hState) => dehighlightAllExcept(component, hConfig, hState, []);
- const dehighlight = (component, hConfig, hState, target) => {
- if (isHighlighted(component, hConfig, hState, target)) {
- remove$2(target.element, hConfig.highlightClass);
- hConfig.onDehighlight(component, target);
- emit(target, dehighlight$1());
- }
- };
- const highlight = (component, hConfig, hState, target) => {
- dehighlightAllExcept(component, hConfig, hState, [target]);
- if (!isHighlighted(component, hConfig, hState, target)) {
- add$2(target.element, hConfig.highlightClass);
- hConfig.onHighlight(component, target);
- emit(target, highlight$1());
- }
- };
- const highlightFirst = (component, hConfig, hState) => {
- getFirst(component, hConfig).each(firstComp => {
- highlight(component, hConfig, hState, firstComp);
- });
- };
- const highlightLast = (component, hConfig, hState) => {
- getLast(component, hConfig).each(lastComp => {
- highlight(component, hConfig, hState, lastComp);
- });
- };
- const highlightAt = (component, hConfig, hState, index) => {
- getByIndex(component, hConfig, hState, index).fold(err => {
- throw err;
- }, firstComp => {
- highlight(component, hConfig, hState, firstComp);
- });
- };
- const highlightBy = (component, hConfig, hState, predicate) => {
- const candidates = getCandidates(component, hConfig);
- const targetComp = find$5(candidates, predicate);
- targetComp.each(c => {
- highlight(component, hConfig, hState, c);
- });
- };
- const isHighlighted = (component, hConfig, hState, queryTarget) => has(queryTarget.element, hConfig.highlightClass);
- const getHighlighted = (component, hConfig, _hState) => descendant(component.element, '.' + hConfig.highlightClass).bind(e => component.getSystem().getByDom(e).toOptional());
- const getByIndex = (component, hConfig, hState, index) => {
- const items = descendants(component.element, '.' + hConfig.itemClass);
- return Optional.from(items[index]).fold(() => Result.error(new Error('No element found with index ' + index)), component.getSystem().getByDom);
- };
- const getFirst = (component, hConfig, _hState) => descendant(component.element, '.' + hConfig.itemClass).bind(e => component.getSystem().getByDom(e).toOptional());
- const getLast = (component, hConfig, _hState) => {
- const items = descendants(component.element, '.' + hConfig.itemClass);
- const last = items.length > 0 ? Optional.some(items[items.length - 1]) : Optional.none();
- return last.bind(c => component.getSystem().getByDom(c).toOptional());
- };
- const getDelta$2 = (component, hConfig, hState, delta) => {
- const items = descendants(component.element, '.' + hConfig.itemClass);
- const current = findIndex$1(items, item => has(item, hConfig.highlightClass));
- return current.bind(selected => {
- const dest = cycleBy(selected, delta, 0, items.length - 1);
- return component.getSystem().getByDom(items[dest]).toOptional();
- });
- };
- const getPrevious = (component, hConfig, hState) => getDelta$2(component, hConfig, hState, -1);
- const getNext = (component, hConfig, hState) => getDelta$2(component, hConfig, hState, +1);
- const getCandidates = (component, hConfig, _hState) => {
- const items = descendants(component.element, '.' + hConfig.itemClass);
- return cat(map$2(items, i => component.getSystem().getByDom(i).toOptional()));
- };
- var HighlightApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- dehighlightAll: dehighlightAll,
- dehighlight: dehighlight,
- highlight: highlight,
- highlightFirst: highlightFirst,
- highlightLast: highlightLast,
- highlightAt: highlightAt,
- highlightBy: highlightBy,
- isHighlighted: isHighlighted,
- getHighlighted: getHighlighted,
- getFirst: getFirst,
- getLast: getLast,
- getPrevious: getPrevious,
- getNext: getNext,
- getCandidates: getCandidates
- });
- var HighlightSchema = [
- required$1('highlightClass'),
- required$1('itemClass'),
- onHandler('onHighlight'),
- onHandler('onDehighlight')
- ];
- const Highlighting = create$3({
- fields: HighlightSchema,
- name: 'highlighting',
- apis: HighlightApis
- });
- const BACKSPACE = [8];
- const TAB = [9];
- const ENTER = [13];
- const ESCAPE = [27];
- const SPACE = [32];
- const LEFT = [37];
- const UP = [38];
- const RIGHT = [39];
- const DOWN = [40];
- const cyclePrev = (values, index, predicate) => {
- const before = reverse(values.slice(0, index));
- const after = reverse(values.slice(index + 1));
- return find$5(before.concat(after), predicate);
- };
- const tryPrev = (values, index, predicate) => {
- const before = reverse(values.slice(0, index));
- return find$5(before, predicate);
- };
- const cycleNext = (values, index, predicate) => {
- const before = values.slice(0, index);
- const after = values.slice(index + 1);
- return find$5(after.concat(before), predicate);
- };
- const tryNext = (values, index, predicate) => {
- const after = values.slice(index + 1);
- return find$5(after, predicate);
- };
- const inSet = keys => event => {
- const raw = event.raw;
- return contains$2(keys, raw.which);
- };
- const and = preds => event => forall(preds, pred => pred(event));
- const isShift = event => {
- const raw = event.raw;
- return raw.shiftKey === true;
- };
- const isControl = event => {
- const raw = event.raw;
- return raw.ctrlKey === true;
- };
- const isNotShift = not(isShift);
- const rule = (matches, action) => ({
- matches,
- classification: action
- });
- const choose = (transitions, event) => {
- const transition = find$5(transitions, t => t.matches(event));
- return transition.map(t => t.classification);
- };
- const reportFocusShifting = (component, prevFocus, newFocus) => {
- const noChange = prevFocus.exists(p => newFocus.exists(n => eq(n, p)));
- if (!noChange) {
- emitWith(component, focusShifted(), {
- prevFocus,
- newFocus
- });
- }
- };
- const dom$2 = () => {
- const get = component => search(component.element);
- const set = (component, focusee) => {
- const prevFocus = get(component);
- component.getSystem().triggerFocus(focusee, component.element);
- const newFocus = get(component);
- reportFocusShifting(component, prevFocus, newFocus);
- };
- return {
- get,
- set
- };
- };
- const highlights = () => {
- const get = component => Highlighting.getHighlighted(component).map(item => item.element);
- const set = (component, element) => {
- const prevFocus = get(component);
- component.getSystem().getByDom(element).fold(noop, item => {
- Highlighting.highlight(component, item);
- });
- const newFocus = get(component);
- reportFocusShifting(component, prevFocus, newFocus);
- };
- return {
- get,
- set
- };
- };
- var FocusInsideModes;
- (function (FocusInsideModes) {
- FocusInsideModes['OnFocusMode'] = 'onFocus';
- FocusInsideModes['OnEnterOrSpaceMode'] = 'onEnterOrSpace';
- FocusInsideModes['OnApiMode'] = 'onApi';
- }(FocusInsideModes || (FocusInsideModes = {})));
- const typical = (infoSchema, stateInit, getKeydownRules, getKeyupRules, optFocusIn) => {
- const schema = () => infoSchema.concat([
- defaulted('focusManager', dom$2()),
- defaultedOf('focusInside', 'onFocus', valueOf(val => contains$2([
- 'onFocus',
- 'onEnterOrSpace',
- 'onApi'
- ], val) ? Result.value(val) : Result.error('Invalid value for focusInside'))),
- output$1('handler', me),
- output$1('state', stateInit),
- output$1('sendFocusIn', optFocusIn)
- ]);
- const processKey = (component, simulatedEvent, getRules, keyingConfig, keyingState) => {
- const rules = getRules(component, simulatedEvent, keyingConfig, keyingState);
- return choose(rules, simulatedEvent.event).bind(rule => rule(component, simulatedEvent, keyingConfig, keyingState));
- };
- const toEvents = (keyingConfig, keyingState) => {
- const onFocusHandler = keyingConfig.focusInside !== FocusInsideModes.OnFocusMode ? Optional.none() : optFocusIn(keyingConfig).map(focusIn => run$1(focus$4(), (component, simulatedEvent) => {
- focusIn(component, keyingConfig, keyingState);
- simulatedEvent.stop();
- }));
- const tryGoInsideComponent = (component, simulatedEvent) => {
- const isEnterOrSpace = inSet(SPACE.concat(ENTER))(simulatedEvent.event);
- if (keyingConfig.focusInside === FocusInsideModes.OnEnterOrSpaceMode && isEnterOrSpace && isSource(component, simulatedEvent)) {
- optFocusIn(keyingConfig).each(focusIn => {
- focusIn(component, keyingConfig, keyingState);
- simulatedEvent.stop();
- });
- }
- };
- const keyboardEvents = [
- run$1(keydown(), (component, simulatedEvent) => {
- processKey(component, simulatedEvent, getKeydownRules, keyingConfig, keyingState).fold(() => {
- tryGoInsideComponent(component, simulatedEvent);
- }, _ => {
- simulatedEvent.stop();
- });
- }),
- run$1(keyup(), (component, simulatedEvent) => {
- processKey(component, simulatedEvent, getKeyupRules, keyingConfig, keyingState).each(_ => {
- simulatedEvent.stop();
- });
- })
- ];
- return derive$2(onFocusHandler.toArray().concat(keyboardEvents));
- };
- const me = {
- schema,
- processKey,
- toEvents
- };
- return me;
- };
- const create$1 = cyclicField => {
- const schema = [
- option$3('onEscape'),
- option$3('onEnter'),
- defaulted('selector', '[data-alloy-tabstop="true"]:not(:disabled)'),
- defaulted('firstTabstop', 0),
- defaulted('useTabstopAt', always),
- option$3('visibilitySelector')
- ].concat([cyclicField]);
- const isVisible = (tabbingConfig, element) => {
- const target = tabbingConfig.visibilitySelector.bind(sel => closest$1(element, sel)).getOr(element);
- return get$d(target) > 0;
- };
- const findInitial = (component, tabbingConfig) => {
- const tabstops = descendants(component.element, tabbingConfig.selector);
- const visibles = filter$2(tabstops, elem => isVisible(tabbingConfig, elem));
- return Optional.from(visibles[tabbingConfig.firstTabstop]);
- };
- const findCurrent = (component, tabbingConfig) => tabbingConfig.focusManager.get(component).bind(elem => closest$1(elem, tabbingConfig.selector));
- const isTabstop = (tabbingConfig, element) => isVisible(tabbingConfig, element) && tabbingConfig.useTabstopAt(element);
- const focusIn = (component, tabbingConfig, _tabbingState) => {
- findInitial(component, tabbingConfig).each(target => {
- tabbingConfig.focusManager.set(component, target);
- });
- };
- const goFromTabstop = (component, tabstops, stopIndex, tabbingConfig, cycle) => cycle(tabstops, stopIndex, elem => isTabstop(tabbingConfig, elem)).fold(() => tabbingConfig.cyclic ? Optional.some(true) : Optional.none(), target => {
- tabbingConfig.focusManager.set(component, target);
- return Optional.some(true);
- });
- const go = (component, _simulatedEvent, tabbingConfig, cycle) => {
- const tabstops = descendants(component.element, tabbingConfig.selector);
- return findCurrent(component, tabbingConfig).bind(tabstop => {
- const optStopIndex = findIndex$1(tabstops, curry(eq, tabstop));
- return optStopIndex.bind(stopIndex => goFromTabstop(component, tabstops, stopIndex, tabbingConfig, cycle));
- });
- };
- const goBackwards = (component, simulatedEvent, tabbingConfig) => {
- const navigate = tabbingConfig.cyclic ? cyclePrev : tryPrev;
- return go(component, simulatedEvent, tabbingConfig, navigate);
- };
- const goForwards = (component, simulatedEvent, tabbingConfig) => {
- const navigate = tabbingConfig.cyclic ? cycleNext : tryNext;
- return go(component, simulatedEvent, tabbingConfig, navigate);
- };
- const execute = (component, simulatedEvent, tabbingConfig) => tabbingConfig.onEnter.bind(f => f(component, simulatedEvent));
- const exit = (component, simulatedEvent, tabbingConfig) => tabbingConfig.onEscape.bind(f => f(component, simulatedEvent));
- const getKeydownRules = constant$1([
- rule(and([
- isShift,
- inSet(TAB)
- ]), goBackwards),
- rule(inSet(TAB), goForwards),
- rule(inSet(ESCAPE), exit),
- rule(and([
- isNotShift,
- inSet(ENTER)
- ]), execute)
- ]);
- const getKeyupRules = constant$1([]);
- return typical(schema, NoState.init, getKeydownRules, getKeyupRules, () => Optional.some(focusIn));
- };
- var AcyclicType = create$1(customField('cyclic', never));
- var CyclicType = create$1(customField('cyclic', always));
- const doDefaultExecute = (component, _simulatedEvent, focused) => {
- dispatch(component, focused, execute$5());
- return Optional.some(true);
- };
- const defaultExecute = (component, simulatedEvent, focused) => {
- const isComplex = inside(focused) && inSet(SPACE)(simulatedEvent.event);
- return isComplex ? Optional.none() : doDefaultExecute(component, simulatedEvent, focused);
- };
- const stopEventForFirefox = (_component, _simulatedEvent) => Optional.some(true);
- const schema$v = [
- defaulted('execute', defaultExecute),
- defaulted('useSpace', false),
- defaulted('useEnter', true),
- defaulted('useControlEnter', false),
- defaulted('useDown', false)
- ];
- const execute$4 = (component, simulatedEvent, executeConfig) => executeConfig.execute(component, simulatedEvent, component.element);
- const getKeydownRules$5 = (component, _simulatedEvent, executeConfig, _executeState) => {
- const spaceExec = executeConfig.useSpace && !inside(component.element) ? SPACE : [];
- const enterExec = executeConfig.useEnter ? ENTER : [];
- const downExec = executeConfig.useDown ? DOWN : [];
- const execKeys = spaceExec.concat(enterExec).concat(downExec);
- return [rule(inSet(execKeys), execute$4)].concat(executeConfig.useControlEnter ? [rule(and([
- isControl,
- inSet(ENTER)
- ]), execute$4)] : []);
- };
- const getKeyupRules$5 = (component, _simulatedEvent, executeConfig, _executeState) => executeConfig.useSpace && !inside(component.element) ? [rule(inSet(SPACE), stopEventForFirefox)] : [];
- var ExecutionType = typical(schema$v, NoState.init, getKeydownRules$5, getKeyupRules$5, () => Optional.none());
- const flatgrid$1 = () => {
- const dimensions = value$2();
- const setGridSize = (numRows, numColumns) => {
- dimensions.set({
- numRows,
- numColumns
- });
- };
- const getNumRows = () => dimensions.get().map(d => d.numRows);
- const getNumColumns = () => dimensions.get().map(d => d.numColumns);
- return nu$8({
- readState: () => dimensions.get().map(d => ({
- numRows: String(d.numRows),
- numColumns: String(d.numColumns)
- })).getOr({
- numRows: '?',
- numColumns: '?'
- }),
- setGridSize,
- getNumRows,
- getNumColumns
- });
- };
- const init$d = spec => spec.state(spec);
- var KeyingState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- flatgrid: flatgrid$1,
- init: init$d
- });
- const useH = movement => (component, simulatedEvent, config, state) => {
- const move = movement(component.element);
- return use(move, component, simulatedEvent, config, state);
- };
- const west$1 = (moveLeft, moveRight) => {
- const movement = onDirection(moveLeft, moveRight);
- return useH(movement);
- };
- const east$1 = (moveLeft, moveRight) => {
- const movement = onDirection(moveRight, moveLeft);
- return useH(movement);
- };
- const useV = move => (component, simulatedEvent, config, state) => use(move, component, simulatedEvent, config, state);
- const use = (move, component, simulatedEvent, config, state) => {
- const outcome = config.focusManager.get(component).bind(focused => move(component.element, focused, config, state));
- return outcome.map(newFocus => {
- config.focusManager.set(component, newFocus);
- return true;
- });
- };
- const north$1 = useV;
- const south$1 = useV;
- const move$1 = useV;
- const isHidden$1 = dom => dom.offsetWidth <= 0 && dom.offsetHeight <= 0;
- const isVisible = element => !isHidden$1(element.dom);
- const locate = (candidates, predicate) => findIndex$1(candidates, predicate).map(index => ({
- index,
- candidates
- }));
- const locateVisible = (container, current, selector) => {
- const predicate = x => eq(x, current);
- const candidates = descendants(container, selector);
- const visible = filter$2(candidates, isVisible);
- return locate(visible, predicate);
- };
- const findIndex = (elements, target) => findIndex$1(elements, elem => eq(target, elem));
- const withGrid = (values, index, numCols, f) => {
- const oldRow = Math.floor(index / numCols);
- const oldColumn = index % numCols;
- return f(oldRow, oldColumn).bind(address => {
- const newIndex = address.row * numCols + address.column;
- return newIndex >= 0 && newIndex < values.length ? Optional.some(values[newIndex]) : Optional.none();
- });
- };
- const cycleHorizontal$1 = (values, index, numRows, numCols, delta) => withGrid(values, index, numCols, (oldRow, oldColumn) => {
- const onLastRow = oldRow === numRows - 1;
- const colsInRow = onLastRow ? values.length - oldRow * numCols : numCols;
- const newColumn = cycleBy(oldColumn, delta, 0, colsInRow - 1);
- return Optional.some({
- row: oldRow,
- column: newColumn
- });
- });
- const cycleVertical$1 = (values, index, numRows, numCols, delta) => withGrid(values, index, numCols, (oldRow, oldColumn) => {
- const newRow = cycleBy(oldRow, delta, 0, numRows - 1);
- const onLastRow = newRow === numRows - 1;
- const colsInRow = onLastRow ? values.length - newRow * numCols : numCols;
- const newCol = clamp(oldColumn, 0, colsInRow - 1);
- return Optional.some({
- row: newRow,
- column: newCol
- });
- });
- const cycleRight$1 = (values, index, numRows, numCols) => cycleHorizontal$1(values, index, numRows, numCols, +1);
- const cycleLeft$1 = (values, index, numRows, numCols) => cycleHorizontal$1(values, index, numRows, numCols, -1);
- const cycleUp$1 = (values, index, numRows, numCols) => cycleVertical$1(values, index, numRows, numCols, -1);
- const cycleDown$1 = (values, index, numRows, numCols) => cycleVertical$1(values, index, numRows, numCols, +1);
- const schema$u = [
- required$1('selector'),
- defaulted('execute', defaultExecute),
- onKeyboardHandler('onEscape'),
- defaulted('captureTab', false),
- initSize()
- ];
- const focusIn$3 = (component, gridConfig, _gridState) => {
- descendant(component.element, gridConfig.selector).each(first => {
- gridConfig.focusManager.set(component, first);
- });
- };
- const findCurrent$1 = (component, gridConfig) => gridConfig.focusManager.get(component).bind(elem => closest$1(elem, gridConfig.selector));
- const execute$3 = (component, simulatedEvent, gridConfig, _gridState) => findCurrent$1(component, gridConfig).bind(focused => gridConfig.execute(component, simulatedEvent, focused));
- const doMove$2 = cycle => (element, focused, gridConfig, gridState) => locateVisible(element, focused, gridConfig.selector).bind(identified => cycle(identified.candidates, identified.index, gridState.getNumRows().getOr(gridConfig.initSize.numRows), gridState.getNumColumns().getOr(gridConfig.initSize.numColumns)));
- const handleTab = (_component, _simulatedEvent, gridConfig) => gridConfig.captureTab ? Optional.some(true) : Optional.none();
- const doEscape$1 = (component, simulatedEvent, gridConfig) => gridConfig.onEscape(component, simulatedEvent);
- const moveLeft$3 = doMove$2(cycleLeft$1);
- const moveRight$3 = doMove$2(cycleRight$1);
- const moveNorth$1 = doMove$2(cycleUp$1);
- const moveSouth$1 = doMove$2(cycleDown$1);
- const getKeydownRules$4 = constant$1([
- rule(inSet(LEFT), west$1(moveLeft$3, moveRight$3)),
- rule(inSet(RIGHT), east$1(moveLeft$3, moveRight$3)),
- rule(inSet(UP), north$1(moveNorth$1)),
- rule(inSet(DOWN), south$1(moveSouth$1)),
- rule(and([
- isShift,
- inSet(TAB)
- ]), handleTab),
- rule(and([
- isNotShift,
- inSet(TAB)
- ]), handleTab),
- rule(inSet(ESCAPE), doEscape$1),
- rule(inSet(SPACE.concat(ENTER)), execute$3)
- ]);
- const getKeyupRules$4 = constant$1([rule(inSet(SPACE), stopEventForFirefox)]);
- var FlatgridType = typical(schema$u, flatgrid$1, getKeydownRules$4, getKeyupRules$4, () => Optional.some(focusIn$3));
- const horizontal = (container, selector, current, delta) => {
- const isDisabledButton = candidate => name$3(candidate) === 'button' && get$f(candidate, 'disabled') === 'disabled';
- const tryCycle = (initial, index, candidates) => {
- const newIndex = cycleBy(index, delta, 0, candidates.length - 1);
- if (newIndex === initial) {
- return Optional.none();
- } else {
- return isDisabledButton(candidates[newIndex]) ? tryCycle(initial, newIndex, candidates) : Optional.from(candidates[newIndex]);
- }
- };
- return locateVisible(container, current, selector).bind(identified => {
- const index = identified.index;
- const candidates = identified.candidates;
- return tryCycle(index, index, candidates);
- });
- };
- const schema$t = [
- required$1('selector'),
- defaulted('getInitial', Optional.none),
- defaulted('execute', defaultExecute),
- onKeyboardHandler('onEscape'),
- defaulted('executeOnMove', false),
- defaulted('allowVertical', true)
- ];
- const findCurrent = (component, flowConfig) => flowConfig.focusManager.get(component).bind(elem => closest$1(elem, flowConfig.selector));
- const execute$2 = (component, simulatedEvent, flowConfig) => findCurrent(component, flowConfig).bind(focused => flowConfig.execute(component, simulatedEvent, focused));
- const focusIn$2 = (component, flowConfig, _state) => {
- flowConfig.getInitial(component).orThunk(() => descendant(component.element, flowConfig.selector)).each(first => {
- flowConfig.focusManager.set(component, first);
- });
- };
- const moveLeft$2 = (element, focused, info) => horizontal(element, info.selector, focused, -1);
- const moveRight$2 = (element, focused, info) => horizontal(element, info.selector, focused, +1);
- const doMove$1 = movement => (component, simulatedEvent, flowConfig, flowState) => movement(component, simulatedEvent, flowConfig, flowState).bind(() => flowConfig.executeOnMove ? execute$2(component, simulatedEvent, flowConfig) : Optional.some(true));
- const doEscape = (component, simulatedEvent, flowConfig) => flowConfig.onEscape(component, simulatedEvent);
- const getKeydownRules$3 = (_component, _se, flowConfig, _flowState) => {
- const westMovers = LEFT.concat(flowConfig.allowVertical ? UP : []);
- const eastMovers = RIGHT.concat(flowConfig.allowVertical ? DOWN : []);
- return [
- rule(inSet(westMovers), doMove$1(west$1(moveLeft$2, moveRight$2))),
- rule(inSet(eastMovers), doMove$1(east$1(moveLeft$2, moveRight$2))),
- rule(inSet(ENTER), execute$2),
- rule(inSet(SPACE), execute$2),
- rule(inSet(ESCAPE), doEscape)
- ];
- };
- const getKeyupRules$3 = constant$1([rule(inSet(SPACE), stopEventForFirefox)]);
- var FlowType = typical(schema$t, NoState.init, getKeydownRules$3, getKeyupRules$3, () => Optional.some(focusIn$2));
- const toCell = (matrix, rowIndex, columnIndex) => Optional.from(matrix[rowIndex]).bind(row => Optional.from(row[columnIndex]).map(cell => ({
- rowIndex,
- columnIndex,
- cell
- })));
- const cycleHorizontal = (matrix, rowIndex, startCol, deltaCol) => {
- const row = matrix[rowIndex];
- const colsInRow = row.length;
- const newColIndex = cycleBy(startCol, deltaCol, 0, colsInRow - 1);
- return toCell(matrix, rowIndex, newColIndex);
- };
- const cycleVertical = (matrix, colIndex, startRow, deltaRow) => {
- const nextRowIndex = cycleBy(startRow, deltaRow, 0, matrix.length - 1);
- const colsInNextRow = matrix[nextRowIndex].length;
- const nextColIndex = clamp(colIndex, 0, colsInNextRow - 1);
- return toCell(matrix, nextRowIndex, nextColIndex);
- };
- const moveHorizontal = (matrix, rowIndex, startCol, deltaCol) => {
- const row = matrix[rowIndex];
- const colsInRow = row.length;
- const newColIndex = clamp(startCol + deltaCol, 0, colsInRow - 1);
- return toCell(matrix, rowIndex, newColIndex);
- };
- const moveVertical = (matrix, colIndex, startRow, deltaRow) => {
- const nextRowIndex = clamp(startRow + deltaRow, 0, matrix.length - 1);
- const colsInNextRow = matrix[nextRowIndex].length;
- const nextColIndex = clamp(colIndex, 0, colsInNextRow - 1);
- return toCell(matrix, nextRowIndex, nextColIndex);
- };
- const cycleRight = (matrix, startRow, startCol) => cycleHorizontal(matrix, startRow, startCol, +1);
- const cycleLeft = (matrix, startRow, startCol) => cycleHorizontal(matrix, startRow, startCol, -1);
- const cycleUp = (matrix, startRow, startCol) => cycleVertical(matrix, startCol, startRow, -1);
- const cycleDown = (matrix, startRow, startCol) => cycleVertical(matrix, startCol, startRow, +1);
- const moveLeft$1 = (matrix, startRow, startCol) => moveHorizontal(matrix, startRow, startCol, -1);
- const moveRight$1 = (matrix, startRow, startCol) => moveHorizontal(matrix, startRow, startCol, +1);
- const moveUp$1 = (matrix, startRow, startCol) => moveVertical(matrix, startCol, startRow, -1);
- const moveDown$1 = (matrix, startRow, startCol) => moveVertical(matrix, startCol, startRow, +1);
- const schema$s = [
- requiredObjOf('selectors', [
- required$1('row'),
- required$1('cell')
- ]),
- defaulted('cycles', true),
- defaulted('previousSelector', Optional.none),
- defaulted('execute', defaultExecute)
- ];
- const focusIn$1 = (component, matrixConfig, _state) => {
- const focused = matrixConfig.previousSelector(component).orThunk(() => {
- const selectors = matrixConfig.selectors;
- return descendant(component.element, selectors.cell);
- });
- focused.each(cell => {
- matrixConfig.focusManager.set(component, cell);
- });
- };
- const execute$1 = (component, simulatedEvent, matrixConfig) => search(component.element).bind(focused => matrixConfig.execute(component, simulatedEvent, focused));
- const toMatrix = (rows, matrixConfig) => map$2(rows, row => descendants(row, matrixConfig.selectors.cell));
- const doMove = (ifCycle, ifMove) => (element, focused, matrixConfig) => {
- const move = matrixConfig.cycles ? ifCycle : ifMove;
- return closest$1(focused, matrixConfig.selectors.row).bind(inRow => {
- const cellsInRow = descendants(inRow, matrixConfig.selectors.cell);
- return findIndex(cellsInRow, focused).bind(colIndex => {
- const allRows = descendants(element, matrixConfig.selectors.row);
- return findIndex(allRows, inRow).bind(rowIndex => {
- const matrix = toMatrix(allRows, matrixConfig);
- return move(matrix, rowIndex, colIndex).map(next => next.cell);
- });
- });
- });
- };
- const moveLeft = doMove(cycleLeft, moveLeft$1);
- const moveRight = doMove(cycleRight, moveRight$1);
- const moveNorth = doMove(cycleUp, moveUp$1);
- const moveSouth = doMove(cycleDown, moveDown$1);
- const getKeydownRules$2 = constant$1([
- rule(inSet(LEFT), west$1(moveLeft, moveRight)),
- rule(inSet(RIGHT), east$1(moveLeft, moveRight)),
- rule(inSet(UP), north$1(moveNorth)),
- rule(inSet(DOWN), south$1(moveSouth)),
- rule(inSet(SPACE.concat(ENTER)), execute$1)
- ]);
- const getKeyupRules$2 = constant$1([rule(inSet(SPACE), stopEventForFirefox)]);
- var MatrixType = typical(schema$s, NoState.init, getKeydownRules$2, getKeyupRules$2, () => Optional.some(focusIn$1));
- const schema$r = [
- required$1('selector'),
- defaulted('execute', defaultExecute),
- defaulted('moveOnTab', false)
- ];
- const execute = (component, simulatedEvent, menuConfig) => menuConfig.focusManager.get(component).bind(focused => menuConfig.execute(component, simulatedEvent, focused));
- const focusIn = (component, menuConfig, _state) => {
- descendant(component.element, menuConfig.selector).each(first => {
- menuConfig.focusManager.set(component, first);
- });
- };
- const moveUp = (element, focused, info) => horizontal(element, info.selector, focused, -1);
- const moveDown = (element, focused, info) => horizontal(element, info.selector, focused, +1);
- const fireShiftTab = (component, simulatedEvent, menuConfig, menuState) => menuConfig.moveOnTab ? move$1(moveUp)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
- const fireTab = (component, simulatedEvent, menuConfig, menuState) => menuConfig.moveOnTab ? move$1(moveDown)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
- const getKeydownRules$1 = constant$1([
- rule(inSet(UP), move$1(moveUp)),
- rule(inSet(DOWN), move$1(moveDown)),
- rule(and([
- isShift,
- inSet(TAB)
- ]), fireShiftTab),
- rule(and([
- isNotShift,
- inSet(TAB)
- ]), fireTab),
- rule(inSet(ENTER), execute),
- rule(inSet(SPACE), execute)
- ]);
- const getKeyupRules$1 = constant$1([rule(inSet(SPACE), stopEventForFirefox)]);
- var MenuType = typical(schema$r, NoState.init, getKeydownRules$1, getKeyupRules$1, () => Optional.some(focusIn));
- const schema$q = [
- onKeyboardHandler('onSpace'),
- onKeyboardHandler('onEnter'),
- onKeyboardHandler('onShiftEnter'),
- onKeyboardHandler('onLeft'),
- onKeyboardHandler('onRight'),
- onKeyboardHandler('onTab'),
- onKeyboardHandler('onShiftTab'),
- onKeyboardHandler('onUp'),
- onKeyboardHandler('onDown'),
- onKeyboardHandler('onEscape'),
- defaulted('stopSpaceKeyup', false),
- option$3('focusIn')
- ];
- const getKeydownRules = (component, simulatedEvent, specialInfo) => [
- rule(inSet(SPACE), specialInfo.onSpace),
- rule(and([
- isNotShift,
- inSet(ENTER)
- ]), specialInfo.onEnter),
- rule(and([
- isShift,
- inSet(ENTER)
- ]), specialInfo.onShiftEnter),
- rule(and([
- isShift,
- inSet(TAB)
- ]), specialInfo.onShiftTab),
- rule(and([
- isNotShift,
- inSet(TAB)
- ]), specialInfo.onTab),
- rule(inSet(UP), specialInfo.onUp),
- rule(inSet(DOWN), specialInfo.onDown),
- rule(inSet(LEFT), specialInfo.onLeft),
- rule(inSet(RIGHT), specialInfo.onRight),
- rule(inSet(SPACE), specialInfo.onSpace),
- rule(inSet(ESCAPE), specialInfo.onEscape)
- ];
- const getKeyupRules = (component, simulatedEvent, specialInfo) => specialInfo.stopSpaceKeyup ? [rule(inSet(SPACE), stopEventForFirefox)] : [];
- var SpecialType = typical(schema$q, NoState.init, getKeydownRules, getKeyupRules, specialInfo => specialInfo.focusIn);
- const acyclic = AcyclicType.schema();
- const cyclic = CyclicType.schema();
- const flow = FlowType.schema();
- const flatgrid = FlatgridType.schema();
- const matrix = MatrixType.schema();
- const execution = ExecutionType.schema();
- const menu = MenuType.schema();
- const special = SpecialType.schema();
- var KeyboardBranches = /*#__PURE__*/Object.freeze({
- __proto__: null,
- acyclic: acyclic,
- cyclic: cyclic,
- flow: flow,
- flatgrid: flatgrid,
- matrix: matrix,
- execution: execution,
- menu: menu,
- special: special
- });
- const isFlatgridState = keyState => hasNonNullableKey(keyState, 'setGridSize');
- const Keying = createModes({
- branchKey: 'mode',
- branches: KeyboardBranches,
- name: 'keying',
- active: {
- events: (keyingConfig, keyingState) => {
- const handler = keyingConfig.handler;
- return handler.toEvents(keyingConfig, keyingState);
- }
- },
- apis: {
- focusIn: (component, keyConfig, keyState) => {
- keyConfig.sendFocusIn(keyConfig).fold(() => {
- component.getSystem().triggerFocus(component.element, component.element);
- }, sendFocusIn => {
- sendFocusIn(component, keyConfig, keyState);
- });
- },
- setGridSize: (component, keyConfig, keyState, numRows, numColumns) => {
- if (!isFlatgridState(keyState)) {
- console.error('Layout does not support setGridSize');
- } else {
- keyState.setGridSize(numRows, numColumns);
- }
- }
- },
- state: KeyingState
- });
- const withoutReuse = (parent, data) => {
- preserve$1(() => {
- replaceChildren(parent, data, () => map$2(data, parent.getSystem().build));
- }, parent.element);
- };
- const withReuse = (parent, data) => {
- preserve$1(() => {
- virtualReplaceChildren(parent, data, () => {
- return patchSpecChildren(parent.element, data, parent.getSystem().buildOrPatch);
- });
- }, parent.element);
- };
- const virtualReplace = (component, replacee, replaceeIndex, childSpec) => {
- virtualDetach(replacee);
- const child = patchSpecChild(component.element, replaceeIndex, childSpec, component.getSystem().buildOrPatch);
- virtualAttach(component, child);
- component.syncComponents();
- };
- const insert = (component, insertion, childSpec) => {
- const child = component.getSystem().build(childSpec);
- attachWith(component, child, insertion);
- };
- const replace = (component, replacee, replaceeIndex, childSpec) => {
- detach(replacee);
- insert(component, (p, c) => appendAt(p, c, replaceeIndex), childSpec);
- };
- const set$3 = (component, replaceConfig, replaceState, data) => {
- const replacer = replaceConfig.reuseDom ? withReuse : withoutReuse;
- return replacer(component, data);
- };
- const append = (component, replaceConfig, replaceState, appendee) => {
- insert(component, append$2, appendee);
- };
- const prepend = (component, replaceConfig, replaceState, prependee) => {
- insert(component, prepend$1, prependee);
- };
- const remove = (component, replaceConfig, replaceState, removee) => {
- const children = contents(component);
- const foundChild = find$5(children, child => eq(removee.element, child.element));
- foundChild.each(detach);
- };
- const contents = (component, _replaceConfig) => component.components();
- const replaceAt = (component, replaceConfig, replaceState, replaceeIndex, replacer) => {
- const children = contents(component);
- return Optional.from(children[replaceeIndex]).map(replacee => {
- replacer.fold(() => detach(replacee), r => {
- const replacer = replaceConfig.reuseDom ? virtualReplace : replace;
- replacer(component, replacee, replaceeIndex, r);
- });
- return replacee;
- });
- };
- const replaceBy = (component, replaceConfig, replaceState, replaceePred, replacer) => {
- const children = contents(component);
- return findIndex$1(children, replaceePred).bind(replaceeIndex => replaceAt(component, replaceConfig, replaceState, replaceeIndex, replacer));
- };
- var ReplaceApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- append: append,
- prepend: prepend,
- remove: remove,
- replaceAt: replaceAt,
- replaceBy: replaceBy,
- set: set$3,
- contents: contents
- });
- const Replacing = create$3({
- fields: [defaultedBoolean('reuseDom', true)],
- name: 'replacing',
- apis: ReplaceApis
- });
- const events$d = (name, eventHandlers) => {
- const events = derive$2(eventHandlers);
- return create$3({
- fields: [required$1('enabled')],
- name,
- active: { events: constant$1(events) }
- });
- };
- const config = (name, eventHandlers) => {
- const me = events$d(name, eventHandlers);
- return {
- key: name,
- value: {
- config: {},
- me,
- configAsRaw: constant$1({}),
- initialConfig: {},
- state: NoState
- }
- };
- };
- const focus$2 = (component, focusConfig) => {
- if (!focusConfig.ignore) {
- focus$3(component.element);
- focusConfig.onFocus(component);
- }
- };
- const blur = (component, focusConfig) => {
- if (!focusConfig.ignore) {
- blur$1(component.element);
- }
- };
- const isFocused = component => hasFocus(component.element);
- var FocusApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- focus: focus$2,
- blur: blur,
- isFocused: isFocused
- });
- const exhibit$4 = (base, focusConfig) => {
- const mod = focusConfig.ignore ? {} : { attributes: { tabindex: '-1' } };
- return nu$7(mod);
- };
- const events$c = focusConfig => derive$2([run$1(focus$4(), (component, simulatedEvent) => {
- focus$2(component, focusConfig);
- simulatedEvent.stop();
- })].concat(focusConfig.stopMousedown ? [run$1(mousedown(), (_, simulatedEvent) => {
- simulatedEvent.event.prevent();
- })] : []));
- var ActiveFocus = /*#__PURE__*/Object.freeze({
- __proto__: null,
- exhibit: exhibit$4,
- events: events$c
- });
- var FocusSchema = [
- onHandler('onFocus'),
- defaulted('stopMousedown', false),
- defaulted('ignore', false)
- ];
- const Focusing = create$3({
- fields: FocusSchema,
- name: 'focusing',
- active: ActiveFocus,
- apis: FocusApis
- });
- const SetupBehaviourCellState = initialState => {
- const init = () => {
- const cell = Cell(initialState);
- const get = () => cell.get();
- const set = newState => cell.set(newState);
- const clear = () => cell.set(initialState);
- const readState = () => cell.get();
- return {
- get,
- set,
- clear,
- readState
- };
- };
- return { init };
- };
- const updateAriaState = (component, toggleConfig, toggleState) => {
- const ariaInfo = toggleConfig.aria;
- ariaInfo.update(component, ariaInfo, toggleState.get());
- };
- const updateClass = (component, toggleConfig, toggleState) => {
- toggleConfig.toggleClass.each(toggleClass => {
- if (toggleState.get()) {
- add$2(component.element, toggleClass);
- } else {
- remove$2(component.element, toggleClass);
- }
- });
- };
- const toggle$2 = (component, toggleConfig, toggleState) => {
- set$2(component, toggleConfig, toggleState, !toggleState.get());
- };
- const on = (component, toggleConfig, toggleState) => {
- toggleState.set(true);
- updateClass(component, toggleConfig, toggleState);
- updateAriaState(component, toggleConfig, toggleState);
- };
- const off = (component, toggleConfig, toggleState) => {
- toggleState.set(false);
- updateClass(component, toggleConfig, toggleState);
- updateAriaState(component, toggleConfig, toggleState);
- };
- const set$2 = (component, toggleConfig, toggleState, state) => {
- const action = state ? on : off;
- action(component, toggleConfig, toggleState);
- };
- const isOn = (component, toggleConfig, toggleState) => toggleState.get();
- const onLoad = (component, toggleConfig, toggleState) => {
- set$2(component, toggleConfig, toggleState, toggleConfig.selected);
- };
- var ToggleApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- onLoad: onLoad,
- toggle: toggle$2,
- isOn: isOn,
- on: on,
- off: off,
- set: set$2
- });
- const exhibit$3 = () => nu$7({});
- const events$b = (toggleConfig, toggleState) => {
- const execute = executeEvent(toggleConfig, toggleState, toggle$2);
- const load = loadEvent(toggleConfig, toggleState, onLoad);
- return derive$2(flatten([
- toggleConfig.toggleOnExecute ? [execute] : [],
- [load]
- ]));
- };
- var ActiveToggle = /*#__PURE__*/Object.freeze({
- __proto__: null,
- exhibit: exhibit$3,
- events: events$b
- });
- const updatePressed = (component, ariaInfo, status) => {
- set$9(component.element, 'aria-pressed', status);
- if (ariaInfo.syncWithExpanded) {
- updateExpanded(component, ariaInfo, status);
- }
- };
- const updateSelected = (component, ariaInfo, status) => {
- set$9(component.element, 'aria-selected', status);
- };
- const updateChecked = (component, ariaInfo, status) => {
- set$9(component.element, 'aria-checked', status);
- };
- const updateExpanded = (component, ariaInfo, status) => {
- set$9(component.element, 'aria-expanded', status);
- };
- var ToggleSchema = [
- defaulted('selected', false),
- option$3('toggleClass'),
- defaulted('toggleOnExecute', true),
- defaultedOf('aria', { mode: 'none' }, choose$1('mode', {
- pressed: [
- defaulted('syncWithExpanded', false),
- output$1('update', updatePressed)
- ],
- checked: [output$1('update', updateChecked)],
- expanded: [output$1('update', updateExpanded)],
- selected: [output$1('update', updateSelected)],
- none: [output$1('update', noop)]
- }))
- ];
- const Toggling = create$3({
- fields: ToggleSchema,
- name: 'toggling',
- active: ActiveToggle,
- apis: ToggleApis,
- state: SetupBehaviourCellState(false)
- });
- const pointerEvents = () => {
- const onClick = (component, simulatedEvent) => {
- simulatedEvent.stop();
- emitExecute(component);
- };
- return [
- run$1(click(), onClick),
- run$1(tap(), onClick),
- cutter(touchstart()),
- cutter(mousedown())
- ];
- };
- const events$a = optAction => {
- const executeHandler = action => runOnExecute$1((component, simulatedEvent) => {
- action(component);
- simulatedEvent.stop();
- });
- return derive$2(flatten([
- optAction.map(executeHandler).toArray(),
- pointerEvents()
- ]));
- };
- const hoverEvent = 'alloy.item-hover';
- const focusEvent = 'alloy.item-focus';
- const onHover = item => {
- if (search(item.element).isNone() || Focusing.isFocused(item)) {
- if (!Focusing.isFocused(item)) {
- Focusing.focus(item);
- }
- emitWith(item, hoverEvent, { item });
- }
- };
- const onFocus$1 = item => {
- emitWith(item, focusEvent, { item });
- };
- const hover = constant$1(hoverEvent);
- const focus$1 = constant$1(focusEvent);
- const builder$2 = detail => ({
- dom: detail.dom,
- domModification: {
- ...detail.domModification,
- attributes: {
- 'role': detail.toggling.isSome() ? 'menuitemcheckbox' : 'menuitem',
- ...detail.domModification.attributes,
- 'aria-haspopup': detail.hasSubmenu,
- ...detail.hasSubmenu ? { 'aria-expanded': false } : {}
- }
- },
- behaviours: SketchBehaviours.augment(detail.itemBehaviours, [
- detail.toggling.fold(Toggling.revoke, tConfig => Toggling.config({
- aria: { mode: 'checked' },
- ...tConfig
- })),
- Focusing.config({
- ignore: detail.ignoreFocus,
- stopMousedown: detail.ignoreFocus,
- onFocus: component => {
- onFocus$1(component);
- }
- }),
- Keying.config({ mode: 'execution' }),
- Representing.config({
- store: {
- mode: 'memory',
- initialValue: detail.data
- }
- }),
- config('item-type-events', [
- ...pointerEvents(),
- run$1(mouseover(), onHover),
- run$1(focusItem(), Focusing.focus)
- ])
- ]),
- components: detail.components,
- eventOrder: detail.eventOrder
- });
- const schema$p = [
- required$1('data'),
- required$1('components'),
- required$1('dom'),
- defaulted('hasSubmenu', false),
- option$3('toggling'),
- SketchBehaviours.field('itemBehaviours', [
- Toggling,
- Focusing,
- Keying,
- Representing
- ]),
- defaulted('ignoreFocus', false),
- defaulted('domModification', {}),
- output$1('builder', builder$2),
- defaulted('eventOrder', {})
- ];
- const builder$1 = detail => ({
- dom: detail.dom,
- components: detail.components,
- events: derive$2([stopper(focusItem())])
- });
- const schema$o = [
- required$1('dom'),
- required$1('components'),
- output$1('builder', builder$1)
- ];
- const owner$2 = constant$1('item-widget');
- const parts$h = constant$1([required({
- name: 'widget',
- overrides: detail => {
- return {
- behaviours: derive$1([Representing.config({
- store: {
- mode: 'manual',
- getValue: _component => {
- return detail.data;
- },
- setValue: noop
- }
- })])
- };
- }
- })]);
- const builder = detail => {
- const subs = substitutes(owner$2(), detail, parts$h());
- const components = components$1(owner$2(), detail, subs.internals());
- const focusWidget = component => getPart(component, detail, 'widget').map(widget => {
- Keying.focusIn(widget);
- return widget;
- });
- const onHorizontalArrow = (component, simulatedEvent) => inside(simulatedEvent.event.target) ? Optional.none() : (() => {
- if (detail.autofocus) {
- simulatedEvent.setSource(component.element);
- return Optional.none();
- } else {
- return Optional.none();
- }
- })();
- return {
- dom: detail.dom,
- components,
- domModification: detail.domModification,
- events: derive$2([
- runOnExecute$1((component, simulatedEvent) => {
- focusWidget(component).each(_widget => {
- simulatedEvent.stop();
- });
- }),
- run$1(mouseover(), onHover),
- run$1(focusItem(), (component, _simulatedEvent) => {
- if (detail.autofocus) {
- focusWidget(component);
- } else {
- Focusing.focus(component);
- }
- })
- ]),
- behaviours: SketchBehaviours.augment(detail.widgetBehaviours, [
- Representing.config({
- store: {
- mode: 'memory',
- initialValue: detail.data
- }
- }),
- Focusing.config({
- ignore: detail.ignoreFocus,
- onFocus: component => {
- onFocus$1(component);
- }
- }),
- Keying.config({
- mode: 'special',
- focusIn: detail.autofocus ? component => {
- focusWidget(component);
- } : revoke(),
- onLeft: onHorizontalArrow,
- onRight: onHorizontalArrow,
- onEscape: (component, simulatedEvent) => {
- if (!Focusing.isFocused(component) && !detail.autofocus) {
- Focusing.focus(component);
- return Optional.some(true);
- } else if (detail.autofocus) {
- simulatedEvent.setSource(component.element);
- return Optional.none();
- } else {
- return Optional.none();
- }
- }
- })
- ])
- };
- };
- const schema$n = [
- required$1('uid'),
- required$1('data'),
- required$1('components'),
- required$1('dom'),
- defaulted('autofocus', false),
- defaulted('ignoreFocus', false),
- SketchBehaviours.field('widgetBehaviours', [
- Representing,
- Focusing,
- Keying
- ]),
- defaulted('domModification', {}),
- defaultUidsSchema(parts$h()),
- output$1('builder', builder)
- ];
- const itemSchema$2 = choose$1('type', {
- widget: schema$n,
- item: schema$p,
- separator: schema$o
- });
- const configureGrid = (detail, movementInfo) => ({
- mode: 'flatgrid',
- selector: '.' + detail.markers.item,
- initSize: {
- numColumns: movementInfo.initSize.numColumns,
- numRows: movementInfo.initSize.numRows
- },
- focusManager: detail.focusManager
- });
- const configureMatrix = (detail, movementInfo) => ({
- mode: 'matrix',
- selectors: {
- row: movementInfo.rowSelector,
- cell: '.' + detail.markers.item
- },
- focusManager: detail.focusManager
- });
- const configureMenu = (detail, movementInfo) => ({
- mode: 'menu',
- selector: '.' + detail.markers.item,
- moveOnTab: movementInfo.moveOnTab,
- focusManager: detail.focusManager
- });
- const parts$g = constant$1([group({
- factory: {
- sketch: spec => {
- const itemInfo = asRawOrDie$1('menu.spec item', itemSchema$2, spec);
- return itemInfo.builder(itemInfo);
- }
- },
- name: 'items',
- unit: 'item',
- defaults: (detail, u) => {
- return has$2(u, 'uid') ? u : {
- ...u,
- uid: generate$5('item')
- };
- },
- overrides: (detail, u) => {
- return {
- type: u.type,
- ignoreFocus: detail.fakeFocus,
- domModification: { classes: [detail.markers.item] }
- };
- }
- })]);
- const schema$m = constant$1([
- required$1('value'),
- required$1('items'),
- required$1('dom'),
- required$1('components'),
- defaulted('eventOrder', {}),
- field('menuBehaviours', [
- Highlighting,
- Representing,
- Composing,
- Keying
- ]),
- defaultedOf('movement', {
- mode: 'menu',
- moveOnTab: true
- }, choose$1('mode', {
- grid: [
- initSize(),
- output$1('config', configureGrid)
- ],
- matrix: [
- output$1('config', configureMatrix),
- required$1('rowSelector')
- ],
- menu: [
- defaulted('moveOnTab', true),
- output$1('config', configureMenu)
- ]
- })),
- itemMarkers(),
- defaulted('fakeFocus', false),
- defaulted('focusManager', dom$2()),
- onHandler('onHighlight')
- ]);
- const focus = constant$1('alloy.menu-focus');
- const make$7 = (detail, components, _spec, _externals) => ({
- uid: detail.uid,
- dom: detail.dom,
- markers: detail.markers,
- behaviours: augment(detail.menuBehaviours, [
- Highlighting.config({
- highlightClass: detail.markers.selectedItem,
- itemClass: detail.markers.item,
- onHighlight: detail.onHighlight
- }),
- Representing.config({
- store: {
- mode: 'memory',
- initialValue: detail.value
- }
- }),
- Composing.config({ find: Optional.some }),
- Keying.config(detail.movement.config(detail, detail.movement))
- ]),
- events: derive$2([
- run$1(focus$1(), (menu, simulatedEvent) => {
- const event = simulatedEvent.event;
- menu.getSystem().getByDom(event.target).each(item => {
- Highlighting.highlight(menu, item);
- simulatedEvent.stop();
- emitWith(menu, focus(), {
- menu,
- item
- });
- });
- }),
- run$1(hover(), (menu, simulatedEvent) => {
- const item = simulatedEvent.event.item;
- Highlighting.highlight(menu, item);
- })
- ]),
- components,
- eventOrder: detail.eventOrder,
- domModification: { attributes: { role: 'menu' } }
- });
- const Menu = composite({
- name: 'Menu',
- configFields: schema$m(),
- partFields: parts$g(),
- factory: make$7
- });
- const transpose$1 = obj => tupleMap(obj, (v, k) => ({
- k: v,
- v: k
- }));
- const trace = (items, byItem, byMenu, finish) => get$g(byMenu, finish).bind(triggerItem => get$g(items, triggerItem).bind(triggerMenu => {
- const rest = trace(items, byItem, byMenu, triggerMenu);
- return Optional.some([triggerMenu].concat(rest));
- })).getOr([]);
- const generate$2 = (menus, expansions) => {
- const items = {};
- each(menus, (menuItems, menu) => {
- each$1(menuItems, item => {
- items[item] = menu;
- });
- });
- const byItem = expansions;
- const byMenu = transpose$1(expansions);
- const menuPaths = map$1(byMenu, (_triggerItem, submenu) => [submenu].concat(trace(items, byItem, byMenu, submenu)));
- return map$1(items, menu => get$g(menuPaths, menu).getOr([menu]));
- };
- const init$c = () => {
- const expansions = Cell({});
- const menus = Cell({});
- const paths = Cell({});
- const primary = value$2();
- const directory = Cell({});
- const clear = () => {
- expansions.set({});
- menus.set({});
- paths.set({});
- primary.clear();
- };
- const isClear = () => primary.get().isNone();
- const setMenuBuilt = (menuName, built) => {
- menus.set({
- ...menus.get(),
- [menuName]: {
- type: 'prepared',
- menu: built
- }
- });
- };
- const setContents = (sPrimary, sMenus, sExpansions, dir) => {
- primary.set(sPrimary);
- expansions.set(sExpansions);
- menus.set(sMenus);
- directory.set(dir);
- const sPaths = generate$2(dir, sExpansions);
- paths.set(sPaths);
- };
- const getTriggeringItem = menuValue => find$4(expansions.get(), (v, _k) => v === menuValue);
- const getTriggerData = (menuValue, getItemByValue, path) => getPreparedMenu(menuValue).bind(menu => getTriggeringItem(menuValue).bind(triggeringItemValue => getItemByValue(triggeringItemValue).map(triggeredItem => ({
- triggeredMenu: menu,
- triggeringItem: triggeredItem,
- triggeringPath: path
- }))));
- const getTriggeringPath = (itemValue, getItemByValue) => {
- const extraPath = filter$2(lookupItem(itemValue).toArray(), menuValue => getPreparedMenu(menuValue).isSome());
- return get$g(paths.get(), itemValue).bind(path => {
- const revPath = reverse(extraPath.concat(path));
- const triggers = bind$3(revPath, (menuValue, menuIndex) => getTriggerData(menuValue, getItemByValue, revPath.slice(0, menuIndex + 1)).fold(() => is$1(primary.get(), menuValue) ? [] : [Optional.none()], data => [Optional.some(data)]));
- return sequence(triggers);
- });
- };
- const expand = itemValue => get$g(expansions.get(), itemValue).map(menu => {
- const current = get$g(paths.get(), itemValue).getOr([]);
- return [menu].concat(current);
- });
- const collapse = itemValue => get$g(paths.get(), itemValue).bind(path => path.length > 1 ? Optional.some(path.slice(1)) : Optional.none());
- const refresh = itemValue => get$g(paths.get(), itemValue);
- const getPreparedMenu = menuValue => lookupMenu(menuValue).bind(extractPreparedMenu);
- const lookupMenu = menuValue => get$g(menus.get(), menuValue);
- const lookupItem = itemValue => get$g(expansions.get(), itemValue);
- const otherMenus = path => {
- const menuValues = directory.get();
- return difference(keys(menuValues), path);
- };
- const getPrimary = () => primary.get().bind(getPreparedMenu);
- const getMenus = () => menus.get();
- return {
- setMenuBuilt,
- setContents,
- expand,
- refresh,
- collapse,
- lookupMenu,
- lookupItem,
- otherMenus,
- getPrimary,
- getMenus,
- clear,
- isClear,
- getTriggeringPath
- };
- };
- const extractPreparedMenu = prep => prep.type === 'prepared' ? Optional.some(prep.menu) : Optional.none();
- const LayeredState = {
- init: init$c,
- extractPreparedMenu
- };
- const make$6 = (detail, _rawUiSpec) => {
- const submenuParentItems = value$2();
- const buildMenus = (container, primaryName, menus) => map$1(menus, (spec, name) => {
- const makeSketch = () => Menu.sketch({
- ...spec,
- value: name,
- markers: detail.markers,
- fakeFocus: detail.fakeFocus,
- onHighlight: detail.onHighlight,
- focusManager: detail.fakeFocus ? highlights() : dom$2()
- });
- return name === primaryName ? {
- type: 'prepared',
- menu: container.getSystem().build(makeSketch())
- } : {
- type: 'notbuilt',
- nbMenu: makeSketch
- };
- });
- const layeredState = LayeredState.init();
- const setup = container => {
- const componentMap = buildMenus(container, detail.data.primary, detail.data.menus);
- const directory = toDirectory();
- layeredState.setContents(detail.data.primary, componentMap, detail.data.expansions, directory);
- return layeredState.getPrimary();
- };
- const getItemValue = item => Representing.getValue(item).value;
- const getItemByValue = (_container, menus, itemValue) => findMap(menus, menu => {
- if (!menu.getSystem().isConnected()) {
- return Optional.none();
- }
- const candidates = Highlighting.getCandidates(menu);
- return find$5(candidates, c => getItemValue(c) === itemValue);
- });
- const toDirectory = _container => map$1(detail.data.menus, (data, _menuName) => bind$3(data.items, item => item.type === 'separator' ? [] : [item.data.value]));
- const setActiveMenu = (container, menu) => {
- Highlighting.highlight(container, menu);
- Highlighting.getHighlighted(menu).orThunk(() => Highlighting.getFirst(menu)).each(item => {
- dispatch(container, item.element, focusItem());
- });
- };
- const getMenus = (state, menuValues) => cat(map$2(menuValues, mv => state.lookupMenu(mv).bind(prep => prep.type === 'prepared' ? Optional.some(prep.menu) : Optional.none())));
- const closeOthers = (container, state, path) => {
- const others = getMenus(state, state.otherMenus(path));
- each$1(others, o => {
- remove$1(o.element, [detail.markers.backgroundMenu]);
- if (!detail.stayInDom) {
- Replacing.remove(container, o);
- }
- });
- };
- const getSubmenuParents = container => submenuParentItems.get().getOrThunk(() => {
- const r = {};
- const items = descendants(container.element, `.${ detail.markers.item }`);
- const parentItems = filter$2(items, i => get$f(i, 'aria-haspopup') === 'true');
- each$1(parentItems, i => {
- container.getSystem().getByDom(i).each(itemComp => {
- const key = getItemValue(itemComp);
- r[key] = itemComp;
- });
- });
- submenuParentItems.set(r);
- return r;
- });
- const updateAriaExpansions = (container, path) => {
- const parentItems = getSubmenuParents(container);
- each(parentItems, (v, k) => {
- const expanded = contains$2(path, k);
- set$9(v.element, 'aria-expanded', expanded);
- });
- };
- const updateMenuPath = (container, state, path) => Optional.from(path[0]).bind(latestMenuName => state.lookupMenu(latestMenuName).bind(menuPrep => {
- if (menuPrep.type === 'notbuilt') {
- return Optional.none();
- } else {
- const activeMenu = menuPrep.menu;
- const rest = getMenus(state, path.slice(1));
- each$1(rest, r => {
- add$2(r.element, detail.markers.backgroundMenu);
- });
- if (!inBody(activeMenu.element)) {
- Replacing.append(container, premade(activeMenu));
- }
- remove$1(activeMenu.element, [detail.markers.backgroundMenu]);
- setActiveMenu(container, activeMenu);
- closeOthers(container, state, path);
- return Optional.some(activeMenu);
- }
- }));
- let ExpandHighlightDecision;
- (function (ExpandHighlightDecision) {
- ExpandHighlightDecision[ExpandHighlightDecision['HighlightSubmenu'] = 0] = 'HighlightSubmenu';
- ExpandHighlightDecision[ExpandHighlightDecision['HighlightParent'] = 1] = 'HighlightParent';
- }(ExpandHighlightDecision || (ExpandHighlightDecision = {})));
- const buildIfRequired = (container, menuName, menuPrep) => {
- if (menuPrep.type === 'notbuilt') {
- const menu = container.getSystem().build(menuPrep.nbMenu());
- layeredState.setMenuBuilt(menuName, menu);
- return menu;
- } else {
- return menuPrep.menu;
- }
- };
- const expandRight = (container, item, decision = ExpandHighlightDecision.HighlightSubmenu) => {
- if (item.hasConfigured(Disabling) && Disabling.isDisabled(item)) {
- return Optional.some(item);
- } else {
- const value = getItemValue(item);
- return layeredState.expand(value).bind(path => {
- updateAriaExpansions(container, path);
- return Optional.from(path[0]).bind(menuName => layeredState.lookupMenu(menuName).bind(activeMenuPrep => {
- const activeMenu = buildIfRequired(container, menuName, activeMenuPrep);
- if (!inBody(activeMenu.element)) {
- Replacing.append(container, premade(activeMenu));
- }
- detail.onOpenSubmenu(container, item, activeMenu, reverse(path));
- if (decision === ExpandHighlightDecision.HighlightSubmenu) {
- Highlighting.highlightFirst(activeMenu);
- return updateMenuPath(container, layeredState, path);
- } else {
- Highlighting.dehighlightAll(activeMenu);
- return Optional.some(item);
- }
- }));
- });
- }
- };
- const collapseLeft = (container, item) => {
- const value = getItemValue(item);
- return layeredState.collapse(value).bind(path => {
- updateAriaExpansions(container, path);
- return updateMenuPath(container, layeredState, path).map(activeMenu => {
- detail.onCollapseMenu(container, item, activeMenu);
- return activeMenu;
- });
- });
- };
- const updateView = (container, item) => {
- const value = getItemValue(item);
- return layeredState.refresh(value).bind(path => {
- updateAriaExpansions(container, path);
- return updateMenuPath(container, layeredState, path);
- });
- };
- const onRight = (container, item) => inside(item.element) ? Optional.none() : expandRight(container, item, ExpandHighlightDecision.HighlightSubmenu);
- const onLeft = (container, item) => inside(item.element) ? Optional.none() : collapseLeft(container, item);
- const onEscape = (container, item) => collapseLeft(container, item).orThunk(() => detail.onEscape(container, item).map(() => container));
- const keyOnItem = f => (container, simulatedEvent) => closest$1(simulatedEvent.getSource(), '.' + detail.markers.item).bind(target => container.getSystem().getByDom(target).toOptional().bind(item => f(container, item).map(always)));
- const events = derive$2([
- run$1(focus(), (sandbox, simulatedEvent) => {
- const item = simulatedEvent.event.item;
- layeredState.lookupItem(getItemValue(item)).each(() => {
- const menu = simulatedEvent.event.menu;
- Highlighting.highlight(sandbox, menu);
- const value = getItemValue(simulatedEvent.event.item);
- layeredState.refresh(value).each(path => closeOthers(sandbox, layeredState, path));
- });
- }),
- runOnExecute$1((component, simulatedEvent) => {
- const target = simulatedEvent.event.target;
- component.getSystem().getByDom(target).each(item => {
- const itemValue = getItemValue(item);
- if (itemValue.indexOf('collapse-item') === 0) {
- collapseLeft(component, item);
- }
- expandRight(component, item, ExpandHighlightDecision.HighlightSubmenu).fold(() => {
- detail.onExecute(component, item);
- }, noop);
- });
- }),
- runOnAttached((container, _simulatedEvent) => {
- setup(container).each(primary => {
- Replacing.append(container, premade(primary));
- detail.onOpenMenu(container, primary);
- if (detail.highlightImmediately) {
- setActiveMenu(container, primary);
- }
- });
- })
- ].concat(detail.navigateOnHover ? [run$1(hover(), (sandbox, simulatedEvent) => {
- const item = simulatedEvent.event.item;
- updateView(sandbox, item);
- expandRight(sandbox, item, ExpandHighlightDecision.HighlightParent);
- detail.onHover(sandbox, item);
- })] : []));
- const getActiveItem = container => Highlighting.getHighlighted(container).bind(Highlighting.getHighlighted);
- const collapseMenuApi = container => {
- getActiveItem(container).each(currentItem => {
- collapseLeft(container, currentItem);
- });
- };
- const highlightPrimary = container => {
- layeredState.getPrimary().each(primary => {
- setActiveMenu(container, primary);
- });
- };
- const extractMenuFromContainer = container => Optional.from(container.components()[0]).filter(comp => get$f(comp.element, 'role') === 'menu');
- const repositionMenus = container => {
- const maybeActivePrimary = layeredState.getPrimary().bind(primary => getActiveItem(container).bind(currentItem => {
- const itemValue = getItemValue(currentItem);
- const allMenus = values(layeredState.getMenus());
- const preparedMenus = cat(map$2(allMenus, LayeredState.extractPreparedMenu));
- return layeredState.getTriggeringPath(itemValue, v => getItemByValue(container, preparedMenus, v));
- }).map(triggeringPath => ({
- primary,
- triggeringPath
- })));
- maybeActivePrimary.fold(() => {
- extractMenuFromContainer(container).each(primaryMenu => {
- detail.onRepositionMenu(container, primaryMenu, []);
- });
- }, ({primary, triggeringPath}) => {
- detail.onRepositionMenu(container, primary, triggeringPath);
- });
- };
- const apis = {
- collapseMenu: collapseMenuApi,
- highlightPrimary,
- repositionMenus
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- markers: detail.markers,
- behaviours: augment(detail.tmenuBehaviours, [
- Keying.config({
- mode: 'special',
- onRight: keyOnItem(onRight),
- onLeft: keyOnItem(onLeft),
- onEscape: keyOnItem(onEscape),
- focusIn: (container, _keyInfo) => {
- layeredState.getPrimary().each(primary => {
- dispatch(container, primary.element, focusItem());
- });
- }
- }),
- Highlighting.config({
- highlightClass: detail.markers.selectedMenu,
- itemClass: detail.markers.menu
- }),
- Composing.config({
- find: container => {
- return Highlighting.getHighlighted(container);
- }
- }),
- Replacing.config({})
- ]),
- eventOrder: detail.eventOrder,
- apis,
- events
- };
- };
- const collapseItem$1 = constant$1('collapse-item');
- const tieredData = (primary, menus, expansions) => ({
- primary,
- menus,
- expansions
- });
- const singleData = (name, menu) => ({
- primary: name,
- menus: wrap$1(name, menu),
- expansions: {}
- });
- const collapseItem = text => ({
- value: generate$6(collapseItem$1()),
- meta: { text }
- });
- const tieredMenu = single({
- name: 'TieredMenu',
- configFields: [
- onStrictKeyboardHandler('onExecute'),
- onStrictKeyboardHandler('onEscape'),
- onStrictHandler('onOpenMenu'),
- onStrictHandler('onOpenSubmenu'),
- onHandler('onRepositionMenu'),
- onHandler('onCollapseMenu'),
- defaulted('highlightImmediately', true),
- requiredObjOf('data', [
- required$1('primary'),
- required$1('menus'),
- required$1('expansions')
- ]),
- defaulted('fakeFocus', false),
- onHandler('onHighlight'),
- onHandler('onHover'),
- tieredMenuMarkers(),
- required$1('dom'),
- defaulted('navigateOnHover', true),
- defaulted('stayInDom', false),
- field('tmenuBehaviours', [
- Keying,
- Highlighting,
- Composing,
- Replacing
- ]),
- defaulted('eventOrder', {})
- ],
- apis: {
- collapseMenu: (apis, tmenu) => {
- apis.collapseMenu(tmenu);
- },
- highlightPrimary: (apis, tmenu) => {
- apis.highlightPrimary(tmenu);
- },
- repositionMenus: (apis, tmenu) => {
- apis.repositionMenus(tmenu);
- }
- },
- factory: make$6,
- extraApis: {
- tieredData,
- singleData,
- collapseItem
- }
- });
- const makeMenu = (detail, menuSandbox, placementSpec, menuSpec, getBounds) => {
- const lazySink = () => detail.lazySink(menuSandbox);
- const layouts = menuSpec.type === 'horizontal' ? {
- layouts: {
- onLtr: () => belowOrAbove(),
- onRtl: () => belowOrAboveRtl()
- }
- } : {};
- const isFirstTierSubmenu = triggeringPaths => triggeringPaths.length === 2;
- const getSubmenuLayouts = triggeringPaths => isFirstTierSubmenu(triggeringPaths) ? layouts : {};
- return tieredMenu.sketch({
- dom: { tag: 'div' },
- data: menuSpec.data,
- markers: menuSpec.menu.markers,
- highlightImmediately: menuSpec.menu.highlightImmediately,
- onEscape: () => {
- Sandboxing.close(menuSandbox);
- detail.onEscape.map(handler => handler(menuSandbox));
- return Optional.some(true);
- },
- onExecute: () => {
- return Optional.some(true);
- },
- onOpenMenu: (tmenu, menu) => {
- Positioning.positionWithinBounds(lazySink().getOrDie(), menu, placementSpec, getBounds());
- },
- onOpenSubmenu: (tmenu, item, submenu, triggeringPaths) => {
- const sink = lazySink().getOrDie();
- Positioning.position(sink, submenu, {
- anchor: {
- type: 'submenu',
- item,
- ...getSubmenuLayouts(triggeringPaths)
- }
- });
- },
- onRepositionMenu: (tmenu, primaryMenu, submenuTriggers) => {
- const sink = lazySink().getOrDie();
- Positioning.positionWithinBounds(sink, primaryMenu, placementSpec, getBounds());
- each$1(submenuTriggers, st => {
- const submenuLayouts = getSubmenuLayouts(st.triggeringPath);
- Positioning.position(sink, st.triggeredMenu, {
- anchor: {
- type: 'submenu',
- item: st.triggeringItem,
- ...submenuLayouts
- }
- });
- });
- }
- });
- };
- const factory$m = (detail, spec) => {
- const isPartOfRelated = (sandbox, queryElem) => {
- const related = detail.getRelated(sandbox);
- return related.exists(rel => isPartOf$1(rel, queryElem));
- };
- const setContent = (sandbox, thing) => {
- Sandboxing.setContent(sandbox, thing);
- };
- const showAt = (sandbox, thing, placementSpec) => {
- showWithin(sandbox, thing, placementSpec, Optional.none());
- };
- const showWithin = (sandbox, thing, placementSpec, boxElement) => {
- showWithinBounds(sandbox, thing, placementSpec, () => boxElement.map(elem => box$1(elem)));
- };
- const showWithinBounds = (sandbox, thing, placementSpec, getBounds) => {
- const sink = detail.lazySink(sandbox).getOrDie();
- Sandboxing.openWhileCloaked(sandbox, thing, () => Positioning.positionWithinBounds(sink, sandbox, placementSpec, getBounds()));
- Representing.setValue(sandbox, Optional.some({
- mode: 'position',
- config: placementSpec,
- getBounds
- }));
- };
- const showMenuAt = (sandbox, placementSpec, menuSpec) => {
- showMenuWithinBounds(sandbox, placementSpec, menuSpec, Optional.none);
- };
- const showMenuWithinBounds = (sandbox, placementSpec, menuSpec, getBounds) => {
- const menu = makeMenu(detail, sandbox, placementSpec, menuSpec, getBounds);
- Sandboxing.open(sandbox, menu);
- Representing.setValue(sandbox, Optional.some({
- mode: 'menu',
- menu
- }));
- };
- const hide = sandbox => {
- if (Sandboxing.isOpen(sandbox)) {
- Representing.setValue(sandbox, Optional.none());
- Sandboxing.close(sandbox);
- }
- };
- const getContent = sandbox => Sandboxing.getState(sandbox);
- const reposition = sandbox => {
- if (Sandboxing.isOpen(sandbox)) {
- Representing.getValue(sandbox).each(state => {
- switch (state.mode) {
- case 'menu':
- Sandboxing.getState(sandbox).each(tieredMenu.repositionMenus);
- break;
- case 'position':
- const sink = detail.lazySink(sandbox).getOrDie();
- Positioning.positionWithinBounds(sink, sandbox, state.config, state.getBounds());
- break;
- }
- });
- }
- };
- const apis = {
- setContent,
- showAt,
- showWithin,
- showWithinBounds,
- showMenuAt,
- showMenuWithinBounds,
- hide,
- getContent,
- reposition,
- isOpen: Sandboxing.isOpen
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- behaviours: augment(detail.inlineBehaviours, [
- Sandboxing.config({
- isPartOf: (sandbox, data, queryElem) => {
- return isPartOf$1(data, queryElem) || isPartOfRelated(sandbox, queryElem);
- },
- getAttachPoint: sandbox => {
- return detail.lazySink(sandbox).getOrDie();
- },
- onOpen: sandbox => {
- detail.onShow(sandbox);
- },
- onClose: sandbox => {
- detail.onHide(sandbox);
- }
- }),
- Representing.config({
- store: {
- mode: 'memory',
- initialValue: Optional.none()
- }
- }),
- Receiving.config({
- channels: {
- ...receivingChannel$1({
- isExtraPart: spec.isExtraPart,
- ...detail.fireDismissalEventInstead.map(fe => ({ fireEventInstead: { event: fe.event } })).getOr({})
- }),
- ...receivingChannel({
- ...detail.fireRepositionEventInstead.map(fe => ({ fireEventInstead: { event: fe.event } })).getOr({}),
- doReposition: reposition
- })
- }
- })
- ]),
- eventOrder: detail.eventOrder,
- apis
- };
- };
- const InlineView = single({
- name: 'InlineView',
- configFields: [
- required$1('lazySink'),
- onHandler('onShow'),
- onHandler('onHide'),
- optionFunction('onEscape'),
- field('inlineBehaviours', [
- Sandboxing,
- Representing,
- Receiving
- ]),
- optionObjOf('fireDismissalEventInstead', [defaulted('event', dismissRequested())]),
- optionObjOf('fireRepositionEventInstead', [defaulted('event', repositionRequested())]),
- defaulted('getRelated', Optional.none),
- defaulted('isExtraPart', never),
- defaulted('eventOrder', Optional.none)
- ],
- factory: factory$m,
- apis: {
- showAt: (apis, component, anchor, thing) => {
- apis.showAt(component, anchor, thing);
- },
- showWithin: (apis, component, anchor, thing, boxElement) => {
- apis.showWithin(component, anchor, thing, boxElement);
- },
- showWithinBounds: (apis, component, anchor, thing, bounds) => {
- apis.showWithinBounds(component, anchor, thing, bounds);
- },
- showMenuAt: (apis, component, anchor, menuSpec) => {
- apis.showMenuAt(component, anchor, menuSpec);
- },
- showMenuWithinBounds: (apis, component, anchor, menuSpec, bounds) => {
- apis.showMenuWithinBounds(component, anchor, menuSpec, bounds);
- },
- hide: (apis, component) => {
- apis.hide(component);
- },
- isOpen: (apis, component) => apis.isOpen(component),
- getContent: (apis, component) => apis.getContent(component),
- setContent: (apis, component, thing) => {
- apis.setContent(component, thing);
- },
- reposition: (apis, component) => {
- apis.reposition(component);
- }
- }
- });
- var global$9 = tinymce.util.Tools.resolve('tinymce.util.Delay');
- const factory$l = detail => {
- const events = events$a(detail.action);
- const tag = detail.dom.tag;
- const lookupAttr = attr => get$g(detail.dom, 'attributes').bind(attrs => get$g(attrs, attr));
- const getModAttributes = () => {
- if (tag === 'button') {
- const type = lookupAttr('type').getOr('button');
- const roleAttrs = lookupAttr('role').map(role => ({ role })).getOr({});
- return {
- type,
- ...roleAttrs
- };
- } else {
- const role = lookupAttr('role').getOr('button');
- return { role };
- }
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components: detail.components,
- events,
- behaviours: SketchBehaviours.augment(detail.buttonBehaviours, [
- Focusing.config({}),
- Keying.config({
- mode: 'execution',
- useSpace: true,
- useEnter: true
- })
- ]),
- domModification: { attributes: getModAttributes() },
- eventOrder: detail.eventOrder
- };
- };
- const Button = single({
- name: 'Button',
- factory: factory$l,
- configFields: [
- defaulted('uid', undefined),
- required$1('dom'),
- defaulted('components', []),
- SketchBehaviours.field('buttonBehaviours', [
- Focusing,
- Keying
- ]),
- option$3('action'),
- option$3('role'),
- defaulted('eventOrder', {})
- ]
- });
- const record = spec => {
- const uid = isSketchSpec(spec) && hasNonNullableKey(spec, 'uid') ? spec.uid : generate$5('memento');
- const get = anyInSystem => anyInSystem.getSystem().getByUid(uid).getOrDie();
- const getOpt = anyInSystem => anyInSystem.getSystem().getByUid(uid).toOptional();
- const asSpec = () => ({
- ...spec,
- uid
- });
- return {
- get,
- getOpt,
- asSpec
- };
- };
- var global$8 = tinymce.util.Tools.resolve('tinymce.util.I18n');
- const rtlTransform = {
- 'indent': true,
- 'outdent': true,
- 'table-insert-column-after': true,
- 'table-insert-column-before': true,
- 'paste-column-after': true,
- 'paste-column-before': true,
- 'unordered-list': true,
- 'list-bull-circle': true,
- 'list-bull-default': true,
- 'list-bull-square': true
- };
- const defaultIconName = 'temporary-placeholder';
- const defaultIcon = icons => () => get$g(icons, defaultIconName).getOr('!not found!');
- const getIconName = (name, icons) => {
- const lcName = name.toLowerCase();
- if (global$8.isRtl()) {
- const rtlName = ensureTrailing(lcName, '-rtl');
- return has$2(icons, rtlName) ? rtlName : lcName;
- } else {
- return lcName;
- }
- };
- const lookupIcon = (name, icons) => get$g(icons, getIconName(name, icons));
- const get$2 = (name, iconProvider) => {
- const icons = iconProvider();
- return lookupIcon(name, icons).getOrThunk(defaultIcon(icons));
- };
- const getOr = (name, iconProvider, fallbackIcon) => {
- const icons = iconProvider();
- return lookupIcon(name, icons).or(fallbackIcon).getOrThunk(defaultIcon(icons));
- };
- const needsRtlTransform = iconName => global$8.isRtl() ? has$2(rtlTransform, iconName) : false;
- const addFocusableBehaviour = () => config('add-focusable', [runOnAttached(comp => {
- child(comp.element, 'svg').each(svg => set$9(svg, 'focusable', 'false'));
- })]);
- const renderIcon$2 = (spec, iconName, icons, fallbackIcon) => {
- var _a, _b;
- const rtlIconClasses = needsRtlTransform(iconName) ? ['tox-icon--flip'] : [];
- const iconHtml = get$g(icons, getIconName(iconName, icons)).or(fallbackIcon).getOrThunk(defaultIcon(icons));
- return {
- dom: {
- tag: spec.tag,
- attributes: (_a = spec.attributes) !== null && _a !== void 0 ? _a : {},
- classes: spec.classes.concat(rtlIconClasses),
- innerHtml: iconHtml
- },
- behaviours: derive$1([
- ...(_b = spec.behaviours) !== null && _b !== void 0 ? _b : [],
- addFocusableBehaviour()
- ])
- };
- };
- const render$3 = (iconName, spec, iconProvider, fallbackIcon = Optional.none()) => renderIcon$2(spec, iconName, iconProvider(), fallbackIcon);
- const renderFirst = (iconNames, spec, iconProvider) => {
- const icons = iconProvider();
- const iconName = find$5(iconNames, name => has$2(icons, getIconName(name, icons)));
- return renderIcon$2(spec, iconName.getOr(defaultIconName), icons, Optional.none());
- };
- const notificationIconMap = {
- success: 'checkmark',
- error: 'warning',
- err: 'error',
- warning: 'warning',
- warn: 'warning',
- info: 'info'
- };
- const factory$k = detail => {
- const memBannerText = record({
- dom: {
- tag: 'p',
- innerHtml: detail.translationProvider(detail.text)
- },
- behaviours: derive$1([Replacing.config({})])
- });
- const renderPercentBar = percent => ({
- dom: {
- tag: 'div',
- classes: ['tox-bar'],
- styles: { width: `${ percent }%` }
- }
- });
- const renderPercentText = percent => ({
- dom: {
- tag: 'div',
- classes: ['tox-text'],
- innerHtml: `${ percent }%`
- }
- });
- const memBannerProgress = record({
- dom: {
- tag: 'div',
- classes: detail.progress ? [
- 'tox-progress-bar',
- 'tox-progress-indicator'
- ] : ['tox-progress-bar']
- },
- components: [
- {
- dom: {
- tag: 'div',
- classes: ['tox-bar-container']
- },
- components: [renderPercentBar(0)]
- },
- renderPercentText(0)
- ],
- behaviours: derive$1([Replacing.config({})])
- });
- const updateProgress = (comp, percent) => {
- if (comp.getSystem().isConnected()) {
- memBannerProgress.getOpt(comp).each(progress => {
- Replacing.set(progress, [
- {
- dom: {
- tag: 'div',
- classes: ['tox-bar-container']
- },
- components: [renderPercentBar(percent)]
- },
- renderPercentText(percent)
- ]);
- });
- }
- };
- const updateText = (comp, text) => {
- if (comp.getSystem().isConnected()) {
- const banner = memBannerText.get(comp);
- Replacing.set(banner, [text$1(text)]);
- }
- };
- const apis = {
- updateProgress,
- updateText
- };
- const iconChoices = flatten([
- detail.icon.toArray(),
- detail.level.toArray(),
- detail.level.bind(level => Optional.from(notificationIconMap[level])).toArray()
- ]);
- const memButton = record(Button.sketch({
- dom: {
- tag: 'button',
- classes: [
- 'tox-notification__dismiss',
- 'tox-button',
- 'tox-button--naked',
- 'tox-button--icon'
- ]
- },
- components: [render$3('close', {
- tag: 'div',
- classes: ['tox-icon'],
- attributes: { 'aria-label': detail.translationProvider('Close') }
- }, detail.iconProvider)],
- action: comp => {
- detail.onAction(comp);
- }
- }));
- const notificationIconSpec = renderFirst(iconChoices, {
- tag: 'div',
- classes: ['tox-notification__icon']
- }, detail.iconProvider);
- const notificationBodySpec = {
- dom: {
- tag: 'div',
- classes: ['tox-notification__body']
- },
- components: [memBannerText.asSpec()],
- behaviours: derive$1([Replacing.config({})])
- };
- const components = [
- notificationIconSpec,
- notificationBodySpec
- ];
- return {
- uid: detail.uid,
- dom: {
- tag: 'div',
- attributes: { role: 'alert' },
- classes: detail.level.map(level => [
- 'tox-notification',
- 'tox-notification--in',
- `tox-notification--${ level }`
- ]).getOr([
- 'tox-notification',
- 'tox-notification--in'
- ])
- },
- behaviours: derive$1([
- Focusing.config({}),
- config('notification-events', [run$1(focusin(), comp => {
- memButton.getOpt(comp).each(Focusing.focus);
- })])
- ]),
- components: components.concat(detail.progress ? [memBannerProgress.asSpec()] : []).concat(!detail.closeButton ? [] : [memButton.asSpec()]),
- apis
- };
- };
- const Notification = single({
- name: 'Notification',
- factory: factory$k,
- configFields: [
- option$3('level'),
- required$1('progress'),
- required$1('icon'),
- required$1('onAction'),
- required$1('text'),
- required$1('iconProvider'),
- required$1('translationProvider'),
- defaultedBoolean('closeButton', true)
- ],
- apis: {
- updateProgress: (apis, comp, percent) => {
- apis.updateProgress(comp, percent);
- },
- updateText: (apis, comp, text) => {
- apis.updateText(comp, text);
- }
- }
- });
- var NotificationManagerImpl = (editor, extras, uiMothership) => {
- const sharedBackstage = extras.backstage.shared;
- const getBounds = () => {
- const contentArea = box$1(SugarElement.fromDom(editor.getContentAreaContainer()));
- const win$1 = win();
- const x = clamp(win$1.x, contentArea.x, contentArea.right);
- const y = clamp(win$1.y, contentArea.y, contentArea.bottom);
- const right = Math.max(contentArea.right, win$1.right);
- const bottom = Math.max(contentArea.bottom, win$1.bottom);
- return Optional.some(bounds(x, y, right - x, bottom - y));
- };
- const open = (settings, closeCallback) => {
- const close = () => {
- closeCallback();
- InlineView.hide(notificationWrapper);
- };
- const notification = build$1(Notification.sketch({
- text: settings.text,
- level: contains$2([
- 'success',
- 'error',
- 'warning',
- 'warn',
- 'info'
- ], settings.type) ? settings.type : undefined,
- progress: settings.progressBar === true,
- icon: Optional.from(settings.icon),
- closeButton: settings.closeButton,
- onAction: close,
- iconProvider: sharedBackstage.providers.icons,
- translationProvider: sharedBackstage.providers.translate
- }));
- const notificationWrapper = build$1(InlineView.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-notifications-container']
- },
- lazySink: sharedBackstage.getSink,
- fireDismissalEventInstead: {},
- ...sharedBackstage.header.isPositionedAtTop() ? {} : { fireRepositionEventInstead: {} }
- }));
- uiMothership.add(notificationWrapper);
- if (settings.timeout > 0) {
- global$9.setEditorTimeout(editor, () => {
- close();
- }, settings.timeout);
- }
- const reposition = () => {
- const notificationSpec = premade(notification);
- const anchorOverrides = { maxHeightFunction: expandable$1() };
- const allNotifications = editor.notificationManager.getNotifications();
- if (allNotifications[0] === thisNotification) {
- const anchor = {
- ...sharedBackstage.anchors.banner(),
- overrides: anchorOverrides
- };
- InlineView.showWithinBounds(notificationWrapper, notificationSpec, { anchor }, getBounds);
- } else {
- indexOf(allNotifications, thisNotification).each(idx => {
- const previousNotification = allNotifications[idx - 1].getEl();
- const nodeAnchor = {
- type: 'node',
- root: body(),
- node: Optional.some(SugarElement.fromDom(previousNotification)),
- overrides: anchorOverrides,
- layouts: {
- onRtl: () => [south$2],
- onLtr: () => [south$2]
- }
- };
- InlineView.showWithinBounds(notificationWrapper, notificationSpec, { anchor: nodeAnchor }, getBounds);
- });
- }
- };
- const thisNotification = {
- close,
- reposition,
- text: nuText => {
- Notification.updateText(notification, nuText);
- },
- settings,
- getEl: () => notification.element.dom,
- progressBar: {
- value: percent => {
- Notification.updateProgress(notification, percent);
- }
- }
- };
- return thisNotification;
- };
- const close = notification => {
- notification.close();
- };
- const getArgs = notification => {
- return notification.settings;
- };
- return {
- open,
- close,
- getArgs
- };
- };
- var global$7 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
- var global$6 = tinymce.util.Tools.resolve('tinymce.EditorManager');
- var global$5 = tinymce.util.Tools.resolve('tinymce.Env');
- var ToolbarMode$1;
- (function (ToolbarMode) {
- ToolbarMode['default'] = 'wrap';
- ToolbarMode['floating'] = 'floating';
- ToolbarMode['sliding'] = 'sliding';
- ToolbarMode['scrolling'] = 'scrolling';
- }(ToolbarMode$1 || (ToolbarMode$1 = {})));
- var ToolbarLocation$1;
- (function (ToolbarLocation) {
- ToolbarLocation['auto'] = 'auto';
- ToolbarLocation['top'] = 'top';
- ToolbarLocation['bottom'] = 'bottom';
- }(ToolbarLocation$1 || (ToolbarLocation$1 = {})));
- const option$2 = name => editor => editor.options.get(name);
- const wrapOptional = fn => editor => Optional.from(fn(editor));
- const register$e = editor => {
- const isPhone = global$5.deviceType.isPhone();
- const isMobile = global$5.deviceType.isTablet() || isPhone;
- const registerOption = editor.options.register;
- const stringOrFalseProcessor = value => isString(value) || value === false;
- const stringOrNumberProcessor = value => isString(value) || isNumber(value);
- registerOption('skin', {
- processor: value => isString(value) || value === false,
- default: 'oxide'
- });
- registerOption('skin_url', { processor: 'string' });
- registerOption('height', {
- processor: stringOrNumberProcessor,
- default: Math.max(editor.getElement().offsetHeight, 400)
- });
- registerOption('width', {
- processor: stringOrNumberProcessor,
- default: global$7.DOM.getStyle(editor.getElement(), 'width')
- });
- registerOption('min_height', {
- processor: 'number',
- default: 100
- });
- registerOption('min_width', { processor: 'number' });
- registerOption('max_height', { processor: 'number' });
- registerOption('max_width', { processor: 'number' });
- registerOption('style_formats', { processor: 'object[]' });
- registerOption('style_formats_merge', {
- processor: 'boolean',
- default: false
- });
- registerOption('style_formats_autohide', {
- processor: 'boolean',
- default: false
- });
- registerOption('line_height_formats', {
- processor: 'string',
- default: '1 1.1 1.2 1.3 1.4 1.5 2'
- });
- registerOption('font_family_formats', {
- processor: 'string',
- default: 'Andale Mono=andale mono,monospace;' + 'Arial=arial,helvetica,sans-serif;' + 'Arial Black=arial black,sans-serif;' + 'Book Antiqua=book antiqua,palatino,serif;' + 'Comic Sans MS=comic sans ms,sans-serif;' + 'Courier New=courier new,courier,monospace;' + 'Georgia=georgia,palatino,serif;' + 'Helvetica=helvetica,arial,sans-serif;' + 'Impact=impact,sans-serif;' + 'Symbol=symbol;' + 'Tahoma=tahoma,arial,helvetica,sans-serif;' + 'Terminal=terminal,monaco,monospace;' + 'Times New Roman=times new roman,times,serif;' + 'Trebuchet MS=trebuchet ms,geneva,sans-serif;' + 'Verdana=verdana,geneva,sans-serif;' + 'Webdings=webdings;' + 'Wingdings=wingdings,zapf dingbats'
- });
- registerOption('font_size_formats', {
- processor: 'string',
- default: '8pt 10pt 12pt 14pt 18pt 24pt 36pt'
- });
- registerOption('block_formats', {
- processor: 'string',
- default: 'Paragraph=p;' + 'Heading 1=h1;' + 'Heading 2=h2;' + 'Heading 3=h3;' + 'Heading 4=h4;' + 'Heading 5=h5;' + 'Heading 6=h6;' + 'Preformatted=pre'
- });
- registerOption('content_langs', { processor: 'object[]' });
- registerOption('removed_menuitems', {
- processor: 'string',
- default: ''
- });
- registerOption('menubar', {
- processor: value => isString(value) || isBoolean(value),
- default: !isPhone
- });
- registerOption('menu', {
- processor: 'object',
- default: {}
- });
- registerOption('toolbar', {
- processor: value => {
- if (isBoolean(value) || isString(value) || isArray(value)) {
- return {
- value,
- valid: true
- };
- } else {
- return {
- valid: false,
- message: 'Must be a boolean, string or array.'
- };
- }
- },
- default: true
- });
- range$2(9, num => {
- registerOption('toolbar' + (num + 1), { processor: 'string' });
- });
- registerOption('toolbar_mode', {
- processor: 'string',
- default: isMobile ? 'scrolling' : 'floating'
- });
- registerOption('toolbar_groups', {
- processor: 'object',
- default: {}
- });
- registerOption('toolbar_location', {
- processor: 'string',
- default: ToolbarLocation$1.auto
- });
- registerOption('toolbar_persist', {
- processor: 'boolean',
- default: false
- });
- registerOption('toolbar_sticky', {
- processor: 'boolean',
- default: editor.inline
- });
- registerOption('toolbar_sticky_offset', {
- processor: 'number',
- default: 0
- });
- registerOption('fixed_toolbar_container', {
- processor: 'string',
- default: ''
- });
- registerOption('fixed_toolbar_container_target', { processor: 'object' });
- registerOption('file_picker_callback', { processor: 'function' });
- registerOption('file_picker_validator_handler', { processor: 'function' });
- registerOption('file_picker_types', { processor: 'string' });
- registerOption('typeahead_urls', {
- processor: 'boolean',
- default: true
- });
- registerOption('anchor_top', {
- processor: stringOrFalseProcessor,
- default: '#top'
- });
- registerOption('anchor_bottom', {
- processor: stringOrFalseProcessor,
- default: '#bottom'
- });
- registerOption('draggable_modal', {
- processor: 'boolean',
- default: false
- });
- registerOption('statusbar', {
- processor: 'boolean',
- default: true
- });
- registerOption('elementpath', {
- processor: 'boolean',
- default: true
- });
- registerOption('branding', {
- processor: 'boolean',
- default: true
- });
- registerOption('resize', {
- processor: value => value === 'both' || isBoolean(value),
- default: !global$5.deviceType.isTouch()
- });
- };
- const isReadOnly = option$2('readonly');
- const getHeightOption = option$2('height');
- const getWidthOption = option$2('width');
- const getMinWidthOption = wrapOptional(option$2('min_width'));
- const getMinHeightOption = wrapOptional(option$2('min_height'));
- const getMaxWidthOption = wrapOptional(option$2('max_width'));
- const getMaxHeightOption = wrapOptional(option$2('max_height'));
- const getUserStyleFormats = wrapOptional(option$2('style_formats'));
- const shouldMergeStyleFormats = option$2('style_formats_merge');
- const shouldAutoHideStyleFormats = option$2('style_formats_autohide');
- const getContentLanguages = option$2('content_langs');
- const getRemovedMenuItems = option$2('removed_menuitems');
- const getToolbarMode = option$2('toolbar_mode');
- const getToolbarGroups = option$2('toolbar_groups');
- const getToolbarLocation = option$2('toolbar_location');
- const fixedContainerSelector = option$2('fixed_toolbar_container');
- const fixedToolbarContainerTarget = option$2('fixed_toolbar_container_target');
- const isToolbarPersist = option$2('toolbar_persist');
- const getStickyToolbarOffset = option$2('toolbar_sticky_offset');
- const getMenubar = option$2('menubar');
- const getToolbar = option$2('toolbar');
- const getFilePickerCallback = option$2('file_picker_callback');
- const getFilePickerValidatorHandler = option$2('file_picker_validator_handler');
- const getFilePickerTypes = option$2('file_picker_types');
- const useTypeaheadUrls = option$2('typeahead_urls');
- const getAnchorTop = option$2('anchor_top');
- const getAnchorBottom = option$2('anchor_bottom');
- const isDraggableModal$1 = option$2('draggable_modal');
- const useStatusBar = option$2('statusbar');
- const useElementPath = option$2('elementpath');
- const useBranding = option$2('branding');
- const getResize = option$2('resize');
- const getPasteAsText = option$2('paste_as_text');
- const isSkinDisabled = editor => editor.options.get('skin') === false;
- const isMenubarEnabled = editor => editor.options.get('menubar') !== false;
- const getSkinUrl = editor => {
- const skinUrl = editor.options.get('skin_url');
- if (isSkinDisabled(editor)) {
- return skinUrl;
- } else {
- if (skinUrl) {
- return editor.documentBaseURI.toAbsolute(skinUrl);
- } else {
- const skin = editor.options.get('skin');
- return global$6.baseURL + '/skins/ui/' + skin;
- }
- }
- };
- const getLineHeightFormats = editor => editor.options.get('line_height_formats').split(' ');
- const isToolbarEnabled = editor => {
- const toolbar = getToolbar(editor);
- const isToolbarString = isString(toolbar);
- const isToolbarObjectArray = isArray(toolbar) && toolbar.length > 0;
- return !isMultipleToolbars(editor) && (isToolbarObjectArray || isToolbarString || toolbar === true);
- };
- const getMultipleToolbarsOption = editor => {
- const toolbars = range$2(9, num => editor.options.get('toolbar' + (num + 1)));
- const toolbarArray = filter$2(toolbars, isString);
- return someIf(toolbarArray.length > 0, toolbarArray);
- };
- const isMultipleToolbars = editor => getMultipleToolbarsOption(editor).fold(() => {
- const toolbar = getToolbar(editor);
- return isArrayOf(toolbar, isString) && toolbar.length > 0;
- }, always);
- const isToolbarLocationBottom = editor => getToolbarLocation(editor) === ToolbarLocation$1.bottom;
- const fixedContainerTarget = editor => {
- if (!editor.inline) {
- return Optional.none();
- }
- const selector = fixedContainerSelector(editor);
- if (selector.length > 0) {
- return descendant(body(), selector);
- }
- const element = fixedToolbarContainerTarget(editor);
- if (isNonNullable(element)) {
- return Optional.some(SugarElement.fromDom(element));
- }
- return Optional.none();
- };
- const useFixedContainer = editor => editor.inline && fixedContainerTarget(editor).isSome();
- const getUiContainer = editor => {
- const fixedContainer = fixedContainerTarget(editor);
- return fixedContainer.getOrThunk(() => getContentContainer(getRootNode(SugarElement.fromDom(editor.getElement()))));
- };
- const isDistractionFree = editor => editor.inline && !isMenubarEnabled(editor) && !isToolbarEnabled(editor) && !isMultipleToolbars(editor);
- const isStickyToolbar = editor => {
- const isStickyToolbar = editor.options.get('toolbar_sticky');
- return (isStickyToolbar || editor.inline) && !useFixedContainer(editor) && !isDistractionFree(editor);
- };
- const getMenus = editor => {
- const menu = editor.options.get('menu');
- return map$1(menu, menu => ({
- ...menu,
- items: menu.items
- }));
- };
- var Options = /*#__PURE__*/Object.freeze({
- __proto__: null,
- get ToolbarMode () { return ToolbarMode$1; },
- get ToolbarLocation () { return ToolbarLocation$1; },
- register: register$e,
- getSkinUrl: getSkinUrl,
- isReadOnly: isReadOnly,
- isSkinDisabled: isSkinDisabled,
- getHeightOption: getHeightOption,
- getWidthOption: getWidthOption,
- getMinWidthOption: getMinWidthOption,
- getMinHeightOption: getMinHeightOption,
- getMaxWidthOption: getMaxWidthOption,
- getMaxHeightOption: getMaxHeightOption,
- getUserStyleFormats: getUserStyleFormats,
- shouldMergeStyleFormats: shouldMergeStyleFormats,
- shouldAutoHideStyleFormats: shouldAutoHideStyleFormats,
- getLineHeightFormats: getLineHeightFormats,
- getContentLanguages: getContentLanguages,
- getRemovedMenuItems: getRemovedMenuItems,
- isMenubarEnabled: isMenubarEnabled,
- isMultipleToolbars: isMultipleToolbars,
- isToolbarEnabled: isToolbarEnabled,
- isToolbarPersist: isToolbarPersist,
- getMultipleToolbarsOption: getMultipleToolbarsOption,
- getUiContainer: getUiContainer,
- useFixedContainer: useFixedContainer,
- getToolbarMode: getToolbarMode,
- isDraggableModal: isDraggableModal$1,
- isDistractionFree: isDistractionFree,
- isStickyToolbar: isStickyToolbar,
- getStickyToolbarOffset: getStickyToolbarOffset,
- getToolbarLocation: getToolbarLocation,
- isToolbarLocationBottom: isToolbarLocationBottom,
- getToolbarGroups: getToolbarGroups,
- getMenus: getMenus,
- getMenubar: getMenubar,
- getToolbar: getToolbar,
- getFilePickerCallback: getFilePickerCallback,
- getFilePickerTypes: getFilePickerTypes,
- useTypeaheadUrls: useTypeaheadUrls,
- getAnchorTop: getAnchorTop,
- getAnchorBottom: getAnchorBottom,
- getFilePickerValidatorHandler: getFilePickerValidatorHandler,
- useStatusBar: useStatusBar,
- useElementPath: useElementPath,
- useBranding: useBranding,
- getResize: getResize,
- getPasteAsText: getPasteAsText
- });
- const autocompleteSelector = '[data-mce-autocompleter]';
- const detect = elm => closest$1(elm, autocompleteSelector);
- const findIn = elm => descendant(elm, autocompleteSelector);
- const setup$e = (api, editor) => {
- const redirectKeyToItem = (item, e) => {
- emitWith(item, keydown(), { raw: e });
- };
- const getItem = () => api.getView().bind(Highlighting.getHighlighted);
- editor.on('keydown', e => {
- const keyCode = e.which;
- if (!api.isActive()) {
- return;
- }
- if (api.isMenuOpen()) {
- if (keyCode === 13) {
- getItem().each(emitExecute);
- e.preventDefault();
- } else if (keyCode === 40) {
- getItem().fold(() => {
- api.getView().each(Highlighting.highlightFirst);
- }, item => {
- redirectKeyToItem(item, e);
- });
- e.preventDefault();
- e.stopImmediatePropagation();
- } else if (keyCode === 37 || keyCode === 38 || keyCode === 39) {
- getItem().each(item => {
- redirectKeyToItem(item, e);
- e.preventDefault();
- e.stopImmediatePropagation();
- });
- }
- } else {
- if (keyCode === 13 || keyCode === 38 || keyCode === 40) {
- api.cancelIfNecessary();
- }
- }
- });
- editor.on('NodeChange', e => {
- if (api.isActive() && !api.isProcessingAction() && detect(SugarElement.fromDom(e.element)).isNone()) {
- api.cancelIfNecessary();
- }
- });
- };
- const AutocompleterEditorEvents = { setup: setup$e };
- var ItemResponse;
- (function (ItemResponse) {
- ItemResponse[ItemResponse['CLOSE_ON_EXECUTE'] = 0] = 'CLOSE_ON_EXECUTE';
- ItemResponse[ItemResponse['BUBBLE_TO_SANDBOX'] = 1] = 'BUBBLE_TO_SANDBOX';
- }(ItemResponse || (ItemResponse = {})));
- var ItemResponse$1 = ItemResponse;
- const navClass = 'tox-menu-nav__js';
- const selectableClass = 'tox-collection__item';
- const colorClass = 'tox-swatch';
- const presetClasses = {
- normal: navClass,
- color: colorClass
- };
- const tickedClass = 'tox-collection__item--enabled';
- const groupHeadingClass = 'tox-collection__group-heading';
- const iconClass = 'tox-collection__item-icon';
- const textClass = 'tox-collection__item-label';
- const accessoryClass = 'tox-collection__item-accessory';
- const caretClass = 'tox-collection__item-caret';
- const checkmarkClass = 'tox-collection__item-checkmark';
- const activeClass = 'tox-collection__item--active';
- const containerClass = 'tox-collection__item-container';
- const containerColumnClass = 'tox-collection__item-container--column';
- const containerRowClass = 'tox-collection__item-container--row';
- const containerAlignRightClass = 'tox-collection__item-container--align-right';
- const containerAlignLeftClass = 'tox-collection__item-container--align-left';
- const containerValignTopClass = 'tox-collection__item-container--valign-top';
- const containerValignMiddleClass = 'tox-collection__item-container--valign-middle';
- const containerValignBottomClass = 'tox-collection__item-container--valign-bottom';
- const classForPreset = presets => get$g(presetClasses, presets).getOr(navClass);
- const forMenu = presets => {
- if (presets === 'color') {
- return 'tox-swatches';
- } else {
- return 'tox-menu';
- }
- };
- const classes = presets => ({
- backgroundMenu: 'tox-background-menu',
- selectedMenu: 'tox-selected-menu',
- selectedItem: 'tox-collection__item--active',
- hasIcons: 'tox-menu--has-icons',
- menu: forMenu(presets),
- tieredMenu: 'tox-tiered-menu'
- });
- const markers = presets => {
- const menuClasses = classes(presets);
- return {
- backgroundMenu: menuClasses.backgroundMenu,
- selectedMenu: menuClasses.selectedMenu,
- menu: menuClasses.menu,
- selectedItem: menuClasses.selectedItem,
- item: classForPreset(presets)
- };
- };
- const dom$1 = (hasIcons, columns, presets) => {
- const menuClasses = classes(presets);
- return {
- tag: 'div',
- classes: flatten([
- [
- menuClasses.menu,
- `tox-menu-${ columns }-column`
- ],
- hasIcons ? [menuClasses.hasIcons] : []
- ])
- };
- };
- const components = [Menu.parts.items({})];
- const part = (hasIcons, columns, presets) => {
- const menuClasses = classes(presets);
- const d = {
- tag: 'div',
- classes: flatten([[menuClasses.tieredMenu]])
- };
- return {
- dom: d,
- markers: markers(presets)
- };
- };
- const chunk = (rowDom, numColumns) => items => {
- const chunks = chunk$1(items, numColumns);
- return map$2(chunks, c => ({
- dom: rowDom,
- components: c
- }));
- };
- const forSwatch = columns => ({
- dom: {
- tag: 'div',
- classes: [
- 'tox-menu',
- 'tox-swatches-menu'
- ]
- },
- components: [{
- dom: {
- tag: 'div',
- classes: ['tox-swatches']
- },
- components: [Menu.parts.items({
- preprocess: columns !== 'auto' ? chunk({
- tag: 'div',
- classes: ['tox-swatches__row']
- }, columns) : identity
- })]
- }]
- });
- const forToolbar = columns => ({
- dom: {
- tag: 'div',
- classes: [
- 'tox-menu',
- 'tox-collection',
- 'tox-collection--toolbar',
- 'tox-collection--toolbar-lg'
- ]
- },
- components: [Menu.parts.items({
- preprocess: chunk({
- tag: 'div',
- classes: ['tox-collection__group']
- }, columns)
- })]
- });
- const preprocessCollection = (items, isSeparator) => {
- const allSplits = [];
- let currentSplit = [];
- each$1(items, (item, i) => {
- if (isSeparator(item, i)) {
- if (currentSplit.length > 0) {
- allSplits.push(currentSplit);
- }
- currentSplit = [];
- if (has$2(item.dom, 'innerHtml') || item.components.length > 0) {
- currentSplit.push(item);
- }
- } else {
- currentSplit.push(item);
- }
- });
- if (currentSplit.length > 0) {
- allSplits.push(currentSplit);
- }
- return map$2(allSplits, s => ({
- dom: {
- tag: 'div',
- classes: ['tox-collection__group']
- },
- components: s
- }));
- };
- const forCollection = (columns, initItems, _hasIcons = true) => ({
- dom: {
- tag: 'div',
- classes: [
- 'tox-menu',
- 'tox-collection'
- ].concat(columns === 1 ? ['tox-collection--list'] : ['tox-collection--grid'])
- },
- components: [Menu.parts.items({
- preprocess: items => {
- if (columns !== 'auto' && columns > 1) {
- return chunk({
- tag: 'div',
- classes: ['tox-collection__group']
- }, columns)(items);
- } else {
- return preprocessCollection(items, (_item, i) => initItems[i].type === 'separator');
- }
- }
- })]
- });
- const forHorizontalCollection = (initItems, _hasIcons = true) => ({
- dom: {
- tag: 'div',
- classes: [
- 'tox-collection',
- 'tox-collection--horizontal'
- ]
- },
- components: [Menu.parts.items({ preprocess: items => preprocessCollection(items, (_item, i) => initItems[i].type === 'separator') })]
- });
- const menuHasIcons = xs => exists(xs, item => 'icon' in item && item.icon !== undefined);
- const handleError = error => {
- console.error(formatError(error));
- console.log(error);
- return Optional.none();
- };
- const createHorizontalPartialMenuWithAlloyItems = (value, _hasIcons, items, _columns, _presets) => {
- const structure = forHorizontalCollection(items);
- return {
- value,
- dom: structure.dom,
- components: structure.components,
- items
- };
- };
- const createPartialMenuWithAlloyItems = (value, hasIcons, items, columns, presets) => {
- if (presets === 'color') {
- const structure = forSwatch(columns);
- return {
- value,
- dom: structure.dom,
- components: structure.components,
- items
- };
- }
- if (presets === 'normal' && columns === 'auto') {
- const structure = forCollection(columns, items);
- return {
- value,
- dom: structure.dom,
- components: structure.components,
- items
- };
- }
- if (presets === 'normal' && columns === 1) {
- const structure = forCollection(1, items);
- return {
- value,
- dom: structure.dom,
- components: structure.components,
- items
- };
- }
- if (presets === 'normal') {
- const structure = forCollection(columns, items);
- return {
- value,
- dom: structure.dom,
- components: structure.components,
- items
- };
- }
- if (presets === 'listpreview' && columns !== 'auto') {
- const structure = forToolbar(columns);
- return {
- value,
- dom: structure.dom,
- components: structure.components,
- items
- };
- }
- return {
- value,
- dom: dom$1(hasIcons, columns, presets),
- components: components,
- items
- };
- };
- const type = requiredString('type');
- const name$1 = requiredString('name');
- const label = requiredString('label');
- const text = requiredString('text');
- const title = requiredString('title');
- const icon = requiredString('icon');
- const value$1 = requiredString('value');
- const fetch$1 = requiredFunction('fetch');
- const getSubmenuItems = requiredFunction('getSubmenuItems');
- const onAction = requiredFunction('onAction');
- const onItemAction = requiredFunction('onItemAction');
- const onSetup = defaultedFunction('onSetup', () => noop);
- const optionalName = optionString('name');
- const optionalText = optionString('text');
- const optionalIcon = optionString('icon');
- const optionalTooltip = optionString('tooltip');
- const optionalLabel = optionString('label');
- const optionalShortcut = optionString('shortcut');
- const optionalSelect = optionFunction('select');
- const active = defaultedBoolean('active', false);
- const borderless = defaultedBoolean('borderless', false);
- const enabled = defaultedBoolean('enabled', true);
- const primary = defaultedBoolean('primary', false);
- const defaultedColumns = num => defaulted('columns', num);
- const defaultedMeta = defaulted('meta', {});
- const defaultedOnAction = defaultedFunction('onAction', noop);
- const defaultedType = type => defaultedString('type', type);
- const generatedName = namePrefix => field$1('name', 'name', defaultedThunk(() => generate$6(`${ namePrefix }-name`)), string);
- const generatedValue = valuePrefix => field$1('value', 'value', defaultedThunk(() => generate$6(`${ valuePrefix }-value`)), anyValue());
- const separatorMenuItemSchema = objOf([
- type,
- optionalText
- ]);
- const createSeparatorMenuItem = spec => asRaw('separatormenuitem', separatorMenuItemSchema, spec);
- const autocompleterItemSchema = objOf([
- defaultedType('autocompleteitem'),
- active,
- enabled,
- defaultedMeta,
- value$1,
- optionalText,
- optionalIcon
- ]);
- const createSeparatorItem = spec => asRaw('Autocompleter.Separator', separatorMenuItemSchema, spec);
- const createAutocompleterItem = spec => asRaw('Autocompleter.Item', autocompleterItemSchema, spec);
- const baseToolbarButtonFields = [
- enabled,
- optionalTooltip,
- optionalIcon,
- optionalText,
- onSetup
- ];
- const toolbarButtonSchema = objOf([
- type,
- onAction
- ].concat(baseToolbarButtonFields));
- const createToolbarButton = spec => asRaw('toolbarbutton', toolbarButtonSchema, spec);
- const baseToolbarToggleButtonFields = [active].concat(baseToolbarButtonFields);
- const toggleButtonSchema = objOf(baseToolbarToggleButtonFields.concat([
- type,
- onAction
- ]));
- const createToggleButton = spec => asRaw('ToggleButton', toggleButtonSchema, spec);
- const contextBarFields = [
- defaultedFunction('predicate', never),
- defaultedStringEnum('scope', 'node', [
- 'node',
- 'editor'
- ]),
- defaultedStringEnum('position', 'selection', [
- 'node',
- 'selection',
- 'line'
- ])
- ];
- const contextButtonFields = baseToolbarButtonFields.concat([
- defaultedType('contextformbutton'),
- primary,
- onAction,
- customField('original', identity)
- ]);
- const contextToggleButtonFields = baseToolbarToggleButtonFields.concat([
- defaultedType('contextformbutton'),
- primary,
- onAction,
- customField('original', identity)
- ]);
- const launchButtonFields = baseToolbarButtonFields.concat([defaultedType('contextformbutton')]);
- const launchToggleButtonFields = baseToolbarToggleButtonFields.concat([defaultedType('contextformtogglebutton')]);
- const toggleOrNormal = choose$1('type', {
- contextformbutton: contextButtonFields,
- contextformtogglebutton: contextToggleButtonFields
- });
- const contextFormSchema = objOf([
- defaultedType('contextform'),
- defaultedFunction('initValue', constant$1('')),
- optionalLabel,
- requiredArrayOf('commands', toggleOrNormal),
- optionOf('launch', choose$1('type', {
- contextformbutton: launchButtonFields,
- contextformtogglebutton: launchToggleButtonFields
- }))
- ].concat(contextBarFields));
- const createContextForm = spec => asRaw('ContextForm', contextFormSchema, spec);
- const contextToolbarSchema = objOf([
- defaultedType('contexttoolbar'),
- requiredString('items')
- ].concat(contextBarFields));
- const createContextToolbar = spec => asRaw('ContextToolbar', contextToolbarSchema, spec);
- const cardImageFields = [
- type,
- requiredString('src'),
- optionString('alt'),
- defaultedArrayOf('classes', [], string)
- ];
- const cardImageSchema = objOf(cardImageFields);
- const cardTextFields = [
- type,
- text,
- optionalName,
- defaultedArrayOf('classes', ['tox-collection__item-label'], string)
- ];
- const cardTextSchema = objOf(cardTextFields);
- const itemSchema$1 = valueThunk(() => choose$2('type', {
- cardimage: cardImageSchema,
- cardtext: cardTextSchema,
- cardcontainer: cardContainerSchema
- }));
- const cardContainerSchema = objOf([
- type,
- defaultedString('direction', 'horizontal'),
- defaultedString('align', 'left'),
- defaultedString('valign', 'middle'),
- requiredArrayOf('items', itemSchema$1)
- ]);
- const commonMenuItemFields = [
- enabled,
- optionalText,
- optionalShortcut,
- generatedValue('menuitem'),
- defaultedMeta
- ];
- const cardMenuItemSchema = objOf([
- type,
- optionalLabel,
- requiredArrayOf('items', itemSchema$1),
- onSetup,
- defaultedOnAction
- ].concat(commonMenuItemFields));
- const createCardMenuItem = spec => asRaw('cardmenuitem', cardMenuItemSchema, spec);
- const choiceMenuItemSchema = objOf([
- type,
- active,
- optionalIcon
- ].concat(commonMenuItemFields));
- const createChoiceMenuItem = spec => asRaw('choicemenuitem', choiceMenuItemSchema, spec);
- const baseFields = [
- type,
- requiredString('fancytype'),
- defaultedOnAction
- ];
- const insertTableFields = [defaulted('initData', {})].concat(baseFields);
- const colorSwatchFields = [defaultedObjOf('initData', {}, [
- defaultedBoolean('allowCustomColors', true),
- optionArrayOf('colors', anyValue())
- ])].concat(baseFields);
- const fancyMenuItemSchema = choose$1('fancytype', {
- inserttable: insertTableFields,
- colorswatch: colorSwatchFields
- });
- const createFancyMenuItem = spec => asRaw('fancymenuitem', fancyMenuItemSchema, spec);
- const menuItemSchema = objOf([
- type,
- onSetup,
- defaultedOnAction,
- optionalIcon
- ].concat(commonMenuItemFields));
- const createMenuItem = spec => asRaw('menuitem', menuItemSchema, spec);
- const nestedMenuItemSchema = objOf([
- type,
- getSubmenuItems,
- onSetup,
- optionalIcon
- ].concat(commonMenuItemFields));
- const createNestedMenuItem = spec => asRaw('nestedmenuitem', nestedMenuItemSchema, spec);
- const toggleMenuItemSchema = objOf([
- type,
- optionalIcon,
- active,
- onSetup,
- onAction
- ].concat(commonMenuItemFields));
- const createToggleMenuItem = spec => asRaw('togglemenuitem', toggleMenuItemSchema, spec);
- const detectSize = (comp, margin, selectorClass) => {
- const descendants$1 = descendants(comp.element, '.' + selectorClass);
- if (descendants$1.length > 0) {
- const columnLength = findIndex$1(descendants$1, c => {
- const thisTop = c.dom.getBoundingClientRect().top;
- const cTop = descendants$1[0].dom.getBoundingClientRect().top;
- return Math.abs(thisTop - cTop) > margin;
- }).getOr(descendants$1.length);
- return Optional.some({
- numColumns: columnLength,
- numRows: Math.ceil(descendants$1.length / columnLength)
- });
- } else {
- return Optional.none();
- }
- };
- const namedEvents = (name, handlers) => derive$1([config(name, handlers)]);
- const unnamedEvents = handlers => namedEvents(generate$6('unnamed-events'), handlers);
- const SimpleBehaviours = {
- namedEvents,
- unnamedEvents
- };
- const ExclusivityChannel = generate$6('tooltip.exclusive');
- const ShowTooltipEvent = generate$6('tooltip.show');
- const HideTooltipEvent = generate$6('tooltip.hide');
- const hideAllExclusive = (component, _tConfig, _tState) => {
- component.getSystem().broadcastOn([ExclusivityChannel], {});
- };
- const setComponents = (component, tConfig, tState, specs) => {
- tState.getTooltip().each(tooltip => {
- if (tooltip.getSystem().isConnected()) {
- Replacing.set(tooltip, specs);
- }
- });
- };
- var TooltippingApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- hideAllExclusive: hideAllExclusive,
- setComponents: setComponents
- });
- const events$9 = (tooltipConfig, state) => {
- const hide = comp => {
- state.getTooltip().each(p => {
- detach(p);
- tooltipConfig.onHide(comp, p);
- state.clearTooltip();
- });
- state.clearTimer();
- };
- const show = comp => {
- if (!state.isShowing()) {
- hideAllExclusive(comp);
- const sink = tooltipConfig.lazySink(comp).getOrDie();
- const popup = comp.getSystem().build({
- dom: tooltipConfig.tooltipDom,
- components: tooltipConfig.tooltipComponents,
- events: derive$2(tooltipConfig.mode === 'normal' ? [
- run$1(mouseover(), _ => {
- emit(comp, ShowTooltipEvent);
- }),
- run$1(mouseout(), _ => {
- emit(comp, HideTooltipEvent);
- })
- ] : []),
- behaviours: derive$1([Replacing.config({})])
- });
- state.setTooltip(popup);
- attach(sink, popup);
- tooltipConfig.onShow(comp, popup);
- Positioning.position(sink, popup, { anchor: tooltipConfig.anchor(comp) });
- }
- };
- return derive$2(flatten([
- [
- run$1(ShowTooltipEvent, comp => {
- state.resetTimer(() => {
- show(comp);
- }, tooltipConfig.delay);
- }),
- run$1(HideTooltipEvent, comp => {
- state.resetTimer(() => {
- hide(comp);
- }, tooltipConfig.delay);
- }),
- run$1(receive(), (comp, message) => {
- const receivingData = message;
- if (!receivingData.universal) {
- if (contains$2(receivingData.channels, ExclusivityChannel)) {
- hide(comp);
- }
- }
- }),
- runOnDetached(comp => {
- hide(comp);
- })
- ],
- tooltipConfig.mode === 'normal' ? [
- run$1(focusin(), comp => {
- emit(comp, ShowTooltipEvent);
- }),
- run$1(postBlur(), comp => {
- emit(comp, HideTooltipEvent);
- }),
- run$1(mouseover(), comp => {
- emit(comp, ShowTooltipEvent);
- }),
- run$1(mouseout(), comp => {
- emit(comp, HideTooltipEvent);
- })
- ] : [
- run$1(highlight$1(), (comp, _se) => {
- emit(comp, ShowTooltipEvent);
- }),
- run$1(dehighlight$1(), comp => {
- emit(comp, HideTooltipEvent);
- })
- ]
- ]));
- };
- var ActiveTooltipping = /*#__PURE__*/Object.freeze({
- __proto__: null,
- events: events$9
- });
- var TooltippingSchema = [
- required$1('lazySink'),
- required$1('tooltipDom'),
- defaulted('exclusive', true),
- defaulted('tooltipComponents', []),
- defaulted('delay', 300),
- defaultedStringEnum('mode', 'normal', [
- 'normal',
- 'follow-highlight'
- ]),
- defaulted('anchor', comp => ({
- type: 'hotspot',
- hotspot: comp,
- layouts: {
- onLtr: constant$1([
- south$2,
- north$2,
- southeast$2,
- northeast$2,
- southwest$2,
- northwest$2
- ]),
- onRtl: constant$1([
- south$2,
- north$2,
- southeast$2,
- northeast$2,
- southwest$2,
- northwest$2
- ])
- }
- })),
- onHandler('onHide'),
- onHandler('onShow')
- ];
- const init$b = () => {
- const timer = value$2();
- const popup = value$2();
- const clearTimer = () => {
- timer.on(clearTimeout);
- };
- const resetTimer = (f, delay) => {
- clearTimer();
- timer.set(setTimeout(f, delay));
- };
- const readState = constant$1('not-implemented');
- return nu$8({
- getTooltip: popup.get,
- isShowing: popup.isSet,
- setTooltip: popup.set,
- clearTooltip: popup.clear,
- clearTimer,
- resetTimer,
- readState
- });
- };
- var TooltippingState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- init: init$b
- });
- const Tooltipping = create$3({
- fields: TooltippingSchema,
- name: 'tooltipping',
- active: ActiveTooltipping,
- state: TooltippingState,
- apis: TooltippingApis
- });
- const escape = text => text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
- const ReadOnlyChannel = 'silver.readonly';
- const ReadOnlyDataSchema = objOf([requiredBoolean('readonly')]);
- const broadcastReadonly = (uiComponents, readonly) => {
- const outerContainer = uiComponents.outerContainer;
- const target = outerContainer.element;
- if (readonly) {
- uiComponents.mothership.broadcastOn([dismissPopups()], { target });
- uiComponents.uiMothership.broadcastOn([dismissPopups()], { target });
- }
- uiComponents.mothership.broadcastOn([ReadOnlyChannel], { readonly });
- uiComponents.uiMothership.broadcastOn([ReadOnlyChannel], { readonly });
- };
- const setupReadonlyModeSwitch = (editor, uiComponents) => {
- editor.on('init', () => {
- if (editor.mode.isReadOnly()) {
- broadcastReadonly(uiComponents, true);
- }
- });
- editor.on('SwitchMode', () => broadcastReadonly(uiComponents, editor.mode.isReadOnly()));
- if (isReadOnly(editor)) {
- editor.mode.set('readonly');
- }
- };
- const receivingConfig = () => Receiving.config({
- channels: {
- [ReadOnlyChannel]: {
- schema: ReadOnlyDataSchema,
- onReceive: (comp, data) => {
- Disabling.set(comp, data.readonly);
- }
- }
- }
- });
- const item = disabled => Disabling.config({
- disabled,
- disableClass: 'tox-collection__item--state-disabled'
- });
- const button = disabled => Disabling.config({ disabled });
- const splitButton = disabled => Disabling.config({
- disabled,
- disableClass: 'tox-tbtn--disabled'
- });
- const toolbarButton = disabled => Disabling.config({
- disabled,
- disableClass: 'tox-tbtn--disabled',
- useNative: false
- });
- const DisablingConfigs = {
- item,
- button,
- splitButton,
- toolbarButton
- };
- const runWithApi = (info, comp) => {
- const api = info.getApi(comp);
- return f => {
- f(api);
- };
- };
- const onControlAttached = (info, editorOffCell) => runOnAttached(comp => {
- const run = runWithApi(info, comp);
- run(api => {
- const onDestroy = info.onSetup(api);
- if (isFunction(onDestroy)) {
- editorOffCell.set(onDestroy);
- }
- });
- });
- const onControlDetached = (getApi, editorOffCell) => runOnDetached(comp => runWithApi(getApi, comp)(editorOffCell.get()));
- const onMenuItemExecute = (info, itemResponse) => runOnExecute$1((comp, simulatedEvent) => {
- runWithApi(info, comp)(info.onAction);
- if (!info.triggersSubmenu && itemResponse === ItemResponse$1.CLOSE_ON_EXECUTE) {
- if (comp.getSystem().isConnected()) {
- emit(comp, sandboxClose());
- }
- simulatedEvent.stop();
- }
- });
- const menuItemEventOrder = {
- [execute$5()]: [
- 'disabling',
- 'alloy.base.behaviour',
- 'toggling',
- 'item-events'
- ]
- };
- const componentRenderPipeline = cat;
- const renderCommonItem = (spec, structure, itemResponse, providersbackstage) => {
- const editorOffCell = Cell(noop);
- return {
- type: 'item',
- dom: structure.dom,
- components: componentRenderPipeline(structure.optComponents),
- data: spec.data,
- eventOrder: menuItemEventOrder,
- hasSubmenu: spec.triggersSubmenu,
- itemBehaviours: derive$1([
- config('item-events', [
- onMenuItemExecute(spec, itemResponse),
- onControlAttached(spec, editorOffCell),
- onControlDetached(spec, editorOffCell)
- ]),
- DisablingConfigs.item(() => !spec.enabled || providersbackstage.isDisabled()),
- receivingConfig(),
- Replacing.config({})
- ].concat(spec.itemBehaviours))
- };
- };
- const buildData = source => ({
- value: source.value,
- meta: {
- text: source.text.getOr(''),
- ...source.meta
- }
- });
- const convertText = source => {
- const isMac = global$5.os.isMacOS() || global$5.os.isiOS();
- const mac = {
- alt: '\u2325',
- ctrl: '\u2303',
- shift: '\u21E7',
- meta: '\u2318',
- access: '\u2303\u2325'
- };
- const other = {
- meta: 'Ctrl',
- access: 'Shift+Alt'
- };
- const replace = isMac ? mac : other;
- const shortcut = source.split('+');
- const updated = map$2(shortcut, segment => {
- const search = segment.toLowerCase().trim();
- return has$2(replace, search) ? replace[search] : segment;
- });
- return isMac ? updated.join('') : updated.join('+');
- };
- const renderIcon$1 = (name, icons, classes = [iconClass]) => render$3(name, {
- tag: 'div',
- classes
- }, icons);
- const renderText = text => ({
- dom: {
- tag: 'div',
- classes: [textClass]
- },
- components: [text$1(global$8.translate(text))]
- });
- const renderHtml = (html, classes) => ({
- dom: {
- tag: 'div',
- classes,
- innerHtml: html
- }
- });
- const renderStyledText = (style, text) => ({
- dom: {
- tag: 'div',
- classes: [textClass]
- },
- components: [{
- dom: {
- tag: style.tag,
- styles: style.styles
- },
- components: [text$1(global$8.translate(text))]
- }]
- });
- const renderShortcut = shortcut => ({
- dom: {
- tag: 'div',
- classes: [accessoryClass]
- },
- components: [text$1(convertText(shortcut))]
- });
- const renderCheckmark = icons => renderIcon$1('checkmark', icons, [checkmarkClass]);
- const renderSubmenuCaret = icons => renderIcon$1('chevron-right', icons, [caretClass]);
- const renderDownwardsCaret = icons => renderIcon$1('chevron-down', icons, [caretClass]);
- const renderContainer = (container, components) => {
- const directionClass = container.direction === 'vertical' ? containerColumnClass : containerRowClass;
- const alignClass = container.align === 'left' ? containerAlignLeftClass : containerAlignRightClass;
- const getValignClass = () => {
- switch (container.valign) {
- case 'top':
- return containerValignTopClass;
- case 'middle':
- return containerValignMiddleClass;
- case 'bottom':
- return containerValignBottomClass;
- }
- };
- return {
- dom: {
- tag: 'div',
- classes: [
- containerClass,
- directionClass,
- alignClass,
- getValignClass()
- ]
- },
- components
- };
- };
- const renderImage = (src, classes, alt) => ({
- dom: {
- tag: 'img',
- classes,
- attributes: {
- src,
- alt: alt.getOr('')
- }
- }
- });
- const renderColorStructure = (item, providerBackstage, fallbackIcon) => {
- const colorPickerCommand = 'custom';
- const removeColorCommand = 'remove';
- const itemText = item.ariaLabel;
- const itemValue = item.value;
- const iconSvg = item.iconContent.map(name => getOr(name, providerBackstage.icons, fallbackIcon));
- const getDom = () => {
- const common = colorClass;
- const icon = iconSvg.getOr('');
- const attributes = itemText.map(text => ({ title: providerBackstage.translate(text) })).getOr({});
- const baseDom = {
- tag: 'div',
- attributes,
- classes: [common]
- };
- if (itemValue === colorPickerCommand) {
- return {
- ...baseDom,
- tag: 'button',
- classes: [
- ...baseDom.classes,
- 'tox-swatches__picker-btn'
- ],
- innerHtml: icon
- };
- } else if (itemValue === removeColorCommand) {
- return {
- ...baseDom,
- classes: [
- ...baseDom.classes,
- 'tox-swatch--remove'
- ],
- innerHtml: icon
- };
- } else {
- return {
- ...baseDom,
- attributes: {
- ...baseDom.attributes,
- 'data-mce-color': itemValue
- },
- styles: { 'background-color': itemValue }
- };
- }
- };
- return {
- dom: getDom(),
- optComponents: []
- };
- };
- const renderItemDomStructure = ariaLabel => {
- const domTitle = ariaLabel.map(label => ({ attributes: { title: global$8.translate(label) } })).getOr({});
- return {
- tag: 'div',
- classes: [
- navClass,
- selectableClass
- ],
- ...domTitle
- };
- };
- const renderNormalItemStructure = (info, providersBackstage, renderIcons, fallbackIcon) => {
- const iconSpec = {
- tag: 'div',
- classes: [iconClass]
- };
- const renderIcon = iconName => render$3(iconName, iconSpec, providersBackstage.icons, fallbackIcon);
- const renderEmptyIcon = () => Optional.some({ dom: iconSpec });
- const leftIcon = renderIcons ? info.iconContent.map(renderIcon).orThunk(renderEmptyIcon) : Optional.none();
- const checkmark = info.checkMark;
- const textRender = Optional.from(info.meta).fold(() => renderText, meta => has$2(meta, 'style') ? curry(renderStyledText, meta.style) : renderText);
- const content = info.htmlContent.fold(() => info.textContent.map(textRender), html => Optional.some(renderHtml(html, [textClass])));
- const menuItem = {
- dom: renderItemDomStructure(info.ariaLabel),
- optComponents: [
- leftIcon,
- content,
- info.shortcutContent.map(renderShortcut),
- checkmark,
- info.caret
- ]
- };
- return menuItem;
- };
- const renderItemStructure = (info, providersBackstage, renderIcons, fallbackIcon = Optional.none()) => {
- if (info.presets === 'color') {
- return renderColorStructure(info, providersBackstage, fallbackIcon);
- } else {
- return renderNormalItemStructure(info, providersBackstage, renderIcons, fallbackIcon);
- }
- };
- const tooltipBehaviour = (meta, sharedBackstage) => get$g(meta, 'tooltipWorker').map(tooltipWorker => [Tooltipping.config({
- lazySink: sharedBackstage.getSink,
- tooltipDom: {
- tag: 'div',
- classes: ['tox-tooltip-worker-container']
- },
- tooltipComponents: [],
- anchor: comp => ({
- type: 'submenu',
- item: comp,
- overrides: { maxHeightFunction: expandable$1 }
- }),
- mode: 'follow-highlight',
- onShow: (component, _tooltip) => {
- tooltipWorker(elm => {
- Tooltipping.setComponents(component, [external$1({ element: SugarElement.fromDom(elm) })]);
- });
- }
- })]).getOr([]);
- const encodeText = text => global$7.DOM.encode(text);
- const replaceText = (text, matchText) => {
- const translated = global$8.translate(text);
- const encoded = encodeText(translated);
- if (matchText.length > 0) {
- const escapedMatchRegex = new RegExp(escape(matchText), 'gi');
- return encoded.replace(escapedMatchRegex, match => `<span class="tox-autocompleter-highlight">${ match }</span>`);
- } else {
- return encoded;
- }
- };
- const renderAutocompleteItem = (spec, matchText, useText, presets, onItemValueHandler, itemResponse, sharedBackstage, renderIcons = true) => {
- const structure = renderItemStructure({
- presets,
- textContent: Optional.none(),
- htmlContent: useText ? spec.text.map(text => replaceText(text, matchText)) : Optional.none(),
- ariaLabel: spec.text,
- iconContent: spec.icon,
- shortcutContent: Optional.none(),
- checkMark: Optional.none(),
- caret: Optional.none(),
- value: spec.value
- }, sharedBackstage.providers, renderIcons, spec.icon);
- return renderCommonItem({
- data: buildData(spec),
- enabled: spec.enabled,
- getApi: constant$1({}),
- onAction: _api => onItemValueHandler(spec.value, spec.meta),
- onSetup: constant$1(noop),
- triggersSubmenu: false,
- itemBehaviours: tooltipBehaviour(spec.meta, sharedBackstage)
- }, structure, itemResponse, sharedBackstage.providers);
- };
- const render$2 = (items, extras) => map$2(items, item => {
- switch (item.type) {
- case 'cardcontainer':
- return renderContainer(item, render$2(item.items, extras));
- case 'cardimage':
- return renderImage(item.src, item.classes, item.alt);
- case 'cardtext':
- const shouldHighlight = item.name.exists(name => contains$2(extras.cardText.highlightOn, name));
- const matchText = shouldHighlight ? Optional.from(extras.cardText.matchText).getOr('') : '';
- return renderHtml(replaceText(item.text, matchText), item.classes);
- }
- });
- const renderCardMenuItem = (spec, itemResponse, sharedBackstage, extras) => {
- const getApi = component => ({
- isEnabled: () => !Disabling.isDisabled(component),
- setEnabled: state => {
- Disabling.set(component, !state);
- each$1(descendants(component.element, '*'), elm => {
- component.getSystem().getByDom(elm).each(comp => {
- if (comp.hasConfigured(Disabling)) {
- Disabling.set(comp, !state);
- }
- });
- });
- }
- });
- const structure = {
- dom: renderItemDomStructure(spec.label),
- optComponents: [Optional.some({
- dom: {
- tag: 'div',
- classes: [
- containerClass,
- containerRowClass
- ]
- },
- components: render$2(spec.items, extras)
- })]
- };
- return renderCommonItem({
- data: buildData({
- text: Optional.none(),
- ...spec
- }),
- enabled: spec.enabled,
- getApi,
- onAction: spec.onAction,
- onSetup: spec.onSetup,
- triggersSubmenu: false,
- itemBehaviours: Optional.from(extras.itemBehaviours).getOr([])
- }, structure, itemResponse, sharedBackstage.providers);
- };
- const renderChoiceItem = (spec, useText, presets, onItemValueHandler, isSelected, itemResponse, providersBackstage, renderIcons = true) => {
- const getApi = component => ({
- setActive: state => {
- Toggling.set(component, state);
- },
- isActive: () => Toggling.isOn(component),
- isEnabled: () => !Disabling.isDisabled(component),
- setEnabled: state => Disabling.set(component, !state)
- });
- const structure = renderItemStructure({
- presets,
- textContent: useText ? spec.text : Optional.none(),
- htmlContent: Optional.none(),
- ariaLabel: spec.text,
- iconContent: spec.icon,
- shortcutContent: useText ? spec.shortcut : Optional.none(),
- checkMark: useText ? Optional.some(renderCheckmark(providersBackstage.icons)) : Optional.none(),
- caret: Optional.none(),
- value: spec.value
- }, providersBackstage, renderIcons);
- return deepMerge(renderCommonItem({
- data: buildData(spec),
- enabled: spec.enabled,
- getApi,
- onAction: _api => onItemValueHandler(spec.value),
- onSetup: api => {
- api.setActive(isSelected);
- return noop;
- },
- triggersSubmenu: false,
- itemBehaviours: []
- }, structure, itemResponse, providersBackstage), {
- toggling: {
- toggleClass: tickedClass,
- toggleOnExecute: false,
- selected: spec.active
- }
- });
- };
- const parts$f = generate$3(owner$2(), parts$h());
- const hexColour = value => ({ value });
- const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
- const longformRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
- const isHexString = hex => shorthandRegex.test(hex) || longformRegex.test(hex);
- const normalizeHex = hex => removeLeading(hex, '#').toUpperCase();
- const fromString$1 = hex => isHexString(hex) ? Optional.some({ value: normalizeHex(hex) }) : Optional.none();
- const getLongForm = hex => {
- const hexString = hex.value.replace(shorthandRegex, (m, r, g, b) => r + r + g + g + b + b);
- return { value: hexString };
- };
- const extractValues = hex => {
- const longForm = getLongForm(hex);
- const splitForm = longformRegex.exec(longForm.value);
- return splitForm === null ? [
- 'FFFFFF',
- 'FF',
- 'FF',
- 'FF'
- ] : splitForm;
- };
- const toHex = component => {
- const hex = component.toString(16);
- return (hex.length === 1 ? '0' + hex : hex).toUpperCase();
- };
- const fromRgba = rgbaColour => {
- const value = toHex(rgbaColour.red) + toHex(rgbaColour.green) + toHex(rgbaColour.blue);
- return hexColour(value);
- };
- const min = Math.min;
- const max = Math.max;
- const round$1 = Math.round;
- const rgbRegex = /^\s*rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)\s*$/i;
- const rgbaRegex = /^\s*rgba\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d?(?:\.\d+)?)\s*\)\s*$/i;
- const rgbaColour = (red, green, blue, alpha) => ({
- red,
- green,
- blue,
- alpha
- });
- const isRgbaComponent = value => {
- const num = parseInt(value, 10);
- return num.toString() === value && num >= 0 && num <= 255;
- };
- const fromHsv = hsv => {
- let r;
- let g;
- let b;
- const hue = (hsv.hue || 0) % 360;
- let saturation = hsv.saturation / 100;
- let brightness = hsv.value / 100;
- saturation = max(0, min(saturation, 1));
- brightness = max(0, min(brightness, 1));
- if (saturation === 0) {
- r = g = b = round$1(255 * brightness);
- return rgbaColour(r, g, b, 1);
- }
- const side = hue / 60;
- const chroma = brightness * saturation;
- const x = chroma * (1 - Math.abs(side % 2 - 1));
- const match = brightness - chroma;
- switch (Math.floor(side)) {
- case 0:
- r = chroma;
- g = x;
- b = 0;
- break;
- case 1:
- r = x;
- g = chroma;
- b = 0;
- break;
- case 2:
- r = 0;
- g = chroma;
- b = x;
- break;
- case 3:
- r = 0;
- g = x;
- b = chroma;
- break;
- case 4:
- r = x;
- g = 0;
- b = chroma;
- break;
- case 5:
- r = chroma;
- g = 0;
- b = x;
- break;
- default:
- r = g = b = 0;
- }
- r = round$1(255 * (r + match));
- g = round$1(255 * (g + match));
- b = round$1(255 * (b + match));
- return rgbaColour(r, g, b, 1);
- };
- const fromHex = hexColour => {
- const result = extractValues(hexColour);
- const red = parseInt(result[1], 16);
- const green = parseInt(result[2], 16);
- const blue = parseInt(result[3], 16);
- return rgbaColour(red, green, blue, 1);
- };
- const fromStringValues = (red, green, blue, alpha) => {
- const r = parseInt(red, 10);
- const g = parseInt(green, 10);
- const b = parseInt(blue, 10);
- const a = parseFloat(alpha);
- return rgbaColour(r, g, b, a);
- };
- const fromString = rgbaString => {
- if (rgbaString === 'transparent') {
- return Optional.some(rgbaColour(0, 0, 0, 0));
- }
- const rgbMatch = rgbRegex.exec(rgbaString);
- if (rgbMatch !== null) {
- return Optional.some(fromStringValues(rgbMatch[1], rgbMatch[2], rgbMatch[3], '1'));
- }
- const rgbaMatch = rgbaRegex.exec(rgbaString);
- if (rgbaMatch !== null) {
- return Optional.some(fromStringValues(rgbaMatch[1], rgbaMatch[2], rgbaMatch[3], rgbaMatch[4]));
- }
- return Optional.none();
- };
- const toString = rgba => `rgba(${ rgba.red },${ rgba.green },${ rgba.blue },${ rgba.alpha })`;
- const red = rgbaColour(255, 0, 0, 1);
- const fireSkinLoaded$1 = editor => editor.dispatch('SkinLoaded');
- const fireSkinLoadError$1 = (editor, error) => editor.dispatch('SkinLoadError', error);
- const fireResizeEditor = editor => editor.dispatch('ResizeEditor');
- const fireResizeContent = (editor, e) => editor.dispatch('ResizeContent', e);
- const fireScrollContent = (editor, e) => editor.dispatch('ScrollContent', e);
- const fireTextColorChange = (editor, data) => editor.dispatch('TextColorChange', data);
- const hsvColour = (hue, saturation, value) => ({
- hue,
- saturation,
- value
- });
- const fromRgb = rgbaColour => {
- let h = 0;
- let s = 0;
- let v = 0;
- const r = rgbaColour.red / 255;
- const g = rgbaColour.green / 255;
- const b = rgbaColour.blue / 255;
- const minRGB = Math.min(r, Math.min(g, b));
- const maxRGB = Math.max(r, Math.max(g, b));
- if (minRGB === maxRGB) {
- v = minRGB;
- return hsvColour(0, 0, v * 100);
- }
- const d = r === minRGB ? g - b : b === minRGB ? r - g : b - r;
- h = r === minRGB ? 3 : b === minRGB ? 1 : 5;
- h = 60 * (h - d / (maxRGB - minRGB));
- s = (maxRGB - minRGB) / maxRGB;
- v = maxRGB;
- return hsvColour(Math.round(h), Math.round(s * 100), Math.round(v * 100));
- };
- const hexToHsv = hex => fromRgb(fromHex(hex));
- const hsvToHex = hsv => fromRgba(fromHsv(hsv));
- const anyToHex = color => fromString$1(color).orThunk(() => fromString(color).map(fromRgba)).getOrThunk(() => {
- const canvas = document.createElement('canvas');
- canvas.height = 1;
- canvas.width = 1;
- const canvasContext = canvas.getContext('2d');
- canvasContext.clearRect(0, 0, canvas.width, canvas.height);
- canvasContext.fillStyle = '#FFFFFF';
- canvasContext.fillStyle = color;
- canvasContext.fillRect(0, 0, 1, 1);
- const rgba = canvasContext.getImageData(0, 0, 1, 1).data;
- const r = rgba[0];
- const g = rgba[1];
- const b = rgba[2];
- const a = rgba[3];
- return fromRgba(rgbaColour(r, g, b, a));
- });
- var global$4 = tinymce.util.Tools.resolve('tinymce.util.LocalStorage');
- const storageName = 'tinymce-custom-colors';
- var ColorCache = (max = 10) => {
- const storageString = global$4.getItem(storageName);
- const localstorage = isString(storageString) ? JSON.parse(storageString) : [];
- const prune = list => {
- const diff = max - list.length;
- return diff < 0 ? list.slice(0, max) : list;
- };
- const cache = prune(localstorage);
- const add = key => {
- indexOf(cache, key).each(remove);
- cache.unshift(key);
- if (cache.length > max) {
- cache.pop();
- }
- global$4.setItem(storageName, JSON.stringify(cache));
- };
- const remove = idx => {
- cache.splice(idx, 1);
- };
- const state = () => cache.slice(0);
- return {
- add,
- state
- };
- };
- const colorCache = ColorCache(10);
- const calcCols = colors => Math.max(5, Math.ceil(Math.sqrt(colors)));
- const mapColors = colorMap => {
- const colors = [];
- for (let i = 0; i < colorMap.length; i += 2) {
- colors.push({
- text: colorMap[i + 1],
- value: '#' + anyToHex(colorMap[i]).value,
- type: 'choiceitem'
- });
- }
- return colors;
- };
- const option$1 = name => editor => editor.options.get(name);
- const register$d = editor => {
- const registerOption = editor.options.register;
- registerOption('color_map', {
- processor: value => {
- if (isArrayOf(value, isString)) {
- return {
- value: mapColors(value),
- valid: true
- };
- } else {
- return {
- valid: false,
- message: 'Must be an array of strings.'
- };
- }
- },
- default: [
- '#BFEDD2',
- 'Light Green',
- '#FBEEB8',
- 'Light Yellow',
- '#F8CAC6',
- 'Light Red',
- '#ECCAFA',
- 'Light Purple',
- '#C2E0F4',
- 'Light Blue',
- '#2DC26B',
- 'Green',
- '#F1C40F',
- 'Yellow',
- '#E03E2D',
- 'Red',
- '#B96AD9',
- 'Purple',
- '#3598DB',
- 'Blue',
- '#169179',
- 'Dark Turquoise',
- '#E67E23',
- 'Orange',
- '#BA372A',
- 'Dark Red',
- '#843FA1',
- 'Dark Purple',
- '#236FA1',
- 'Dark Blue',
- '#ECF0F1',
- 'Light Gray',
- '#CED4D9',
- 'Medium Gray',
- '#95A5A6',
- 'Gray',
- '#7E8C8D',
- 'Dark Gray',
- '#34495E',
- 'Navy Blue',
- '#000000',
- 'Black',
- '#ffffff',
- 'White'
- ]
- });
- registerOption('color_cols', {
- processor: 'number',
- default: calcCols(getColors$2(editor).length)
- });
- registerOption('custom_colors', {
- processor: 'boolean',
- default: true
- });
- };
- const getColorCols$1 = option$1('color_cols');
- const hasCustomColors$1 = option$1('custom_colors');
- const getColors$2 = option$1('color_map');
- const getCurrentColors = () => map$2(colorCache.state(), color => ({
- type: 'choiceitem',
- text: color,
- value: color
- }));
- const addColor = color => {
- colorCache.add(color);
- };
- const fallbackColor = '#000000';
- const getCurrentColor = (editor, format) => {
- let color;
- editor.dom.getParents(editor.selection.getStart(), elm => {
- let value;
- if (value = elm.style[format === 'forecolor' ? 'color' : 'background-color']) {
- color = color ? color : value;
- }
- });
- return Optional.from(color);
- };
- const applyFormat = (editor, format, value) => {
- editor.undoManager.transact(() => {
- editor.focus();
- editor.formatter.apply(format, { value });
- editor.nodeChanged();
- });
- };
- const removeFormat = (editor, format) => {
- editor.undoManager.transact(() => {
- editor.focus();
- editor.formatter.remove(format, { value: null }, null, true);
- editor.nodeChanged();
- });
- };
- const registerCommands = editor => {
- editor.addCommand('mceApplyTextcolor', (format, value) => {
- applyFormat(editor, format, value);
- });
- editor.addCommand('mceRemoveTextcolor', format => {
- removeFormat(editor, format);
- });
- };
- const getAdditionalColors = hasCustom => {
- const type = 'choiceitem';
- const remove = {
- type,
- text: 'Remove color',
- icon: 'color-swatch-remove-color',
- value: 'remove'
- };
- const custom = {
- type,
- text: 'Custom color',
- icon: 'color-picker',
- value: 'custom'
- };
- return hasCustom ? [
- remove,
- custom
- ] : [remove];
- };
- const applyColor = (editor, format, value, onChoice) => {
- if (value === 'custom') {
- const dialog = colorPickerDialog(editor);
- dialog(colorOpt => {
- colorOpt.each(color => {
- addColor(color);
- editor.execCommand('mceApplyTextcolor', format, color);
- onChoice(color);
- });
- }, fallbackColor);
- } else if (value === 'remove') {
- onChoice('');
- editor.execCommand('mceRemoveTextcolor', format);
- } else {
- onChoice(value);
- editor.execCommand('mceApplyTextcolor', format, value);
- }
- };
- const getColors$1 = (colors, hasCustom) => colors.concat(getCurrentColors().concat(getAdditionalColors(hasCustom)));
- const getFetch$1 = (colors, hasCustom) => callback => {
- callback(getColors$1(colors, hasCustom));
- };
- const setIconColor = (splitButtonApi, name, newColor) => {
- const id = name === 'forecolor' ? 'tox-icon-text-color__color' : 'tox-icon-highlight-bg-color__color';
- splitButtonApi.setIconFill(id, newColor);
- };
- const registerTextColorButton = (editor, name, format, tooltip, lastColor) => {
- editor.ui.registry.addSplitButton(name, {
- tooltip,
- presets: 'color',
- icon: name === 'forecolor' ? 'text-color' : 'highlight-bg-color',
- select: value => {
- const optCurrentRgb = getCurrentColor(editor, format);
- return optCurrentRgb.bind(currentRgb => fromString(currentRgb).map(rgba => {
- const currentHex = fromRgba(rgba).value;
- return contains$1(value.toLowerCase(), currentHex);
- })).getOr(false);
- },
- columns: getColorCols$1(editor),
- fetch: getFetch$1(getColors$2(editor), hasCustomColors$1(editor)),
- onAction: _splitButtonApi => {
- applyColor(editor, format, lastColor.get(), noop);
- },
- onItemAction: (_splitButtonApi, value) => {
- applyColor(editor, format, value, newColor => {
- lastColor.set(newColor);
- fireTextColorChange(editor, {
- name,
- color: newColor
- });
- });
- },
- onSetup: splitButtonApi => {
- setIconColor(splitButtonApi, name, lastColor.get());
- const handler = e => {
- if (e.name === name) {
- setIconColor(splitButtonApi, e.name, e.color);
- }
- };
- editor.on('TextColorChange', handler);
- return () => {
- editor.off('TextColorChange', handler);
- };
- }
- });
- };
- const registerTextColorMenuItem = (editor, name, format, text) => {
- editor.ui.registry.addNestedMenuItem(name, {
- text,
- icon: name === 'forecolor' ? 'text-color' : 'highlight-bg-color',
- getSubmenuItems: () => [{
- type: 'fancymenuitem',
- fancytype: 'colorswatch',
- onAction: data => {
- applyColor(editor, format, data.value, noop);
- }
- }]
- });
- };
- const colorPickerDialog = editor => (callback, value) => {
- let isValid = false;
- const onSubmit = api => {
- const data = api.getData();
- const hex = data.colorpicker;
- if (isValid) {
- callback(Optional.from(hex));
- api.close();
- } else {
- editor.windowManager.alert(editor.translate([
- 'Invalid hex color code: {0}',
- hex
- ]));
- }
- };
- const onAction = (_api, details) => {
- if (details.name === 'hex-valid') {
- isValid = details.value;
- }
- };
- const initialData = { colorpicker: value };
- editor.windowManager.open({
- title: 'Color Picker',
- size: 'normal',
- body: {
- type: 'panel',
- items: [{
- type: 'colorpicker',
- name: 'colorpicker',
- label: 'Color'
- }]
- },
- buttons: [
- {
- type: 'cancel',
- name: 'cancel',
- text: 'Cancel'
- },
- {
- type: 'submit',
- name: 'save',
- text: 'Save',
- primary: true
- }
- ],
- initialData,
- onAction,
- onSubmit,
- onClose: noop,
- onCancel: () => {
- callback(Optional.none());
- }
- });
- };
- const register$c = editor => {
- registerCommands(editor);
- const lastForeColor = Cell(fallbackColor);
- const lastBackColor = Cell(fallbackColor);
- registerTextColorButton(editor, 'forecolor', 'forecolor', 'Text color', lastForeColor);
- registerTextColorButton(editor, 'backcolor', 'hilitecolor', 'Background color', lastBackColor);
- registerTextColorMenuItem(editor, 'forecolor', 'forecolor', 'Text color');
- registerTextColorMenuItem(editor, 'backcolor', 'hilitecolor', 'Background color');
- };
- const createPartialChoiceMenu = (value, items, onItemValueHandler, columns, presets, itemResponse, select, providersBackstage) => {
- const hasIcons = menuHasIcons(items);
- const presetItemTypes = presets !== 'color' ? 'normal' : 'color';
- const alloyItems = createChoiceItems(items, onItemValueHandler, columns, presetItemTypes, itemResponse, select, providersBackstage);
- return createPartialMenuWithAlloyItems(value, hasIcons, alloyItems, columns, presets);
- };
- const createChoiceItems = (items, onItemValueHandler, columns, itemPresets, itemResponse, select, providersBackstage) => cat(map$2(items, item => {
- if (item.type === 'choiceitem') {
- return createChoiceMenuItem(item).fold(handleError, d => Optional.some(renderChoiceItem(d, columns === 1, itemPresets, onItemValueHandler, select(item.value), itemResponse, providersBackstage, menuHasIcons(items))));
- } else {
- return Optional.none();
- }
- }));
- const deriveMenuMovement = (columns, presets) => {
- const menuMarkers = markers(presets);
- if (columns === 1) {
- return {
- mode: 'menu',
- moveOnTab: true
- };
- } else if (columns === 'auto') {
- return {
- mode: 'grid',
- selector: '.' + menuMarkers.item,
- initSize: {
- numColumns: 1,
- numRows: 1
- }
- };
- } else {
- const rowClass = presets === 'color' ? 'tox-swatches__row' : 'tox-collection__group';
- return {
- mode: 'matrix',
- rowSelector: '.' + rowClass
- };
- }
- };
- const deriveCollectionMovement = (columns, presets) => {
- if (columns === 1) {
- return {
- mode: 'menu',
- moveOnTab: false,
- selector: '.tox-collection__item'
- };
- } else if (columns === 'auto') {
- return {
- mode: 'flatgrid',
- selector: '.' + 'tox-collection__item',
- initSize: {
- numColumns: 1,
- numRows: 1
- }
- };
- } else {
- return {
- mode: 'matrix',
- selectors: {
- row: presets === 'color' ? '.tox-swatches__row' : '.tox-collection__group',
- cell: presets === 'color' ? `.${ colorClass }` : `.${ selectableClass }`
- }
- };
- }
- };
- const renderColorSwatchItem = (spec, backstage) => {
- const items = getColorItems(spec, backstage);
- const columns = backstage.colorinput.getColorCols();
- const presets = 'color';
- const menuSpec = createPartialChoiceMenu(generate$6('menu-value'), items, value => {
- spec.onAction({ value });
- }, columns, presets, ItemResponse$1.CLOSE_ON_EXECUTE, never, backstage.shared.providers);
- const widgetSpec = {
- ...menuSpec,
- markers: markers(presets),
- movement: deriveMenuMovement(columns, presets)
- };
- return {
- type: 'widget',
- data: { value: generate$6('widget-id') },
- dom: {
- tag: 'div',
- classes: ['tox-fancymenuitem']
- },
- autofocus: true,
- components: [parts$f.widget(Menu.sketch(widgetSpec))]
- };
- };
- const getColorItems = (spec, backstage) => {
- const useCustomColors = spec.initData.allowCustomColors && backstage.colorinput.hasCustomColors();
- return spec.initData.colors.fold(() => getColors$1(backstage.colorinput.getColors(), useCustomColors), colors => colors.concat(getAdditionalColors(useCustomColors)));
- };
- const cellOverEvent = generate$6('cell-over');
- const cellExecuteEvent = generate$6('cell-execute');
- const makeCell = (row, col, labelId) => {
- const emitCellOver = c => emitWith(c, cellOverEvent, {
- row,
- col
- });
- const emitExecute = c => emitWith(c, cellExecuteEvent, {
- row,
- col
- });
- const onClick = (c, se) => {
- se.stop();
- emitExecute(c);
- };
- return build$1({
- dom: {
- tag: 'div',
- attributes: {
- role: 'button',
- ['aria-labelledby']: labelId
- }
- },
- behaviours: derive$1([
- config('insert-table-picker-cell', [
- run$1(mouseover(), Focusing.focus),
- run$1(execute$5(), emitExecute),
- run$1(click(), onClick),
- run$1(tap(), onClick)
- ]),
- Toggling.config({
- toggleClass: 'tox-insert-table-picker__selected',
- toggleOnExecute: false
- }),
- Focusing.config({ onFocus: emitCellOver })
- ])
- });
- };
- const makeCells = (labelId, numRows, numCols) => {
- const cells = [];
- for (let i = 0; i < numRows; i++) {
- const row = [];
- for (let j = 0; j < numCols; j++) {
- row.push(makeCell(i, j, labelId));
- }
- cells.push(row);
- }
- return cells;
- };
- const selectCells = (cells, selectedRow, selectedColumn, numRows, numColumns) => {
- for (let i = 0; i < numRows; i++) {
- for (let j = 0; j < numColumns; j++) {
- Toggling.set(cells[i][j], i <= selectedRow && j <= selectedColumn);
- }
- }
- };
- const makeComponents = cells => bind$3(cells, cellRow => map$2(cellRow, premade));
- const makeLabelText = (row, col) => text$1(`${ col }x${ row }`);
- const renderInsertTableMenuItem = spec => {
- const numRows = 10;
- const numColumns = 10;
- const sizeLabelId = generate$6('size-label');
- const cells = makeCells(sizeLabelId, numRows, numColumns);
- const emptyLabelText = makeLabelText(0, 0);
- const memLabel = record({
- dom: {
- tag: 'span',
- classes: ['tox-insert-table-picker__label'],
- attributes: { id: sizeLabelId }
- },
- components: [emptyLabelText],
- behaviours: derive$1([Replacing.config({})])
- });
- return {
- type: 'widget',
- data: { value: generate$6('widget-id') },
- dom: {
- tag: 'div',
- classes: ['tox-fancymenuitem']
- },
- autofocus: true,
- components: [parts$f.widget({
- dom: {
- tag: 'div',
- classes: ['tox-insert-table-picker']
- },
- components: makeComponents(cells).concat(memLabel.asSpec()),
- behaviours: derive$1([
- config('insert-table-picker', [
- runOnAttached(c => {
- Replacing.set(memLabel.get(c), [emptyLabelText]);
- }),
- runWithTarget(cellOverEvent, (c, t, e) => {
- const {row, col} = e.event;
- selectCells(cells, row, col, numRows, numColumns);
- Replacing.set(memLabel.get(c), [makeLabelText(row + 1, col + 1)]);
- }),
- runWithTarget(cellExecuteEvent, (c, _, e) => {
- const {row, col} = e.event;
- spec.onAction({
- numRows: row + 1,
- numColumns: col + 1
- });
- emit(c, sandboxClose());
- })
- ]),
- Keying.config({
- initSize: {
- numRows,
- numColumns
- },
- mode: 'flatgrid',
- selector: '[role="button"]'
- })
- ])
- })]
- };
- };
- const fancyMenuItems = {
- inserttable: renderInsertTableMenuItem,
- colorswatch: renderColorSwatchItem
- };
- const renderFancyMenuItem = (spec, backstage) => get$g(fancyMenuItems, spec.fancytype).map(render => render(spec, backstage));
- const renderNestedItem = (spec, itemResponse, providersBackstage, renderIcons = true, downwardsCaret = false) => {
- const caret = downwardsCaret ? renderDownwardsCaret(providersBackstage.icons) : renderSubmenuCaret(providersBackstage.icons);
- const getApi = component => ({
- isEnabled: () => !Disabling.isDisabled(component),
- setEnabled: state => Disabling.set(component, !state)
- });
- const structure = renderItemStructure({
- presets: 'normal',
- iconContent: spec.icon,
- textContent: spec.text,
- htmlContent: Optional.none(),
- ariaLabel: spec.text,
- caret: Optional.some(caret),
- checkMark: Optional.none(),
- shortcutContent: spec.shortcut
- }, providersBackstage, renderIcons);
- return renderCommonItem({
- data: buildData(spec),
- getApi,
- enabled: spec.enabled,
- onAction: noop,
- onSetup: spec.onSetup,
- triggersSubmenu: true,
- itemBehaviours: []
- }, structure, itemResponse, providersBackstage);
- };
- const renderNormalItem = (spec, itemResponse, providersBackstage, renderIcons = true) => {
- const getApi = component => ({
- isEnabled: () => !Disabling.isDisabled(component),
- setEnabled: state => Disabling.set(component, !state)
- });
- const structure = renderItemStructure({
- presets: 'normal',
- iconContent: spec.icon,
- textContent: spec.text,
- htmlContent: Optional.none(),
- ariaLabel: spec.text,
- caret: Optional.none(),
- checkMark: Optional.none(),
- shortcutContent: spec.shortcut
- }, providersBackstage, renderIcons);
- return renderCommonItem({
- data: buildData(spec),
- getApi,
- enabled: spec.enabled,
- onAction: spec.onAction,
- onSetup: spec.onSetup,
- triggersSubmenu: false,
- itemBehaviours: []
- }, structure, itemResponse, providersBackstage);
- };
- const renderSeparatorItem = spec => ({
- type: 'separator',
- dom: {
- tag: 'div',
- classes: [
- selectableClass,
- groupHeadingClass
- ]
- },
- components: spec.text.map(text$1).toArray()
- });
- const renderToggleMenuItem = (spec, itemResponse, providersBackstage, renderIcons = true) => {
- const getApi = component => ({
- setActive: state => {
- Toggling.set(component, state);
- },
- isActive: () => Toggling.isOn(component),
- isEnabled: () => !Disabling.isDisabled(component),
- setEnabled: state => Disabling.set(component, !state)
- });
- const structure = renderItemStructure({
- iconContent: spec.icon,
- textContent: spec.text,
- htmlContent: Optional.none(),
- ariaLabel: spec.text,
- checkMark: Optional.some(renderCheckmark(providersBackstage.icons)),
- caret: Optional.none(),
- shortcutContent: spec.shortcut,
- presets: 'normal',
- meta: spec.meta
- }, providersBackstage, renderIcons);
- return deepMerge(renderCommonItem({
- data: buildData(spec),
- enabled: spec.enabled,
- getApi,
- onAction: spec.onAction,
- onSetup: spec.onSetup,
- triggersSubmenu: false,
- itemBehaviours: []
- }, structure, itemResponse, providersBackstage), {
- toggling: {
- toggleClass: tickedClass,
- toggleOnExecute: false,
- selected: spec.active
- }
- });
- };
- const autocomplete = renderAutocompleteItem;
- const separator$3 = renderSeparatorItem;
- const normal = renderNormalItem;
- const nested = renderNestedItem;
- const toggle$1 = renderToggleMenuItem;
- const fancy = renderFancyMenuItem;
- const card = renderCardMenuItem;
- var FocusMode;
- (function (FocusMode) {
- FocusMode[FocusMode['ContentFocus'] = 0] = 'ContentFocus';
- FocusMode[FocusMode['UiFocus'] = 1] = 'UiFocus';
- }(FocusMode || (FocusMode = {})));
- const createMenuItemFromBridge = (item, itemResponse, backstage, menuHasIcons, isHorizontalMenu) => {
- const providersBackstage = backstage.shared.providers;
- const parseForHorizontalMenu = menuitem => !isHorizontalMenu ? menuitem : {
- ...menuitem,
- shortcut: Optional.none(),
- icon: menuitem.text.isSome() ? Optional.none() : menuitem.icon
- };
- switch (item.type) {
- case 'menuitem':
- return createMenuItem(item).fold(handleError, d => Optional.some(normal(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons)));
- case 'nestedmenuitem':
- return createNestedMenuItem(item).fold(handleError, d => Optional.some(nested(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons, isHorizontalMenu)));
- case 'togglemenuitem':
- return createToggleMenuItem(item).fold(handleError, d => Optional.some(toggle$1(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons)));
- case 'separator':
- return createSeparatorMenuItem(item).fold(handleError, d => Optional.some(separator$3(d)));
- case 'fancymenuitem':
- return createFancyMenuItem(item).fold(handleError, d => fancy(parseForHorizontalMenu(d), backstage));
- default: {
- console.error('Unknown item in general menu', item);
- return Optional.none();
- }
- }
- };
- const createAutocompleteItems = (items, matchText, onItemValueHandler, columns, itemResponse, sharedBackstage, highlightOn) => {
- const renderText = columns === 1;
- const renderIcons = !renderText || menuHasIcons(items);
- return cat(map$2(items, item => {
- switch (item.type) {
- case 'separator':
- return createSeparatorItem(item).fold(handleError, d => Optional.some(separator$3(d)));
- case 'cardmenuitem':
- return createCardMenuItem(item).fold(handleError, d => Optional.some(card({
- ...d,
- onAction: api => {
- d.onAction(api);
- onItemValueHandler(d.value, d.meta);
- }
- }, itemResponse, sharedBackstage, {
- itemBehaviours: tooltipBehaviour(d.meta, sharedBackstage),
- cardText: {
- matchText,
- highlightOn
- }
- })));
- case 'autocompleteitem':
- default:
- return createAutocompleterItem(item).fold(handleError, d => Optional.some(autocomplete(d, matchText, renderText, 'normal', onItemValueHandler, itemResponse, sharedBackstage, renderIcons)));
- }
- }));
- };
- const createPartialMenu = (value, items, itemResponse, backstage, isHorizontalMenu) => {
- const hasIcons = menuHasIcons(items);
- const alloyItems = cat(map$2(items, item => {
- const itemHasIcon = i => isHorizontalMenu ? !has$2(i, 'text') : hasIcons;
- const createItem = i => createMenuItemFromBridge(i, itemResponse, backstage, itemHasIcon(i), isHorizontalMenu);
- if (item.type === 'nestedmenuitem' && item.getSubmenuItems().length <= 0) {
- return createItem({
- ...item,
- enabled: false
- });
- } else {
- return createItem(item);
- }
- }));
- const createPartial = isHorizontalMenu ? createHorizontalPartialMenuWithAlloyItems : createPartialMenuWithAlloyItems;
- return createPartial(value, hasIcons, alloyItems, 1, 'normal');
- };
- const createTieredDataFrom = partialMenu => tieredMenu.singleData(partialMenu.value, partialMenu);
- const createMenuFrom = (partialMenu, columns, focusMode, presets) => {
- const focusManager = focusMode === FocusMode.ContentFocus ? highlights() : dom$2();
- const movement = deriveMenuMovement(columns, presets);
- const menuMarkers = markers(presets);
- return {
- dom: partialMenu.dom,
- components: partialMenu.components,
- items: partialMenu.items,
- value: partialMenu.value,
- markers: {
- selectedItem: menuMarkers.selectedItem,
- item: menuMarkers.item
- },
- movement,
- fakeFocus: focusMode === FocusMode.ContentFocus,
- focusManager,
- menuBehaviours: SimpleBehaviours.unnamedEvents(columns !== 'auto' ? [] : [runOnAttached((comp, _se) => {
- detectSize(comp, 4, menuMarkers.item).each(({numColumns, numRows}) => {
- Keying.setGridSize(comp, numRows, numColumns);
- });
- })])
- };
- };
- const getAutocompleterRange = (dom, initRange) => {
- return detect(SugarElement.fromDom(initRange.startContainer)).map(elm => {
- const range = dom.createRng();
- range.selectNode(elm.dom);
- return range;
- });
- };
- const register$b = (editor, sharedBackstage) => {
- const processingAction = Cell(false);
- const activeState = Cell(false);
- const autocompleter = build$1(InlineView.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-autocompleter']
- },
- components: [],
- fireDismissalEventInstead: {},
- inlineBehaviours: derive$1([config('dismissAutocompleter', [run$1(dismissRequested(), () => cancelIfNecessary())])]),
- lazySink: sharedBackstage.getSink
- }));
- const isMenuOpen = () => InlineView.isOpen(autocompleter);
- const isActive = activeState.get;
- const hideIfNecessary = () => {
- if (isMenuOpen()) {
- InlineView.hide(autocompleter);
- }
- };
- const cancelIfNecessary = () => editor.execCommand('mceAutocompleterClose');
- const getCombinedItems = matches => {
- const columns = findMap(matches, m => Optional.from(m.columns)).getOr(1);
- return bind$3(matches, match => {
- const choices = match.items;
- return createAutocompleteItems(choices, match.matchText, (itemValue, itemMeta) => {
- const nr = editor.selection.getRng();
- getAutocompleterRange(editor.dom, nr).each(range => {
- const autocompleterApi = {
- hide: () => cancelIfNecessary(),
- reload: fetchOptions => {
- hideIfNecessary();
- editor.execCommand('mceAutocompleterReload', false, { fetchOptions });
- }
- };
- processingAction.set(true);
- match.onAction(autocompleterApi, range, itemValue, itemMeta);
- processingAction.set(false);
- });
- }, columns, ItemResponse$1.BUBBLE_TO_SANDBOX, sharedBackstage, match.highlightOn);
- });
- };
- const display = (lookupData, items) => {
- findIn(SugarElement.fromDom(editor.getBody())).each(element => {
- const columns = findMap(lookupData, ld => Optional.from(ld.columns)).getOr(1);
- InlineView.showAt(autocompleter, Menu.sketch(createMenuFrom(createPartialMenuWithAlloyItems('autocompleter-value', true, items, columns, 'normal'), columns, FocusMode.ContentFocus, 'normal')), {
- anchor: {
- type: 'node',
- root: SugarElement.fromDom(editor.getBody()),
- node: Optional.from(element)
- }
- });
- InlineView.getContent(autocompleter).each(Highlighting.highlightFirst);
- });
- };
- const updateDisplay = lookupData => {
- const combinedItems = getCombinedItems(lookupData);
- if (combinedItems.length > 0) {
- display(lookupData, combinedItems);
- } else {
- hideIfNecessary();
- }
- };
- editor.on('AutocompleterStart', ({lookupData}) => {
- activeState.set(true);
- processingAction.set(false);
- updateDisplay(lookupData);
- });
- editor.on('AutocompleterUpdate', ({lookupData}) => updateDisplay(lookupData));
- editor.on('AutocompleterEnd', () => {
- hideIfNecessary();
- activeState.set(false);
- processingAction.set(false);
- });
- const autocompleterUiApi = {
- cancelIfNecessary,
- isMenuOpen,
- isActive,
- isProcessingAction: processingAction.get,
- getView: () => InlineView.getContent(autocompleter)
- };
- AutocompleterEditorEvents.setup(autocompleterUiApi, editor);
- };
- const Autocompleter = { register: register$b };
- const closest = (scope, selector, isRoot) => closest$1(scope, selector, isRoot).isSome();
- const DelayedFunction = (fun, delay) => {
- let ref = null;
- const schedule = (...args) => {
- ref = setTimeout(() => {
- fun.apply(null, args);
- ref = null;
- }, delay);
- };
- const cancel = () => {
- if (ref !== null) {
- clearTimeout(ref);
- ref = null;
- }
- };
- return {
- cancel,
- schedule
- };
- };
- const SIGNIFICANT_MOVE = 5;
- const LONGPRESS_DELAY = 400;
- const getTouch = event => {
- const raw = event.raw;
- if (raw.touches === undefined || raw.touches.length !== 1) {
- return Optional.none();
- }
- return Optional.some(raw.touches[0]);
- };
- const isFarEnough = (touch, data) => {
- const distX = Math.abs(touch.clientX - data.x);
- const distY = Math.abs(touch.clientY - data.y);
- return distX > SIGNIFICANT_MOVE || distY > SIGNIFICANT_MOVE;
- };
- const monitor = settings => {
- const startData = value$2();
- const longpressFired = Cell(false);
- const longpress$1 = DelayedFunction(event => {
- settings.triggerEvent(longpress(), event);
- longpressFired.set(true);
- }, LONGPRESS_DELAY);
- const handleTouchstart = event => {
- getTouch(event).each(touch => {
- longpress$1.cancel();
- const data = {
- x: touch.clientX,
- y: touch.clientY,
- target: event.target
- };
- longpress$1.schedule(event);
- longpressFired.set(false);
- startData.set(data);
- });
- return Optional.none();
- };
- const handleTouchmove = event => {
- longpress$1.cancel();
- getTouch(event).each(touch => {
- startData.on(data => {
- if (isFarEnough(touch, data)) {
- startData.clear();
- }
- });
- });
- return Optional.none();
- };
- const handleTouchend = event => {
- longpress$1.cancel();
- const isSame = data => eq(data.target, event.target);
- return startData.get().filter(isSame).map(_data => {
- if (longpressFired.get()) {
- event.prevent();
- return false;
- } else {
- return settings.triggerEvent(tap(), event);
- }
- });
- };
- const handlers = wrapAll([
- {
- key: touchstart(),
- value: handleTouchstart
- },
- {
- key: touchmove(),
- value: handleTouchmove
- },
- {
- key: touchend(),
- value: handleTouchend
- }
- ]);
- const fireIfReady = (event, type) => get$g(handlers, type).bind(handler => handler(event));
- return { fireIfReady };
- };
- const isDangerous = event => {
- const keyEv = event.raw;
- return keyEv.which === BACKSPACE[0] && !contains$2([
- 'input',
- 'textarea'
- ], name$3(event.target)) && !closest(event.target, '[contenteditable="true"]');
- };
- const setup$d = (container, rawSettings) => {
- const settings = {
- stopBackspace: true,
- ...rawSettings
- };
- const pointerEvents = [
- 'touchstart',
- 'touchmove',
- 'touchend',
- 'touchcancel',
- 'gesturestart',
- 'mousedown',
- 'mouseup',
- 'mouseover',
- 'mousemove',
- 'mouseout',
- 'click'
- ];
- const tapEvent = monitor(settings);
- const simpleEvents = map$2(pointerEvents.concat([
- 'selectstart',
- 'input',
- 'contextmenu',
- 'change',
- 'transitionend',
- 'transitioncancel',
- 'drag',
- 'dragstart',
- 'dragend',
- 'dragenter',
- 'dragleave',
- 'dragover',
- 'drop',
- 'keyup'
- ]), type => bind(container, type, event => {
- tapEvent.fireIfReady(event, type).each(tapStopped => {
- if (tapStopped) {
- event.kill();
- }
- });
- const stopped = settings.triggerEvent(type, event);
- if (stopped) {
- event.kill();
- }
- }));
- const pasteTimeout = value$2();
- const onPaste = bind(container, 'paste', event => {
- tapEvent.fireIfReady(event, 'paste').each(tapStopped => {
- if (tapStopped) {
- event.kill();
- }
- });
- const stopped = settings.triggerEvent('paste', event);
- if (stopped) {
- event.kill();
- }
- pasteTimeout.set(setTimeout(() => {
- settings.triggerEvent(postPaste(), event);
- }, 0));
- });
- const onKeydown = bind(container, 'keydown', event => {
- const stopped = settings.triggerEvent('keydown', event);
- if (stopped) {
- event.kill();
- } else if (settings.stopBackspace && isDangerous(event)) {
- event.prevent();
- }
- });
- const onFocusIn = bind(container, 'focusin', event => {
- const stopped = settings.triggerEvent('focusin', event);
- if (stopped) {
- event.kill();
- }
- });
- const focusoutTimeout = value$2();
- const onFocusOut = bind(container, 'focusout', event => {
- const stopped = settings.triggerEvent('focusout', event);
- if (stopped) {
- event.kill();
- }
- focusoutTimeout.set(setTimeout(() => {
- settings.triggerEvent(postBlur(), event);
- }, 0));
- });
- const unbind = () => {
- each$1(simpleEvents, e => {
- e.unbind();
- });
- onKeydown.unbind();
- onFocusIn.unbind();
- onFocusOut.unbind();
- onPaste.unbind();
- pasteTimeout.on(clearTimeout);
- focusoutTimeout.on(clearTimeout);
- };
- return { unbind };
- };
- const derive = (rawEvent, rawTarget) => {
- const source = get$g(rawEvent, 'target').getOr(rawTarget);
- return Cell(source);
- };
- const fromSource = (event, source) => {
- const stopper = Cell(false);
- const cutter = Cell(false);
- const stop = () => {
- stopper.set(true);
- };
- const cut = () => {
- cutter.set(true);
- };
- return {
- stop,
- cut,
- isStopped: stopper.get,
- isCut: cutter.get,
- event,
- setSource: source.set,
- getSource: source.get
- };
- };
- const fromExternal = event => {
- const stopper = Cell(false);
- const stop = () => {
- stopper.set(true);
- };
- return {
- stop,
- cut: noop,
- isStopped: stopper.get,
- isCut: never,
- event,
- setSource: die('Cannot set source of a broadcasted event'),
- getSource: die('Cannot get source of a broadcasted event')
- };
- };
- const adt$1 = Adt.generate([
- { stopped: [] },
- { resume: ['element'] },
- { complete: [] }
- ]);
- const doTriggerHandler = (lookup, eventType, rawEvent, target, source, logger) => {
- const handler = lookup(eventType, target);
- const simulatedEvent = fromSource(rawEvent, source);
- return handler.fold(() => {
- logger.logEventNoHandlers(eventType, target);
- return adt$1.complete();
- }, handlerInfo => {
- const descHandler = handlerInfo.descHandler;
- const eventHandler = getCurried(descHandler);
- eventHandler(simulatedEvent);
- if (simulatedEvent.isStopped()) {
- logger.logEventStopped(eventType, handlerInfo.element, descHandler.purpose);
- return adt$1.stopped();
- } else if (simulatedEvent.isCut()) {
- logger.logEventCut(eventType, handlerInfo.element, descHandler.purpose);
- return adt$1.complete();
- } else {
- return parent(handlerInfo.element).fold(() => {
- logger.logNoParent(eventType, handlerInfo.element, descHandler.purpose);
- return adt$1.complete();
- }, parent => {
- logger.logEventResponse(eventType, handlerInfo.element, descHandler.purpose);
- return adt$1.resume(parent);
- });
- }
- });
- };
- const doTriggerOnUntilStopped = (lookup, eventType, rawEvent, rawTarget, source, logger) => doTriggerHandler(lookup, eventType, rawEvent, rawTarget, source, logger).fold(always, parent => doTriggerOnUntilStopped(lookup, eventType, rawEvent, parent, source, logger), never);
- const triggerHandler = (lookup, eventType, rawEvent, target, logger) => {
- const source = derive(rawEvent, target);
- return doTriggerHandler(lookup, eventType, rawEvent, target, source, logger);
- };
- const broadcast = (listeners, rawEvent, _logger) => {
- const simulatedEvent = fromExternal(rawEvent);
- each$1(listeners, listener => {
- const descHandler = listener.descHandler;
- const handler = getCurried(descHandler);
- handler(simulatedEvent);
- });
- return simulatedEvent.isStopped();
- };
- const triggerUntilStopped = (lookup, eventType, rawEvent, logger) => triggerOnUntilStopped(lookup, eventType, rawEvent, rawEvent.target, logger);
- const triggerOnUntilStopped = (lookup, eventType, rawEvent, rawTarget, logger) => {
- const source = derive(rawEvent, rawTarget);
- return doTriggerOnUntilStopped(lookup, eventType, rawEvent, rawTarget, source, logger);
- };
- const eventHandler = (element, descHandler) => ({
- element,
- descHandler
- });
- const broadcastHandler = (id, handler) => ({
- id,
- descHandler: handler
- });
- const EventRegistry = () => {
- const registry = {};
- const registerId = (extraArgs, id, events) => {
- each(events, (v, k) => {
- const handlers = registry[k] !== undefined ? registry[k] : {};
- handlers[id] = curryArgs(v, extraArgs);
- registry[k] = handlers;
- });
- };
- const findHandler = (handlers, elem) => read$1(elem).bind(id => get$g(handlers, id)).map(descHandler => eventHandler(elem, descHandler));
- const filterByType = type => get$g(registry, type).map(handlers => mapToArray(handlers, (f, id) => broadcastHandler(id, f))).getOr([]);
- const find = (isAboveRoot, type, target) => get$g(registry, type).bind(handlers => closest$4(target, elem => findHandler(handlers, elem), isAboveRoot));
- const unregisterId = id => {
- each(registry, (handlersById, _eventName) => {
- if (has$2(handlersById, id)) {
- delete handlersById[id];
- }
- });
- };
- return {
- registerId,
- unregisterId,
- filterByType,
- find
- };
- };
- const Registry = () => {
- const events = EventRegistry();
- const components = {};
- const readOrTag = component => {
- const elem = component.element;
- return read$1(elem).getOrThunk(() => write('uid-', component.element));
- };
- const failOnDuplicate = (component, tagId) => {
- const conflict = components[tagId];
- if (conflict === component) {
- unregister(component);
- } else {
- throw new Error('The tagId "' + tagId + '" is already used by: ' + element(conflict.element) + '\nCannot use it for: ' + element(component.element) + '\n' + 'The conflicting element is' + (inBody(conflict.element) ? ' ' : ' not ') + 'already in the DOM');
- }
- };
- const register = component => {
- const tagId = readOrTag(component);
- if (hasNonNullableKey(components, tagId)) {
- failOnDuplicate(component, tagId);
- }
- const extraArgs = [component];
- events.registerId(extraArgs, tagId, component.events);
- components[tagId] = component;
- };
- const unregister = component => {
- read$1(component.element).each(tagId => {
- delete components[tagId];
- events.unregisterId(tagId);
- });
- };
- const filter = type => events.filterByType(type);
- const find = (isAboveRoot, type, target) => events.find(isAboveRoot, type, target);
- const getById = id => get$g(components, id);
- return {
- find,
- filter,
- register,
- unregister,
- getById
- };
- };
- const factory$j = detail => {
- const {attributes, ...domWithoutAttributes} = detail.dom;
- return {
- uid: detail.uid,
- dom: {
- tag: 'div',
- attributes: {
- role: 'presentation',
- ...attributes
- },
- ...domWithoutAttributes
- },
- components: detail.components,
- behaviours: get$3(detail.containerBehaviours),
- events: detail.events,
- domModification: detail.domModification,
- eventOrder: detail.eventOrder
- };
- };
- const Container = single({
- name: 'Container',
- factory: factory$j,
- configFields: [
- defaulted('components', []),
- field('containerBehaviours', []),
- defaulted('events', {}),
- defaulted('domModification', {}),
- defaulted('eventOrder', {})
- ]
- });
- const takeover = root => {
- const isAboveRoot = el => parent(root.element).fold(always, parent => eq(el, parent));
- const registry = Registry();
- const lookup = (eventName, target) => registry.find(isAboveRoot, eventName, target);
- const domEvents = setup$d(root.element, {
- triggerEvent: (eventName, event) => {
- return monitorEvent(eventName, event.target, logger => triggerUntilStopped(lookup, eventName, event, logger));
- }
- });
- const systemApi = {
- debugInfo: constant$1('real'),
- triggerEvent: (eventName, target, data) => {
- monitorEvent(eventName, target, logger => triggerOnUntilStopped(lookup, eventName, data, target, logger));
- },
- triggerFocus: (target, originator) => {
- read$1(target).fold(() => {
- focus$3(target);
- }, _alloyId => {
- monitorEvent(focus$4(), target, logger => {
- triggerHandler(lookup, focus$4(), {
- originator,
- kill: noop,
- prevent: noop,
- target
- }, target, logger);
- return false;
- });
- });
- },
- triggerEscape: (comp, simulatedEvent) => {
- systemApi.triggerEvent('keydown', comp.element, simulatedEvent.event);
- },
- getByUid: uid => {
- return getByUid(uid);
- },
- getByDom: elem => {
- return getByDom(elem);
- },
- build: build$1,
- buildOrPatch: buildOrPatch,
- addToGui: c => {
- add(c);
- },
- removeFromGui: c => {
- remove(c);
- },
- addToWorld: c => {
- addToWorld(c);
- },
- removeFromWorld: c => {
- removeFromWorld(c);
- },
- broadcast: message => {
- broadcast$1(message);
- },
- broadcastOn: (channels, message) => {
- broadcastOn(channels, message);
- },
- broadcastEvent: (eventName, event) => {
- broadcastEvent(eventName, event);
- },
- isConnected: always
- };
- const addToWorld = component => {
- component.connect(systemApi);
- if (!isText(component.element)) {
- registry.register(component);
- each$1(component.components(), addToWorld);
- systemApi.triggerEvent(systemInit(), component.element, { target: component.element });
- }
- };
- const removeFromWorld = component => {
- if (!isText(component.element)) {
- each$1(component.components(), removeFromWorld);
- registry.unregister(component);
- }
- component.disconnect();
- };
- const add = component => {
- attach(root, component);
- };
- const remove = component => {
- detach(component);
- };
- const destroy = () => {
- domEvents.unbind();
- remove$5(root.element);
- };
- const broadcastData = data => {
- const receivers = registry.filter(receive());
- each$1(receivers, receiver => {
- const descHandler = receiver.descHandler;
- const handler = getCurried(descHandler);
- handler(data);
- });
- };
- const broadcast$1 = message => {
- broadcastData({
- universal: true,
- data: message
- });
- };
- const broadcastOn = (channels, message) => {
- broadcastData({
- universal: false,
- channels,
- data: message
- });
- };
- const broadcastEvent = (eventName, event) => {
- const listeners = registry.filter(eventName);
- return broadcast(listeners, event);
- };
- const getByUid = uid => registry.getById(uid).fold(() => Result.error(new Error('Could not find component with uid: "' + uid + '" in system.')), Result.value);
- const getByDom = elem => {
- const uid = read$1(elem).getOr('not found');
- return getByUid(uid);
- };
- addToWorld(root);
- return {
- root,
- element: root.element,
- destroy,
- add,
- remove,
- getByUid,
- getByDom,
- addToWorld,
- removeFromWorld,
- broadcast: broadcast$1,
- broadcastOn,
- broadcastEvent
- };
- };
- const renderBar = (spec, backstage) => ({
- dom: {
- tag: 'div',
- classes: [
- 'tox-bar',
- 'tox-form__controls-h-stack'
- ]
- },
- components: map$2(spec.items, backstage.interpreter)
- });
- const schema$l = constant$1([
- defaulted('prefix', 'form-field'),
- field('fieldBehaviours', [
- Composing,
- Representing
- ])
- ]);
- const parts$e = constant$1([
- optional({
- schema: [required$1('dom')],
- name: 'label'
- }),
- optional({
- factory: {
- sketch: spec => {
- return {
- uid: spec.uid,
- dom: {
- tag: 'span',
- styles: { display: 'none' },
- attributes: { 'aria-hidden': 'true' },
- innerHtml: spec.text
- }
- };
- }
- },
- schema: [required$1('text')],
- name: 'aria-descriptor'
- }),
- required({
- factory: {
- sketch: spec => {
- const excludeFactory = exclude(spec, ['factory']);
- return spec.factory.sketch(excludeFactory);
- }
- },
- schema: [required$1('factory')],
- name: 'field'
- })
- ]);
- const factory$i = (detail, components, _spec, _externals) => {
- const behaviours = augment(detail.fieldBehaviours, [
- Composing.config({
- find: container => {
- return getPart(container, detail, 'field');
- }
- }),
- Representing.config({
- store: {
- mode: 'manual',
- getValue: field => {
- return Composing.getCurrent(field).bind(Representing.getValue);
- },
- setValue: (field, value) => {
- Composing.getCurrent(field).each(current => {
- Representing.setValue(current, value);
- });
- }
- }
- })
- ]);
- const events = derive$2([runOnAttached((component, _simulatedEvent) => {
- const ps = getParts(component, detail, [
- 'label',
- 'field',
- 'aria-descriptor'
- ]);
- ps.field().each(field => {
- const id = generate$6(detail.prefix);
- ps.label().each(label => {
- set$9(label.element, 'for', id);
- set$9(field.element, 'id', id);
- });
- ps['aria-descriptor']().each(descriptor => {
- const descriptorId = generate$6(detail.prefix);
- set$9(descriptor.element, 'id', descriptorId);
- set$9(field.element, 'aria-describedby', descriptorId);
- });
- });
- })]);
- const apis = {
- getField: container => getPart(container, detail, 'field'),
- getLabel: container => getPart(container, detail, 'label')
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components,
- behaviours,
- events,
- apis
- };
- };
- const FormField = composite({
- name: 'FormField',
- configFields: schema$l(),
- partFields: parts$e(),
- factory: factory$i,
- apis: {
- getField: (apis, comp) => apis.getField(comp),
- getLabel: (apis, comp) => apis.getLabel(comp)
- }
- });
- const exhibit$2 = (base, tabConfig) => nu$7({
- attributes: wrapAll([{
- key: tabConfig.tabAttr,
- value: 'true'
- }])
- });
- var ActiveTabstopping = /*#__PURE__*/Object.freeze({
- __proto__: null,
- exhibit: exhibit$2
- });
- var TabstopSchema = [defaulted('tabAttr', 'data-alloy-tabstop')];
- const Tabstopping = create$3({
- fields: TabstopSchema,
- name: 'tabstopping',
- active: ActiveTabstopping
- });
- var global$3 = tinymce.util.Tools.resolve('tinymce.html.Entities');
- const renderFormFieldWith = (pLabel, pField, extraClasses, extraBehaviours) => {
- const spec = renderFormFieldSpecWith(pLabel, pField, extraClasses, extraBehaviours);
- return FormField.sketch(spec);
- };
- const renderFormField = (pLabel, pField) => renderFormFieldWith(pLabel, pField, [], []);
- const renderFormFieldSpecWith = (pLabel, pField, extraClasses, extraBehaviours) => ({
- dom: renderFormFieldDomWith(extraClasses),
- components: pLabel.toArray().concat([pField]),
- fieldBehaviours: derive$1(extraBehaviours)
- });
- const renderFormFieldDom = () => renderFormFieldDomWith([]);
- const renderFormFieldDomWith = extraClasses => ({
- tag: 'div',
- classes: ['tox-form__group'].concat(extraClasses)
- });
- const renderLabel$2 = (label, providersBackstage) => FormField.parts.label({
- dom: {
- tag: 'label',
- classes: ['tox-label']
- },
- components: [text$1(providersBackstage.translate(label))]
- });
- const formChangeEvent = generate$6('form-component-change');
- const formCloseEvent = generate$6('form-close');
- const formCancelEvent = generate$6('form-cancel');
- const formActionEvent = generate$6('form-action');
- const formSubmitEvent = generate$6('form-submit');
- const formBlockEvent = generate$6('form-block');
- const formUnblockEvent = generate$6('form-unblock');
- const formTabChangeEvent = generate$6('form-tabchange');
- const formResizeEvent = generate$6('form-resize');
- const renderCollection = (spec, providersBackstage, initialData) => {
- const pLabel = spec.label.map(label => renderLabel$2(label, providersBackstage));
- const runOnItem = f => (comp, se) => {
- closest$1(se.event.target, '[data-collection-item-value]').each(target => {
- f(comp, se, target, get$f(target, 'data-collection-item-value'));
- });
- };
- const setContents = (comp, items) => {
- const htmlLines = map$2(items, item => {
- const itemText = global$8.translate(item.text);
- const textContent = spec.columns === 1 ? `<div class="tox-collection__item-label">${ itemText }</div>` : '';
- const iconContent = `<div class="tox-collection__item-icon">${ item.icon }</div>`;
- const mapItemName = {
- '_': ' ',
- ' - ': ' ',
- '-': ' '
- };
- const ariaLabel = itemText.replace(/\_| \- |\-/g, match => mapItemName[match]);
- const disabledClass = providersBackstage.isDisabled() ? ' tox-collection__item--state-disabled' : '';
- return `<div class="tox-collection__item${ disabledClass }" tabindex="-1" data-collection-item-value="${ global$3.encodeAllRaw(item.value) }" title="${ ariaLabel }" aria-label="${ ariaLabel }">${ iconContent }${ textContent }</div>`;
- });
- const chunks = spec.columns !== 'auto' && spec.columns > 1 ? chunk$1(htmlLines, spec.columns) : [htmlLines];
- const html = map$2(chunks, ch => `<div class="tox-collection__group">${ ch.join('') }</div>`);
- set$6(comp.element, html.join(''));
- };
- const onClick = runOnItem((comp, se, tgt, itemValue) => {
- se.stop();
- if (!providersBackstage.isDisabled()) {
- emitWith(comp, formActionEvent, {
- name: spec.name,
- value: itemValue
- });
- }
- });
- const collectionEvents = [
- run$1(mouseover(), runOnItem((comp, se, tgt) => {
- focus$3(tgt);
- })),
- run$1(click(), onClick),
- run$1(tap(), onClick),
- run$1(focusin(), runOnItem((comp, se, tgt) => {
- descendant(comp.element, '.' + activeClass).each(currentActive => {
- remove$2(currentActive, activeClass);
- });
- add$2(tgt, activeClass);
- })),
- run$1(focusout(), runOnItem(comp => {
- descendant(comp.element, '.' + activeClass).each(currentActive => {
- remove$2(currentActive, activeClass);
- });
- })),
- runOnExecute$1(runOnItem((comp, se, tgt, itemValue) => {
- emitWith(comp, formActionEvent, {
- name: spec.name,
- value: itemValue
- });
- }))
- ];
- const iterCollectionItems = (comp, applyAttributes) => map$2(descendants(comp.element, '.tox-collection__item'), applyAttributes);
- const pField = FormField.parts.field({
- dom: {
- tag: 'div',
- classes: ['tox-collection'].concat(spec.columns !== 1 ? ['tox-collection--grid'] : ['tox-collection--list'])
- },
- components: [],
- factory: { sketch: identity },
- behaviours: derive$1([
- Disabling.config({
- disabled: providersBackstage.isDisabled,
- onDisabled: comp => {
- iterCollectionItems(comp, childElm => {
- add$2(childElm, 'tox-collection__item--state-disabled');
- set$9(childElm, 'aria-disabled', true);
- });
- },
- onEnabled: comp => {
- iterCollectionItems(comp, childElm => {
- remove$2(childElm, 'tox-collection__item--state-disabled');
- remove$7(childElm, 'aria-disabled');
- });
- }
- }),
- receivingConfig(),
- Replacing.config({}),
- Representing.config({
- store: {
- mode: 'memory',
- initialValue: initialData.getOr([])
- },
- onSetValue: (comp, items) => {
- setContents(comp, items);
- if (spec.columns === 'auto') {
- detectSize(comp, 5, 'tox-collection__item').each(({numRows, numColumns}) => {
- Keying.setGridSize(comp, numRows, numColumns);
- });
- }
- emit(comp, formResizeEvent);
- }
- }),
- Tabstopping.config({}),
- Keying.config(deriveCollectionMovement(spec.columns, 'normal')),
- config('collection-events', collectionEvents)
- ]),
- eventOrder: {
- [execute$5()]: [
- 'disabling',
- 'alloy.base.behaviour',
- 'collection-events'
- ]
- }
- });
- const extraClasses = ['tox-form__group--collection'];
- return renderFormFieldWith(pLabel, pField, extraClasses, []);
- };
- const schema$k = constant$1([
- option$3('data'),
- defaulted('inputAttributes', {}),
- defaulted('inputStyles', {}),
- defaulted('tag', 'input'),
- defaulted('inputClasses', []),
- onHandler('onSetValue'),
- defaulted('styles', {}),
- defaulted('eventOrder', {}),
- field('inputBehaviours', [
- Representing,
- Focusing
- ]),
- defaulted('selectOnFocus', true)
- ]);
- const focusBehaviours = detail => derive$1([Focusing.config({
- onFocus: !detail.selectOnFocus ? noop : component => {
- const input = component.element;
- const value = get$6(input);
- input.dom.setSelectionRange(0, value.length);
- }
- })]);
- const behaviours = detail => ({
- ...focusBehaviours(detail),
- ...augment(detail.inputBehaviours, [Representing.config({
- store: {
- mode: 'manual',
- ...detail.data.map(data => ({ initialValue: data })).getOr({}),
- getValue: input => {
- return get$6(input.element);
- },
- setValue: (input, data) => {
- const current = get$6(input.element);
- if (current !== data) {
- set$5(input.element, data);
- }
- }
- },
- onSetValue: detail.onSetValue
- })])
- });
- const dom = detail => ({
- tag: detail.tag,
- attributes: {
- type: 'text',
- ...detail.inputAttributes
- },
- styles: detail.inputStyles,
- classes: detail.inputClasses
- });
- const factory$h = (detail, _spec) => ({
- uid: detail.uid,
- dom: dom(detail),
- components: [],
- behaviours: behaviours(detail),
- eventOrder: detail.eventOrder
- });
- const Input = single({
- name: 'Input',
- configFields: schema$k(),
- factory: factory$h
- });
- const nu$3 = baseFn => {
- let data = Optional.none();
- let callbacks = [];
- const map = f => nu$3(nCallback => {
- get(data => {
- nCallback(f(data));
- });
- });
- const get = nCallback => {
- if (isReady()) {
- call(nCallback);
- } else {
- callbacks.push(nCallback);
- }
- };
- const set = x => {
- if (!isReady()) {
- data = Optional.some(x);
- run(callbacks);
- callbacks = [];
- }
- };
- const isReady = () => data.isSome();
- const run = cbs => {
- each$1(cbs, call);
- };
- const call = cb => {
- data.each(x => {
- setTimeout(() => {
- cb(x);
- }, 0);
- });
- };
- baseFn(set);
- return {
- get,
- map,
- isReady
- };
- };
- const pure$1 = a => nu$3(callback => {
- callback(a);
- });
- const LazyValue = {
- nu: nu$3,
- pure: pure$1
- };
- const errorReporter = err => {
- setTimeout(() => {
- throw err;
- }, 0);
- };
- const make$5 = run => {
- const get = callback => {
- run().then(callback, errorReporter);
- };
- const map = fab => {
- return make$5(() => run().then(fab));
- };
- const bind = aFutureB => {
- return make$5(() => run().then(v => aFutureB(v).toPromise()));
- };
- const anonBind = futureB => {
- return make$5(() => run().then(() => futureB.toPromise()));
- };
- const toLazy = () => {
- return LazyValue.nu(get);
- };
- const toCached = () => {
- let cache = null;
- return make$5(() => {
- if (cache === null) {
- cache = run();
- }
- return cache;
- });
- };
- const toPromise = run;
- return {
- map,
- bind,
- anonBind,
- toLazy,
- toCached,
- toPromise,
- get
- };
- };
- const nu$2 = baseFn => {
- return make$5(() => new Promise(baseFn));
- };
- const pure = a => {
- return make$5(() => Promise.resolve(a));
- };
- const Future = {
- nu: nu$2,
- pure
- };
- const ariaElements = [
- 'input',
- 'textarea'
- ];
- const isAriaElement = elem => {
- const name = name$3(elem);
- return contains$2(ariaElements, name);
- };
- const markValid = (component, invalidConfig) => {
- const elem = invalidConfig.getRoot(component).getOr(component.element);
- remove$2(elem, invalidConfig.invalidClass);
- invalidConfig.notify.each(notifyInfo => {
- if (isAriaElement(component.element)) {
- set$9(component.element, 'aria-invalid', false);
- }
- notifyInfo.getContainer(component).each(container => {
- set$6(container, notifyInfo.validHtml);
- });
- notifyInfo.onValid(component);
- });
- };
- const markInvalid = (component, invalidConfig, invalidState, text) => {
- const elem = invalidConfig.getRoot(component).getOr(component.element);
- add$2(elem, invalidConfig.invalidClass);
- invalidConfig.notify.each(notifyInfo => {
- if (isAriaElement(component.element)) {
- set$9(component.element, 'aria-invalid', true);
- }
- notifyInfo.getContainer(component).each(container => {
- set$6(container, text);
- });
- notifyInfo.onInvalid(component, text);
- });
- };
- const query = (component, invalidConfig, _invalidState) => invalidConfig.validator.fold(() => Future.pure(Result.value(true)), validatorInfo => validatorInfo.validate(component));
- const run = (component, invalidConfig, invalidState) => {
- invalidConfig.notify.each(notifyInfo => {
- notifyInfo.onValidate(component);
- });
- return query(component, invalidConfig).map(valid => {
- if (component.getSystem().isConnected()) {
- return valid.fold(err => {
- markInvalid(component, invalidConfig, invalidState, err);
- return Result.error(err);
- }, v => {
- markValid(component, invalidConfig);
- return Result.value(v);
- });
- } else {
- return Result.error('No longer in system');
- }
- });
- };
- const isInvalid = (component, invalidConfig) => {
- const elem = invalidConfig.getRoot(component).getOr(component.element);
- return has(elem, invalidConfig.invalidClass);
- };
- var InvalidateApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- markValid: markValid,
- markInvalid: markInvalid,
- query: query,
- run: run,
- isInvalid: isInvalid
- });
- const events$8 = (invalidConfig, invalidState) => invalidConfig.validator.map(validatorInfo => derive$2([run$1(validatorInfo.onEvent, component => {
- run(component, invalidConfig, invalidState).get(identity);
- })].concat(validatorInfo.validateOnLoad ? [runOnAttached(component => {
- run(component, invalidConfig, invalidState).get(noop);
- })] : []))).getOr({});
- var ActiveInvalidate = /*#__PURE__*/Object.freeze({
- __proto__: null,
- events: events$8
- });
- var InvalidateSchema = [
- required$1('invalidClass'),
- defaulted('getRoot', Optional.none),
- optionObjOf('notify', [
- defaulted('aria', 'alert'),
- defaulted('getContainer', Optional.none),
- defaulted('validHtml', ''),
- onHandler('onValid'),
- onHandler('onInvalid'),
- onHandler('onValidate')
- ]),
- optionObjOf('validator', [
- required$1('validate'),
- defaulted('onEvent', 'input'),
- defaulted('validateOnLoad', true)
- ])
- ];
- const Invalidating = create$3({
- fields: InvalidateSchema,
- name: 'invalidating',
- active: ActiveInvalidate,
- apis: InvalidateApis,
- extra: {
- validation: validator => {
- return component => {
- const v = Representing.getValue(component);
- return Future.pure(validator(v));
- };
- }
- }
- });
- const getCoupled = (component, coupleConfig, coupleState, name) => coupleState.getOrCreate(component, coupleConfig, name);
- var CouplingApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- getCoupled: getCoupled
- });
- var CouplingSchema = [requiredOf('others', setOf(Result.value, anyValue()))];
- const init$a = () => {
- const coupled = {};
- const getOrCreate = (component, coupleConfig, name) => {
- const available = keys(coupleConfig.others);
- if (!available) {
- throw new Error('Cannot find coupled component: ' + name + '. Known coupled components: ' + JSON.stringify(available, null, 2));
- } else {
- return get$g(coupled, name).getOrThunk(() => {
- const builder = get$g(coupleConfig.others, name).getOrDie('No information found for coupled component: ' + name);
- const spec = builder(component);
- const built = component.getSystem().build(spec);
- coupled[name] = built;
- return built;
- });
- }
- };
- const readState = constant$1({});
- return nu$8({
- readState,
- getOrCreate
- });
- };
- var CouplingState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- init: init$a
- });
- const Coupling = create$3({
- fields: CouplingSchema,
- name: 'coupling',
- apis: CouplingApis,
- state: CouplingState
- });
- const suffix = constant$1('sink');
- const partType$1 = constant$1(optional({
- name: suffix(),
- overrides: constant$1({
- dom: { tag: 'div' },
- behaviours: derive$1([Positioning.config({ useFixed: always })]),
- events: derive$2([
- cutter(keydown()),
- cutter(mousedown()),
- cutter(click())
- ])
- })
- }));
- var HighlightOnOpen;
- (function (HighlightOnOpen) {
- HighlightOnOpen[HighlightOnOpen['HighlightFirst'] = 0] = 'HighlightFirst';
- HighlightOnOpen[HighlightOnOpen['HighlightNone'] = 1] = 'HighlightNone';
- }(HighlightOnOpen || (HighlightOnOpen = {})));
- const getAnchor = (detail, component) => {
- const hotspot = detail.getHotspot(component).getOr(component);
- const type = 'hotspot';
- const overrides = detail.getAnchorOverrides();
- return detail.layouts.fold(() => ({
- type,
- hotspot,
- overrides
- }), layouts => ({
- type,
- hotspot,
- overrides,
- layouts
- }));
- };
- const fetch = (detail, mapFetch, component) => {
- const fetcher = detail.fetch;
- return fetcher(component).map(mapFetch);
- };
- const openF = (detail, mapFetch, anchor, component, sandbox, externals, highlightOnOpen) => {
- const futureData = fetch(detail, mapFetch, component);
- const getLazySink = getSink(component, detail);
- return futureData.map(tdata => tdata.bind(data => Optional.from(tieredMenu.sketch({
- ...externals.menu(),
- uid: generate$5(''),
- data,
- highlightImmediately: highlightOnOpen === HighlightOnOpen.HighlightFirst,
- onOpenMenu: (tmenu, menu) => {
- const sink = getLazySink().getOrDie();
- Positioning.position(sink, menu, { anchor });
- Sandboxing.decloak(sandbox);
- },
- onOpenSubmenu: (tmenu, item, submenu) => {
- const sink = getLazySink().getOrDie();
- Positioning.position(sink, submenu, {
- anchor: {
- type: 'submenu',
- item
- }
- });
- Sandboxing.decloak(sandbox);
- },
- onRepositionMenu: (tmenu, primaryMenu, submenuTriggers) => {
- const sink = getLazySink().getOrDie();
- Positioning.position(sink, primaryMenu, { anchor });
- each$1(submenuTriggers, st => {
- Positioning.position(sink, st.triggeredMenu, {
- anchor: {
- type: 'submenu',
- item: st.triggeringItem
- }
- });
- });
- },
- onEscape: () => {
- Focusing.focus(component);
- Sandboxing.close(sandbox);
- return Optional.some(true);
- }
- }))));
- };
- const open = (detail, mapFetch, hotspot, sandbox, externals, onOpenSync, highlightOnOpen) => {
- const anchor = getAnchor(detail, hotspot);
- const processed = openF(detail, mapFetch, anchor, hotspot, sandbox, externals, highlightOnOpen);
- return processed.map(tdata => {
- tdata.fold(() => {
- if (Sandboxing.isOpen(sandbox)) {
- Sandboxing.close(sandbox);
- }
- }, data => {
- Sandboxing.cloak(sandbox);
- Sandboxing.open(sandbox, data);
- onOpenSync(sandbox);
- });
- return sandbox;
- });
- };
- const close = (detail, mapFetch, component, sandbox, _externals, _onOpenSync, _highlightOnOpen) => {
- Sandboxing.close(sandbox);
- return Future.pure(sandbox);
- };
- const togglePopup = (detail, mapFetch, hotspot, externals, onOpenSync, highlightOnOpen) => {
- const sandbox = Coupling.getCoupled(hotspot, 'sandbox');
- const showing = Sandboxing.isOpen(sandbox);
- const action = showing ? close : open;
- return action(detail, mapFetch, hotspot, sandbox, externals, onOpenSync, highlightOnOpen);
- };
- const matchWidth = (hotspot, container, useMinWidth) => {
- const menu = Composing.getCurrent(container).getOr(container);
- const buttonWidth = get$c(hotspot.element);
- if (useMinWidth) {
- set$8(menu.element, 'min-width', buttonWidth + 'px');
- } else {
- set$7(menu.element, buttonWidth);
- }
- };
- const getSink = (anyInSystem, sinkDetail) => anyInSystem.getSystem().getByUid(sinkDetail.uid + '-' + suffix()).map(internalSink => () => Result.value(internalSink)).getOrThunk(() => sinkDetail.lazySink.fold(() => () => Result.error(new Error('No internal sink is specified, nor could an external sink be found')), lazySinkFn => () => lazySinkFn(anyInSystem)));
- const doRepositionMenus = sandbox => {
- Sandboxing.getState(sandbox).each(tmenu => {
- tieredMenu.repositionMenus(tmenu);
- });
- };
- const makeSandbox$1 = (detail, hotspot, extras) => {
- const ariaControls = manager();
- const onOpen = (component, menu) => {
- const anchor = getAnchor(detail, hotspot);
- ariaControls.link(hotspot.element);
- if (detail.matchWidth) {
- matchWidth(anchor.hotspot, menu, detail.useMinWidth);
- }
- detail.onOpen(anchor, component, menu);
- if (extras !== undefined && extras.onOpen !== undefined) {
- extras.onOpen(component, menu);
- }
- };
- const onClose = (component, menu) => {
- ariaControls.unlink(hotspot.element);
- if (extras !== undefined && extras.onClose !== undefined) {
- extras.onClose(component, menu);
- }
- };
- const lazySink = getSink(hotspot, detail);
- return {
- dom: {
- tag: 'div',
- classes: detail.sandboxClasses,
- attributes: {
- id: ariaControls.id,
- role: 'listbox'
- }
- },
- behaviours: SketchBehaviours.augment(detail.sandboxBehaviours, [
- Representing.config({
- store: {
- mode: 'memory',
- initialValue: hotspot
- }
- }),
- Sandboxing.config({
- onOpen,
- onClose,
- isPartOf: (container, data, queryElem) => {
- return isPartOf$1(data, queryElem) || isPartOf$1(hotspot, queryElem);
- },
- getAttachPoint: () => {
- return lazySink().getOrDie();
- }
- }),
- Composing.config({
- find: sandbox => {
- return Sandboxing.getState(sandbox).bind(menu => Composing.getCurrent(menu));
- }
- }),
- Receiving.config({
- channels: {
- ...receivingChannel$1({ isExtraPart: never }),
- ...receivingChannel({ doReposition: doRepositionMenus })
- }
- })
- ])
- };
- };
- const repositionMenus = comp => {
- const sandbox = Coupling.getCoupled(comp, 'sandbox');
- doRepositionMenus(sandbox);
- };
- const sandboxFields = () => [
- defaulted('sandboxClasses', []),
- SketchBehaviours.field('sandboxBehaviours', [
- Composing,
- Receiving,
- Sandboxing,
- Representing
- ])
- ];
- const schema$j = constant$1([
- required$1('dom'),
- required$1('fetch'),
- onHandler('onOpen'),
- onKeyboardHandler('onExecute'),
- defaulted('getHotspot', Optional.some),
- defaulted('getAnchorOverrides', constant$1({})),
- schema$y(),
- field('dropdownBehaviours', [
- Toggling,
- Coupling,
- Keying,
- Focusing
- ]),
- required$1('toggleClass'),
- defaulted('eventOrder', {}),
- option$3('lazySink'),
- defaulted('matchWidth', false),
- defaulted('useMinWidth', false),
- option$3('role')
- ].concat(sandboxFields()));
- const parts$d = constant$1([
- external({
- schema: [tieredMenuMarkers()],
- name: 'menu',
- defaults: detail => {
- return { onExecute: detail.onExecute };
- }
- }),
- partType$1()
- ]);
- const factory$g = (detail, components, _spec, externals) => {
- const lookupAttr = attr => get$g(detail.dom, 'attributes').bind(attrs => get$g(attrs, attr));
- const switchToMenu = sandbox => {
- Sandboxing.getState(sandbox).each(tmenu => {
- tieredMenu.highlightPrimary(tmenu);
- });
- };
- const action = component => {
- const onOpenSync = switchToMenu;
- togglePopup(detail, identity, component, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
- };
- const apis = {
- expand: comp => {
- if (!Toggling.isOn(comp)) {
- togglePopup(detail, identity, comp, externals, noop, HighlightOnOpen.HighlightNone).get(noop);
- }
- },
- open: comp => {
- if (!Toggling.isOn(comp)) {
- togglePopup(detail, identity, comp, externals, noop, HighlightOnOpen.HighlightFirst).get(noop);
- }
- },
- isOpen: Toggling.isOn,
- close: comp => {
- if (Toggling.isOn(comp)) {
- togglePopup(detail, identity, comp, externals, noop, HighlightOnOpen.HighlightFirst).get(noop);
- }
- },
- repositionMenus: comp => {
- if (Toggling.isOn(comp)) {
- repositionMenus(comp);
- }
- }
- };
- const triggerExecute = (comp, _se) => {
- emitExecute(comp);
- return Optional.some(true);
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components,
- behaviours: augment(detail.dropdownBehaviours, [
- Toggling.config({
- toggleClass: detail.toggleClass,
- aria: { mode: 'expanded' }
- }),
- Coupling.config({
- others: {
- sandbox: hotspot => {
- return makeSandbox$1(detail, hotspot, {
- onOpen: () => Toggling.on(hotspot),
- onClose: () => Toggling.off(hotspot)
- });
- }
- }
- }),
- Keying.config({
- mode: 'special',
- onSpace: triggerExecute,
- onEnter: triggerExecute,
- onDown: (comp, _se) => {
- if (Dropdown.isOpen(comp)) {
- const sandbox = Coupling.getCoupled(comp, 'sandbox');
- switchToMenu(sandbox);
- } else {
- Dropdown.open(comp);
- }
- return Optional.some(true);
- },
- onEscape: (comp, _se) => {
- if (Dropdown.isOpen(comp)) {
- Dropdown.close(comp);
- return Optional.some(true);
- } else {
- return Optional.none();
- }
- }
- }),
- Focusing.config({})
- ]),
- events: events$a(Optional.some(action)),
- eventOrder: {
- ...detail.eventOrder,
- [execute$5()]: [
- 'disabling',
- 'toggling',
- 'alloy.base.behaviour'
- ]
- },
- apis,
- domModification: {
- attributes: {
- 'aria-haspopup': 'true',
- ...detail.role.fold(() => ({}), role => ({ role })),
- ...detail.dom.tag === 'button' ? { type: lookupAttr('type').getOr('button') } : {}
- }
- }
- };
- };
- const Dropdown = composite({
- name: 'Dropdown',
- configFields: schema$j(),
- partFields: parts$d(),
- factory: factory$g,
- apis: {
- open: (apis, comp) => apis.open(comp),
- expand: (apis, comp) => apis.expand(comp),
- close: (apis, comp) => apis.close(comp),
- isOpen: (apis, comp) => apis.isOpen(comp),
- repositionMenus: (apis, comp) => apis.repositionMenus(comp)
- }
- });
- const exhibit$1 = () => nu$7({
- styles: {
- '-webkit-user-select': 'none',
- 'user-select': 'none',
- '-ms-user-select': 'none',
- '-moz-user-select': '-moz-none'
- },
- attributes: { unselectable: 'on' }
- });
- const events$7 = () => derive$2([abort(selectstart(), always)]);
- var ActiveUnselecting = /*#__PURE__*/Object.freeze({
- __proto__: null,
- events: events$7,
- exhibit: exhibit$1
- });
- const Unselecting = create$3({
- fields: [],
- name: 'unselecting',
- active: ActiveUnselecting
- });
- const renderPanelButton = (spec, sharedBackstage) => Dropdown.sketch({
- dom: spec.dom,
- components: spec.components,
- toggleClass: 'mce-active',
- dropdownBehaviours: derive$1([
- DisablingConfigs.button(sharedBackstage.providers.isDisabled),
- receivingConfig(),
- Unselecting.config({}),
- Tabstopping.config({})
- ]),
- layouts: spec.layouts,
- sandboxClasses: ['tox-dialog__popups'],
- lazySink: sharedBackstage.getSink,
- fetch: comp => Future.nu(callback => spec.fetch(callback)).map(items => Optional.from(createTieredDataFrom(deepMerge(createPartialChoiceMenu(generate$6('menu-value'), items, value => {
- spec.onItemAction(comp, value);
- }, spec.columns, spec.presets, ItemResponse$1.CLOSE_ON_EXECUTE, never, sharedBackstage.providers), { movement: deriveMenuMovement(spec.columns, spec.presets) })))),
- parts: { menu: part(false, 1, spec.presets) }
- });
- const colorInputChangeEvent = generate$6('color-input-change');
- const colorSwatchChangeEvent = generate$6('color-swatch-change');
- const colorPickerCancelEvent = generate$6('color-picker-cancel');
- const renderColorInput = (spec, sharedBackstage, colorInputBackstage, initialData) => {
- const pField = FormField.parts.field({
- factory: Input,
- inputClasses: ['tox-textfield'],
- data: initialData,
- onSetValue: c => Invalidating.run(c).get(noop),
- inputBehaviours: derive$1([
- Disabling.config({ disabled: sharedBackstage.providers.isDisabled }),
- receivingConfig(),
- Tabstopping.config({}),
- Invalidating.config({
- invalidClass: 'tox-textbox-field-invalid',
- getRoot: comp => parentElement(comp.element),
- notify: {
- onValid: comp => {
- const val = Representing.getValue(comp);
- emitWith(comp, colorInputChangeEvent, { color: val });
- }
- },
- validator: {
- validateOnLoad: false,
- validate: input => {
- const inputValue = Representing.getValue(input);
- if (inputValue.length === 0) {
- return Future.pure(Result.value(true));
- } else {
- const span = SugarElement.fromTag('span');
- set$8(span, 'background-color', inputValue);
- const res = getRaw(span, 'background-color').fold(() => Result.error('blah'), _ => Result.value(inputValue));
- return Future.pure(res);
- }
- }
- }
- })
- ]),
- selectOnFocus: false
- });
- const pLabel = spec.label.map(label => renderLabel$2(label, sharedBackstage.providers));
- const emitSwatchChange = (colorBit, value) => {
- emitWith(colorBit, colorSwatchChangeEvent, { value });
- };
- const onItemAction = (comp, value) => {
- memColorButton.getOpt(comp).each(colorBit => {
- if (value === 'custom') {
- colorInputBackstage.colorPicker(valueOpt => {
- valueOpt.fold(() => emit(colorBit, colorPickerCancelEvent), value => {
- emitSwatchChange(colorBit, value);
- addColor(value);
- });
- }, '#ffffff');
- } else if (value === 'remove') {
- emitSwatchChange(colorBit, '');
- } else {
- emitSwatchChange(colorBit, value);
- }
- });
- };
- const memColorButton = record(renderPanelButton({
- dom: {
- tag: 'span',
- attributes: { 'aria-label': sharedBackstage.providers.translate('Color swatch') }
- },
- layouts: {
- onRtl: () => [
- southwest$2,
- southeast$2,
- south$2
- ],
- onLtr: () => [
- southeast$2,
- southwest$2,
- south$2
- ]
- },
- components: [],
- fetch: getFetch$1(colorInputBackstage.getColors(), colorInputBackstage.hasCustomColors()),
- columns: colorInputBackstage.getColorCols(),
- presets: 'color',
- onItemAction
- }, sharedBackstage));
- return FormField.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-form__group']
- },
- components: pLabel.toArray().concat([{
- dom: {
- tag: 'div',
- classes: ['tox-color-input']
- },
- components: [
- pField,
- memColorButton.asSpec()
- ]
- }]),
- fieldBehaviours: derive$1([config('form-field-events', [
- run$1(colorInputChangeEvent, (comp, se) => {
- memColorButton.getOpt(comp).each(colorButton => {
- set$8(colorButton.element, 'background-color', se.event.color);
- });
- emitWith(comp, formChangeEvent, { name: spec.name });
- }),
- run$1(colorSwatchChangeEvent, (comp, se) => {
- FormField.getField(comp).each(field => {
- Representing.setValue(field, se.event.value);
- Composing.getCurrent(comp).each(Focusing.focus);
- });
- }),
- run$1(colorPickerCancelEvent, (comp, _se) => {
- FormField.getField(comp).each(_field => {
- Composing.getCurrent(comp).each(Focusing.focus);
- });
- })
- ])])
- });
- };
- const labelPart = optional({
- schema: [required$1('dom')],
- name: 'label'
- });
- const edgePart = name => optional({
- name: '' + name + '-edge',
- overrides: detail => {
- const action = detail.model.manager.edgeActions[name];
- return action.fold(() => ({}), a => ({
- events: derive$2([
- runActionExtra(touchstart(), (comp, se, d) => a(comp, d), [detail]),
- runActionExtra(mousedown(), (comp, se, d) => a(comp, d), [detail]),
- runActionExtra(mousemove(), (comp, se, det) => {
- if (det.mouseIsDown.get()) {
- a(comp, det);
- }
- }, [detail])
- ])
- }));
- }
- });
- const tlEdgePart = edgePart('top-left');
- const tedgePart = edgePart('top');
- const trEdgePart = edgePart('top-right');
- const redgePart = edgePart('right');
- const brEdgePart = edgePart('bottom-right');
- const bedgePart = edgePart('bottom');
- const blEdgePart = edgePart('bottom-left');
- const ledgePart = edgePart('left');
- const thumbPart = required({
- name: 'thumb',
- defaults: constant$1({ dom: { styles: { position: 'absolute' } } }),
- overrides: detail => {
- return {
- events: derive$2([
- redirectToPart(touchstart(), detail, 'spectrum'),
- redirectToPart(touchmove(), detail, 'spectrum'),
- redirectToPart(touchend(), detail, 'spectrum'),
- redirectToPart(mousedown(), detail, 'spectrum'),
- redirectToPart(mousemove(), detail, 'spectrum'),
- redirectToPart(mouseup(), detail, 'spectrum')
- ])
- };
- }
- });
- const spectrumPart = required({
- schema: [customField('mouseIsDown', () => Cell(false))],
- name: 'spectrum',
- overrides: detail => {
- const modelDetail = detail.model;
- const model = modelDetail.manager;
- const setValueFrom = (component, simulatedEvent) => model.getValueFromEvent(simulatedEvent).map(value => model.setValueFrom(component, detail, value));
- return {
- behaviours: derive$1([
- Keying.config({
- mode: 'special',
- onLeft: spectrum => model.onLeft(spectrum, detail),
- onRight: spectrum => model.onRight(spectrum, detail),
- onUp: spectrum => model.onUp(spectrum, detail),
- onDown: spectrum => model.onDown(spectrum, detail)
- }),
- Focusing.config({})
- ]),
- events: derive$2([
- run$1(touchstart(), setValueFrom),
- run$1(touchmove(), setValueFrom),
- run$1(mousedown(), setValueFrom),
- run$1(mousemove(), (spectrum, se) => {
- if (detail.mouseIsDown.get()) {
- setValueFrom(spectrum, se);
- }
- })
- ])
- };
- }
- });
- var SliderParts = [
- labelPart,
- ledgePart,
- redgePart,
- tedgePart,
- bedgePart,
- tlEdgePart,
- trEdgePart,
- blEdgePart,
- brEdgePart,
- thumbPart,
- spectrumPart
- ];
- const _sliderChangeEvent = 'slider.change.value';
- const sliderChangeEvent = constant$1(_sliderChangeEvent);
- const isTouchEvent$1 = evt => evt.type.indexOf('touch') !== -1;
- const getEventSource = simulatedEvent => {
- const evt = simulatedEvent.event.raw;
- if (isTouchEvent$1(evt)) {
- const touchEvent = evt;
- return touchEvent.touches !== undefined && touchEvent.touches.length === 1 ? Optional.some(touchEvent.touches[0]).map(t => SugarPosition(t.clientX, t.clientY)) : Optional.none();
- } else {
- const mouseEvent = evt;
- return mouseEvent.clientX !== undefined ? Optional.some(mouseEvent).map(me => SugarPosition(me.clientX, me.clientY)) : Optional.none();
- }
- };
- const t = 'top', r = 'right', b = 'bottom', l = 'left';
- const minX = detail => detail.model.minX;
- const minY = detail => detail.model.minY;
- const min1X = detail => detail.model.minX - 1;
- const min1Y = detail => detail.model.minY - 1;
- const maxX = detail => detail.model.maxX;
- const maxY = detail => detail.model.maxY;
- const max1X = detail => detail.model.maxX + 1;
- const max1Y = detail => detail.model.maxY + 1;
- const range = (detail, max, min) => max(detail) - min(detail);
- const xRange = detail => range(detail, maxX, minX);
- const yRange = detail => range(detail, maxY, minY);
- const halfX = detail => xRange(detail) / 2;
- const halfY = detail => yRange(detail) / 2;
- const step = detail => detail.stepSize;
- const snap = detail => detail.snapToGrid;
- const snapStart = detail => detail.snapStart;
- const rounded = detail => detail.rounded;
- const hasEdge = (detail, edgeName) => detail[edgeName + '-edge'] !== undefined;
- const hasLEdge = detail => hasEdge(detail, l);
- const hasREdge = detail => hasEdge(detail, r);
- const hasTEdge = detail => hasEdge(detail, t);
- const hasBEdge = detail => hasEdge(detail, b);
- const currentValue = detail => detail.model.value.get();
- const xyValue = (x, y) => ({
- x,
- y
- });
- const fireSliderChange$3 = (component, value) => {
- emitWith(component, sliderChangeEvent(), { value });
- };
- const setToTLEdgeXY = (edge, detail) => {
- fireSliderChange$3(edge, xyValue(min1X(detail), min1Y(detail)));
- };
- const setToTEdge = (edge, detail) => {
- fireSliderChange$3(edge, min1Y(detail));
- };
- const setToTEdgeXY = (edge, detail) => {
- fireSliderChange$3(edge, xyValue(halfX(detail), min1Y(detail)));
- };
- const setToTREdgeXY = (edge, detail) => {
- fireSliderChange$3(edge, xyValue(max1X(detail), min1Y(detail)));
- };
- const setToREdge = (edge, detail) => {
- fireSliderChange$3(edge, max1X(detail));
- };
- const setToREdgeXY = (edge, detail) => {
- fireSliderChange$3(edge, xyValue(max1X(detail), halfY(detail)));
- };
- const setToBREdgeXY = (edge, detail) => {
- fireSliderChange$3(edge, xyValue(max1X(detail), max1Y(detail)));
- };
- const setToBEdge = (edge, detail) => {
- fireSliderChange$3(edge, max1Y(detail));
- };
- const setToBEdgeXY = (edge, detail) => {
- fireSliderChange$3(edge, xyValue(halfX(detail), max1Y(detail)));
- };
- const setToBLEdgeXY = (edge, detail) => {
- fireSliderChange$3(edge, xyValue(min1X(detail), max1Y(detail)));
- };
- const setToLEdge = (edge, detail) => {
- fireSliderChange$3(edge, min1X(detail));
- };
- const setToLEdgeXY = (edge, detail) => {
- fireSliderChange$3(edge, xyValue(min1X(detail), halfY(detail)));
- };
- const reduceBy = (value, min, max, step) => {
- if (value < min) {
- return value;
- } else if (value > max) {
- return max;
- } else if (value === min) {
- return min - 1;
- } else {
- return Math.max(min, value - step);
- }
- };
- const increaseBy = (value, min, max, step) => {
- if (value > max) {
- return value;
- } else if (value < min) {
- return min;
- } else if (value === max) {
- return max + 1;
- } else {
- return Math.min(max, value + step);
- }
- };
- const capValue = (value, min, max) => Math.max(min, Math.min(max, value));
- const snapValueOf = (value, min, max, step, snapStart) => snapStart.fold(() => {
- const initValue = value - min;
- const extraValue = Math.round(initValue / step) * step;
- return capValue(min + extraValue, min - 1, max + 1);
- }, start => {
- const remainder = (value - start) % step;
- const adjustment = Math.round(remainder / step);
- const rawSteps = Math.floor((value - start) / step);
- const maxSteps = Math.floor((max - start) / step);
- const numSteps = Math.min(maxSteps, rawSteps + adjustment);
- const r = start + numSteps * step;
- return Math.max(start, r);
- });
- const findOffsetOf = (value, min, max) => Math.min(max, Math.max(value, min)) - min;
- const findValueOf = args => {
- const {min, max, range, value, step, snap, snapStart, rounded, hasMinEdge, hasMaxEdge, minBound, maxBound, screenRange} = args;
- const capMin = hasMinEdge ? min - 1 : min;
- const capMax = hasMaxEdge ? max + 1 : max;
- if (value < minBound) {
- return capMin;
- } else if (value > maxBound) {
- return capMax;
- } else {
- const offset = findOffsetOf(value, minBound, maxBound);
- const newValue = capValue(offset / screenRange * range + min, capMin, capMax);
- if (snap && newValue >= min && newValue <= max) {
- return snapValueOf(newValue, min, max, step, snapStart);
- } else if (rounded) {
- return Math.round(newValue);
- } else {
- return newValue;
- }
- }
- };
- const findOffsetOfValue$2 = args => {
- const {min, max, range, value, hasMinEdge, hasMaxEdge, maxBound, maxOffset, centerMinEdge, centerMaxEdge} = args;
- if (value < min) {
- return hasMinEdge ? 0 : centerMinEdge;
- } else if (value > max) {
- return hasMaxEdge ? maxBound : centerMaxEdge;
- } else {
- return (value - min) / range * maxOffset;
- }
- };
- const top = 'top', right = 'right', bottom = 'bottom', left = 'left', width = 'width', height = 'height';
- const getBounds = component => component.element.dom.getBoundingClientRect();
- const getBoundsProperty = (bounds, property) => bounds[property];
- const getMinXBounds = component => {
- const bounds = getBounds(component);
- return getBoundsProperty(bounds, left);
- };
- const getMaxXBounds = component => {
- const bounds = getBounds(component);
- return getBoundsProperty(bounds, right);
- };
- const getMinYBounds = component => {
- const bounds = getBounds(component);
- return getBoundsProperty(bounds, top);
- };
- const getMaxYBounds = component => {
- const bounds = getBounds(component);
- return getBoundsProperty(bounds, bottom);
- };
- const getXScreenRange = component => {
- const bounds = getBounds(component);
- return getBoundsProperty(bounds, width);
- };
- const getYScreenRange = component => {
- const bounds = getBounds(component);
- return getBoundsProperty(bounds, height);
- };
- const getCenterOffsetOf = (componentMinEdge, componentMaxEdge, spectrumMinEdge) => (componentMinEdge + componentMaxEdge) / 2 - spectrumMinEdge;
- const getXCenterOffSetOf = (component, spectrum) => {
- const componentBounds = getBounds(component);
- const spectrumBounds = getBounds(spectrum);
- const componentMinEdge = getBoundsProperty(componentBounds, left);
- const componentMaxEdge = getBoundsProperty(componentBounds, right);
- const spectrumMinEdge = getBoundsProperty(spectrumBounds, left);
- return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
- };
- const getYCenterOffSetOf = (component, spectrum) => {
- const componentBounds = getBounds(component);
- const spectrumBounds = getBounds(spectrum);
- const componentMinEdge = getBoundsProperty(componentBounds, top);
- const componentMaxEdge = getBoundsProperty(componentBounds, bottom);
- const spectrumMinEdge = getBoundsProperty(spectrumBounds, top);
- return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
- };
- const fireSliderChange$2 = (spectrum, value) => {
- emitWith(spectrum, sliderChangeEvent(), { value });
- };
- const findValueOfOffset$1 = (spectrum, detail, left) => {
- const args = {
- min: minX(detail),
- max: maxX(detail),
- range: xRange(detail),
- value: left,
- step: step(detail),
- snap: snap(detail),
- snapStart: snapStart(detail),
- rounded: rounded(detail),
- hasMinEdge: hasLEdge(detail),
- hasMaxEdge: hasREdge(detail),
- minBound: getMinXBounds(spectrum),
- maxBound: getMaxXBounds(spectrum),
- screenRange: getXScreenRange(spectrum)
- };
- return findValueOf(args);
- };
- const setValueFrom$2 = (spectrum, detail, value) => {
- const xValue = findValueOfOffset$1(spectrum, detail, value);
- const sliderVal = xValue;
- fireSliderChange$2(spectrum, sliderVal);
- return xValue;
- };
- const setToMin$2 = (spectrum, detail) => {
- const min = minX(detail);
- fireSliderChange$2(spectrum, min);
- };
- const setToMax$2 = (spectrum, detail) => {
- const max = maxX(detail);
- fireSliderChange$2(spectrum, max);
- };
- const moveBy$2 = (direction, spectrum, detail) => {
- const f = direction > 0 ? increaseBy : reduceBy;
- const xValue = f(currentValue(detail), minX(detail), maxX(detail), step(detail));
- fireSliderChange$2(spectrum, xValue);
- return Optional.some(xValue);
- };
- const handleMovement$2 = direction => (spectrum, detail) => moveBy$2(direction, spectrum, detail).map(always);
- const getValueFromEvent$2 = simulatedEvent => {
- const pos = getEventSource(simulatedEvent);
- return pos.map(p => p.left);
- };
- const findOffsetOfValue$1 = (spectrum, detail, value, minEdge, maxEdge) => {
- const minOffset = 0;
- const maxOffset = getXScreenRange(spectrum);
- const centerMinEdge = minEdge.bind(edge => Optional.some(getXCenterOffSetOf(edge, spectrum))).getOr(minOffset);
- const centerMaxEdge = maxEdge.bind(edge => Optional.some(getXCenterOffSetOf(edge, spectrum))).getOr(maxOffset);
- const args = {
- min: minX(detail),
- max: maxX(detail),
- range: xRange(detail),
- value,
- hasMinEdge: hasLEdge(detail),
- hasMaxEdge: hasREdge(detail),
- minBound: getMinXBounds(spectrum),
- minOffset,
- maxBound: getMaxXBounds(spectrum),
- maxOffset,
- centerMinEdge,
- centerMaxEdge
- };
- return findOffsetOfValue$2(args);
- };
- const findPositionOfValue$1 = (slider, spectrum, value, minEdge, maxEdge, detail) => {
- const offset = findOffsetOfValue$1(spectrum, detail, value, minEdge, maxEdge);
- return getMinXBounds(spectrum) - getMinXBounds(slider) + offset;
- };
- const setPositionFromValue$2 = (slider, thumb, detail, edges) => {
- const value = currentValue(detail);
- const pos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
- const thumbRadius = get$c(thumb.element) / 2;
- set$8(thumb.element, 'left', pos - thumbRadius + 'px');
- };
- const onLeft$2 = handleMovement$2(-1);
- const onRight$2 = handleMovement$2(1);
- const onUp$2 = Optional.none;
- const onDown$2 = Optional.none;
- const edgeActions$2 = {
- 'top-left': Optional.none(),
- 'top': Optional.none(),
- 'top-right': Optional.none(),
- 'right': Optional.some(setToREdge),
- 'bottom-right': Optional.none(),
- 'bottom': Optional.none(),
- 'bottom-left': Optional.none(),
- 'left': Optional.some(setToLEdge)
- };
- var HorizontalModel = /*#__PURE__*/Object.freeze({
- __proto__: null,
- setValueFrom: setValueFrom$2,
- setToMin: setToMin$2,
- setToMax: setToMax$2,
- findValueOfOffset: findValueOfOffset$1,
- getValueFromEvent: getValueFromEvent$2,
- findPositionOfValue: findPositionOfValue$1,
- setPositionFromValue: setPositionFromValue$2,
- onLeft: onLeft$2,
- onRight: onRight$2,
- onUp: onUp$2,
- onDown: onDown$2,
- edgeActions: edgeActions$2
- });
- const fireSliderChange$1 = (spectrum, value) => {
- emitWith(spectrum, sliderChangeEvent(), { value });
- };
- const findValueOfOffset = (spectrum, detail, top) => {
- const args = {
- min: minY(detail),
- max: maxY(detail),
- range: yRange(detail),
- value: top,
- step: step(detail),
- snap: snap(detail),
- snapStart: snapStart(detail),
- rounded: rounded(detail),
- hasMinEdge: hasTEdge(detail),
- hasMaxEdge: hasBEdge(detail),
- minBound: getMinYBounds(spectrum),
- maxBound: getMaxYBounds(spectrum),
- screenRange: getYScreenRange(spectrum)
- };
- return findValueOf(args);
- };
- const setValueFrom$1 = (spectrum, detail, value) => {
- const yValue = findValueOfOffset(spectrum, detail, value);
- const sliderVal = yValue;
- fireSliderChange$1(spectrum, sliderVal);
- return yValue;
- };
- const setToMin$1 = (spectrum, detail) => {
- const min = minY(detail);
- fireSliderChange$1(spectrum, min);
- };
- const setToMax$1 = (spectrum, detail) => {
- const max = maxY(detail);
- fireSliderChange$1(spectrum, max);
- };
- const moveBy$1 = (direction, spectrum, detail) => {
- const f = direction > 0 ? increaseBy : reduceBy;
- const yValue = f(currentValue(detail), minY(detail), maxY(detail), step(detail));
- fireSliderChange$1(spectrum, yValue);
- return Optional.some(yValue);
- };
- const handleMovement$1 = direction => (spectrum, detail) => moveBy$1(direction, spectrum, detail).map(always);
- const getValueFromEvent$1 = simulatedEvent => {
- const pos = getEventSource(simulatedEvent);
- return pos.map(p => {
- return p.top;
- });
- };
- const findOffsetOfValue = (spectrum, detail, value, minEdge, maxEdge) => {
- const minOffset = 0;
- const maxOffset = getYScreenRange(spectrum);
- const centerMinEdge = minEdge.bind(edge => Optional.some(getYCenterOffSetOf(edge, spectrum))).getOr(minOffset);
- const centerMaxEdge = maxEdge.bind(edge => Optional.some(getYCenterOffSetOf(edge, spectrum))).getOr(maxOffset);
- const args = {
- min: minY(detail),
- max: maxY(detail),
- range: yRange(detail),
- value,
- hasMinEdge: hasTEdge(detail),
- hasMaxEdge: hasBEdge(detail),
- minBound: getMinYBounds(spectrum),
- minOffset,
- maxBound: getMaxYBounds(spectrum),
- maxOffset,
- centerMinEdge,
- centerMaxEdge
- };
- return findOffsetOfValue$2(args);
- };
- const findPositionOfValue = (slider, spectrum, value, minEdge, maxEdge, detail) => {
- const offset = findOffsetOfValue(spectrum, detail, value, minEdge, maxEdge);
- return getMinYBounds(spectrum) - getMinYBounds(slider) + offset;
- };
- const setPositionFromValue$1 = (slider, thumb, detail, edges) => {
- const value = currentValue(detail);
- const pos = findPositionOfValue(slider, edges.getSpectrum(slider), value, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
- const thumbRadius = get$d(thumb.element) / 2;
- set$8(thumb.element, 'top', pos - thumbRadius + 'px');
- };
- const onLeft$1 = Optional.none;
- const onRight$1 = Optional.none;
- const onUp$1 = handleMovement$1(-1);
- const onDown$1 = handleMovement$1(1);
- const edgeActions$1 = {
- 'top-left': Optional.none(),
- 'top': Optional.some(setToTEdge),
- 'top-right': Optional.none(),
- 'right': Optional.none(),
- 'bottom-right': Optional.none(),
- 'bottom': Optional.some(setToBEdge),
- 'bottom-left': Optional.none(),
- 'left': Optional.none()
- };
- var VerticalModel = /*#__PURE__*/Object.freeze({
- __proto__: null,
- setValueFrom: setValueFrom$1,
- setToMin: setToMin$1,
- setToMax: setToMax$1,
- findValueOfOffset: findValueOfOffset,
- getValueFromEvent: getValueFromEvent$1,
- findPositionOfValue: findPositionOfValue,
- setPositionFromValue: setPositionFromValue$1,
- onLeft: onLeft$1,
- onRight: onRight$1,
- onUp: onUp$1,
- onDown: onDown$1,
- edgeActions: edgeActions$1
- });
- const fireSliderChange = (spectrum, value) => {
- emitWith(spectrum, sliderChangeEvent(), { value });
- };
- const sliderValue = (x, y) => ({
- x,
- y
- });
- const setValueFrom = (spectrum, detail, value) => {
- const xValue = findValueOfOffset$1(spectrum, detail, value.left);
- const yValue = findValueOfOffset(spectrum, detail, value.top);
- const val = sliderValue(xValue, yValue);
- fireSliderChange(spectrum, val);
- return val;
- };
- const moveBy = (direction, isVerticalMovement, spectrum, detail) => {
- const f = direction > 0 ? increaseBy : reduceBy;
- const xValue = isVerticalMovement ? currentValue(detail).x : f(currentValue(detail).x, minX(detail), maxX(detail), step(detail));
- const yValue = !isVerticalMovement ? currentValue(detail).y : f(currentValue(detail).y, minY(detail), maxY(detail), step(detail));
- fireSliderChange(spectrum, sliderValue(xValue, yValue));
- return Optional.some(xValue);
- };
- const handleMovement = (direction, isVerticalMovement) => (spectrum, detail) => moveBy(direction, isVerticalMovement, spectrum, detail).map(always);
- const setToMin = (spectrum, detail) => {
- const mX = minX(detail);
- const mY = minY(detail);
- fireSliderChange(spectrum, sliderValue(mX, mY));
- };
- const setToMax = (spectrum, detail) => {
- const mX = maxX(detail);
- const mY = maxY(detail);
- fireSliderChange(spectrum, sliderValue(mX, mY));
- };
- const getValueFromEvent = simulatedEvent => getEventSource(simulatedEvent);
- const setPositionFromValue = (slider, thumb, detail, edges) => {
- const value = currentValue(detail);
- const xPos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value.x, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
- const yPos = findPositionOfValue(slider, edges.getSpectrum(slider), value.y, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
- const thumbXRadius = get$c(thumb.element) / 2;
- const thumbYRadius = get$d(thumb.element) / 2;
- set$8(thumb.element, 'left', xPos - thumbXRadius + 'px');
- set$8(thumb.element, 'top', yPos - thumbYRadius + 'px');
- };
- const onLeft = handleMovement(-1, false);
- const onRight = handleMovement(1, false);
- const onUp = handleMovement(-1, true);
- const onDown = handleMovement(1, true);
- const edgeActions = {
- 'top-left': Optional.some(setToTLEdgeXY),
- 'top': Optional.some(setToTEdgeXY),
- 'top-right': Optional.some(setToTREdgeXY),
- 'right': Optional.some(setToREdgeXY),
- 'bottom-right': Optional.some(setToBREdgeXY),
- 'bottom': Optional.some(setToBEdgeXY),
- 'bottom-left': Optional.some(setToBLEdgeXY),
- 'left': Optional.some(setToLEdgeXY)
- };
- var TwoDModel = /*#__PURE__*/Object.freeze({
- __proto__: null,
- setValueFrom: setValueFrom,
- setToMin: setToMin,
- setToMax: setToMax,
- getValueFromEvent: getValueFromEvent,
- setPositionFromValue: setPositionFromValue,
- onLeft: onLeft,
- onRight: onRight,
- onUp: onUp,
- onDown: onDown,
- edgeActions: edgeActions
- });
- const SliderSchema = [
- defaulted('stepSize', 1),
- defaulted('onChange', noop),
- defaulted('onChoose', noop),
- defaulted('onInit', noop),
- defaulted('onDragStart', noop),
- defaulted('onDragEnd', noop),
- defaulted('snapToGrid', false),
- defaulted('rounded', true),
- option$3('snapStart'),
- requiredOf('model', choose$1('mode', {
- x: [
- defaulted('minX', 0),
- defaulted('maxX', 100),
- customField('value', spec => Cell(spec.mode.minX)),
- required$1('getInitialValue'),
- output$1('manager', HorizontalModel)
- ],
- y: [
- defaulted('minY', 0),
- defaulted('maxY', 100),
- customField('value', spec => Cell(spec.mode.minY)),
- required$1('getInitialValue'),
- output$1('manager', VerticalModel)
- ],
- xy: [
- defaulted('minX', 0),
- defaulted('maxX', 100),
- defaulted('minY', 0),
- defaulted('maxY', 100),
- customField('value', spec => Cell({
- x: spec.mode.minX,
- y: spec.mode.minY
- })),
- required$1('getInitialValue'),
- output$1('manager', TwoDModel)
- ]
- })),
- field('sliderBehaviours', [
- Keying,
- Representing
- ]),
- customField('mouseIsDown', () => Cell(false))
- ];
- const sketch$2 = (detail, components, _spec, _externals) => {
- const getThumb = component => getPartOrDie(component, detail, 'thumb');
- const getSpectrum = component => getPartOrDie(component, detail, 'spectrum');
- const getLeftEdge = component => getPart(component, detail, 'left-edge');
- const getRightEdge = component => getPart(component, detail, 'right-edge');
- const getTopEdge = component => getPart(component, detail, 'top-edge');
- const getBottomEdge = component => getPart(component, detail, 'bottom-edge');
- const modelDetail = detail.model;
- const model = modelDetail.manager;
- const refresh = (slider, thumb) => {
- model.setPositionFromValue(slider, thumb, detail, {
- getLeftEdge,
- getRightEdge,
- getTopEdge,
- getBottomEdge,
- getSpectrum
- });
- };
- const setValue = (slider, newValue) => {
- modelDetail.value.set(newValue);
- const thumb = getThumb(slider);
- refresh(slider, thumb);
- };
- const changeValue = (slider, newValue) => {
- setValue(slider, newValue);
- const thumb = getThumb(slider);
- detail.onChange(slider, thumb, newValue);
- return Optional.some(true);
- };
- const resetToMin = slider => {
- model.setToMin(slider, detail);
- };
- const resetToMax = slider => {
- model.setToMax(slider, detail);
- };
- const choose = slider => {
- const fireOnChoose = () => {
- getPart(slider, detail, 'thumb').each(thumb => {
- const value = modelDetail.value.get();
- detail.onChoose(slider, thumb, value);
- });
- };
- const wasDown = detail.mouseIsDown.get();
- detail.mouseIsDown.set(false);
- if (wasDown) {
- fireOnChoose();
- }
- };
- const onDragStart = (slider, simulatedEvent) => {
- simulatedEvent.stop();
- detail.mouseIsDown.set(true);
- detail.onDragStart(slider, getThumb(slider));
- };
- const onDragEnd = (slider, simulatedEvent) => {
- simulatedEvent.stop();
- detail.onDragEnd(slider, getThumb(slider));
- choose(slider);
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components,
- behaviours: augment(detail.sliderBehaviours, [
- Keying.config({
- mode: 'special',
- focusIn: slider => {
- return getPart(slider, detail, 'spectrum').map(Keying.focusIn).map(always);
- }
- }),
- Representing.config({
- store: {
- mode: 'manual',
- getValue: _ => {
- return modelDetail.value.get();
- },
- setValue
- }
- }),
- Receiving.config({ channels: { [mouseReleased()]: { onReceive: choose } } })
- ]),
- events: derive$2([
- run$1(sliderChangeEvent(), (slider, simulatedEvent) => {
- changeValue(slider, simulatedEvent.event.value);
- }),
- runOnAttached((slider, _simulatedEvent) => {
- const getInitial = modelDetail.getInitialValue();
- modelDetail.value.set(getInitial);
- const thumb = getThumb(slider);
- refresh(slider, thumb);
- const spectrum = getSpectrum(slider);
- detail.onInit(slider, thumb, spectrum, modelDetail.value.get());
- }),
- run$1(touchstart(), onDragStart),
- run$1(touchend(), onDragEnd),
- run$1(mousedown(), onDragStart),
- run$1(mouseup(), onDragEnd)
- ]),
- apis: {
- resetToMin,
- resetToMax,
- setValue,
- refresh
- },
- domModification: { styles: { position: 'relative' } }
- };
- };
- const Slider = composite({
- name: 'Slider',
- configFields: SliderSchema,
- partFields: SliderParts,
- factory: sketch$2,
- apis: {
- setValue: (apis, slider, value) => {
- apis.setValue(slider, value);
- },
- resetToMin: (apis, slider) => {
- apis.resetToMin(slider);
- },
- resetToMax: (apis, slider) => {
- apis.resetToMax(slider);
- },
- refresh: (apis, slider) => {
- apis.refresh(slider);
- }
- }
- });
- const fieldsUpdate = generate$6('rgb-hex-update');
- const sliderUpdate = generate$6('slider-update');
- const paletteUpdate = generate$6('palette-update');
- const sliderFactory = (translate, getClass) => {
- const spectrum = Slider.parts.spectrum({
- dom: {
- tag: 'div',
- classes: [getClass('hue-slider-spectrum')],
- attributes: { role: 'presentation' }
- }
- });
- const thumb = Slider.parts.thumb({
- dom: {
- tag: 'div',
- classes: [getClass('hue-slider-thumb')],
- attributes: { role: 'presentation' }
- }
- });
- return Slider.sketch({
- dom: {
- tag: 'div',
- classes: [getClass('hue-slider')],
- attributes: { role: 'presentation' }
- },
- rounded: false,
- model: {
- mode: 'y',
- getInitialValue: constant$1(0)
- },
- components: [
- spectrum,
- thumb
- ],
- sliderBehaviours: derive$1([Focusing.config({})]),
- onChange: (slider, _thumb, value) => {
- emitWith(slider, sliderUpdate, { value });
- }
- });
- };
- const owner$1 = 'form';
- const schema$i = [field('formBehaviours', [Representing])];
- const getPartName$1 = name => '<alloy.field.' + name + '>';
- const sketch$1 = fSpec => {
- const parts = (() => {
- const record = [];
- const field = (name, config) => {
- record.push(name);
- return generateOne$1(owner$1, getPartName$1(name), config);
- };
- return {
- field,
- record: constant$1(record)
- };
- })();
- const spec = fSpec(parts);
- const partNames = parts.record();
- const fieldParts = map$2(partNames, n => required({
- name: n,
- pname: getPartName$1(n)
- }));
- return composite$1(owner$1, schema$i, fieldParts, make$4, spec);
- };
- const toResult = (o, e) => o.fold(() => Result.error(e), Result.value);
- const make$4 = (detail, components) => ({
- uid: detail.uid,
- dom: detail.dom,
- components,
- behaviours: augment(detail.formBehaviours, [Representing.config({
- store: {
- mode: 'manual',
- getValue: form => {
- const resPs = getAllParts(form, detail);
- return map$1(resPs, (resPThunk, pName) => resPThunk().bind(v => {
- const opt = Composing.getCurrent(v);
- return toResult(opt, new Error(`Cannot find a current component to extract the value from for form part '${ pName }': ` + element(v.element)));
- }).map(Representing.getValue));
- },
- setValue: (form, values) => {
- each(values, (newValue, key) => {
- getPart(form, detail, key).each(wrapper => {
- Composing.getCurrent(wrapper).each(field => {
- Representing.setValue(field, newValue);
- });
- });
- });
- }
- }
- })]),
- apis: {
- getField: (form, key) => {
- return getPart(form, detail, key).bind(Composing.getCurrent);
- }
- }
- });
- const Form = {
- getField: makeApi((apis, component, key) => apis.getField(component, key)),
- sketch: sketch$1
- };
- const validInput = generate$6('valid-input');
- const invalidInput = generate$6('invalid-input');
- const validatingInput = generate$6('validating-input');
- const translatePrefix = 'colorcustom.rgb.';
- const rgbFormFactory = (translate, getClass, onValidHexx, onInvalidHexx) => {
- const invalidation = (label, isValid) => Invalidating.config({
- invalidClass: getClass('invalid'),
- notify: {
- onValidate: comp => {
- emitWith(comp, validatingInput, { type: label });
- },
- onValid: comp => {
- emitWith(comp, validInput, {
- type: label,
- value: Representing.getValue(comp)
- });
- },
- onInvalid: comp => {
- emitWith(comp, invalidInput, {
- type: label,
- value: Representing.getValue(comp)
- });
- }
- },
- validator: {
- validate: comp => {
- const value = Representing.getValue(comp);
- const res = isValid(value) ? Result.value(true) : Result.error(translate('aria.input.invalid'));
- return Future.pure(res);
- },
- validateOnLoad: false
- }
- });
- const renderTextField = (isValid, name, label, description, data) => {
- const helptext = translate(translatePrefix + 'range');
- const pLabel = FormField.parts.label({
- dom: {
- tag: 'label',
- attributes: { 'aria-label': description }
- },
- components: [text$1(label)]
- });
- const pField = FormField.parts.field({
- data,
- factory: Input,
- inputAttributes: {
- type: 'text',
- ...name === 'hex' ? { 'aria-live': 'polite' } : {}
- },
- inputClasses: [getClass('textfield')],
- inputBehaviours: derive$1([
- invalidation(name, isValid),
- Tabstopping.config({})
- ]),
- onSetValue: input => {
- if (Invalidating.isInvalid(input)) {
- const run = Invalidating.run(input);
- run.get(noop);
- }
- }
- });
- const comps = [
- pLabel,
- pField
- ];
- const concats = name !== 'hex' ? [FormField.parts['aria-descriptor']({ text: helptext })] : [];
- const components = comps.concat(concats);
- return {
- dom: {
- tag: 'div',
- attributes: { role: 'presentation' }
- },
- components
- };
- };
- const copyRgbToHex = (form, rgba) => {
- const hex = fromRgba(rgba);
- Form.getField(form, 'hex').each(hexField => {
- if (!Focusing.isFocused(hexField)) {
- Representing.setValue(form, { hex: hex.value });
- }
- });
- return hex;
- };
- const copyRgbToForm = (form, rgb) => {
- const red = rgb.red;
- const green = rgb.green;
- const blue = rgb.blue;
- Representing.setValue(form, {
- red,
- green,
- blue
- });
- };
- const memPreview = record({
- dom: {
- tag: 'div',
- classes: [getClass('rgba-preview')],
- styles: { 'background-color': 'white' },
- attributes: { role: 'presentation' }
- }
- });
- const updatePreview = (anyInSystem, hex) => {
- memPreview.getOpt(anyInSystem).each(preview => {
- set$8(preview.element, 'background-color', '#' + hex.value);
- });
- };
- const factory = () => {
- const state = {
- red: Cell(Optional.some(255)),
- green: Cell(Optional.some(255)),
- blue: Cell(Optional.some(255)),
- hex: Cell(Optional.some('ffffff'))
- };
- const copyHexToRgb = (form, hex) => {
- const rgb = fromHex(hex);
- copyRgbToForm(form, rgb);
- setValueRgb(rgb);
- };
- const get = prop => state[prop].get();
- const set = (prop, value) => {
- state[prop].set(value);
- };
- const getValueRgb = () => get('red').bind(red => get('green').bind(green => get('blue').map(blue => rgbaColour(red, green, blue, 1))));
- const setValueRgb = rgb => {
- const red = rgb.red;
- const green = rgb.green;
- const blue = rgb.blue;
- set('red', Optional.some(red));
- set('green', Optional.some(green));
- set('blue', Optional.some(blue));
- };
- const onInvalidInput = (form, simulatedEvent) => {
- const data = simulatedEvent.event;
- if (data.type !== 'hex') {
- set(data.type, Optional.none());
- } else {
- onInvalidHexx(form);
- }
- };
- const onValidHex = (form, value) => {
- onValidHexx(form);
- const hex = hexColour(value);
- set('hex', Optional.some(value));
- const rgb = fromHex(hex);
- copyRgbToForm(form, rgb);
- setValueRgb(rgb);
- emitWith(form, fieldsUpdate, { hex });
- updatePreview(form, hex);
- };
- const onValidRgb = (form, prop, value) => {
- const val = parseInt(value, 10);
- set(prop, Optional.some(val));
- getValueRgb().each(rgb => {
- const hex = copyRgbToHex(form, rgb);
- emitWith(form, fieldsUpdate, { hex });
- updatePreview(form, hex);
- });
- };
- const isHexInputEvent = data => data.type === 'hex';
- const onValidInput = (form, simulatedEvent) => {
- const data = simulatedEvent.event;
- if (isHexInputEvent(data)) {
- onValidHex(form, data.value);
- } else {
- onValidRgb(form, data.type, data.value);
- }
- };
- const formPartStrings = key => ({
- label: translate(translatePrefix + key + '.label'),
- description: translate(translatePrefix + key + '.description')
- });
- const redStrings = formPartStrings('red');
- const greenStrings = formPartStrings('green');
- const blueStrings = formPartStrings('blue');
- const hexStrings = formPartStrings('hex');
- return deepMerge(Form.sketch(parts => ({
- dom: {
- tag: 'form',
- classes: [getClass('rgb-form')],
- attributes: { 'aria-label': translate('aria.color.picker') }
- },
- components: [
- parts.field('red', FormField.sketch(renderTextField(isRgbaComponent, 'red', redStrings.label, redStrings.description, 255))),
- parts.field('green', FormField.sketch(renderTextField(isRgbaComponent, 'green', greenStrings.label, greenStrings.description, 255))),
- parts.field('blue', FormField.sketch(renderTextField(isRgbaComponent, 'blue', blueStrings.label, blueStrings.description, 255))),
- parts.field('hex', FormField.sketch(renderTextField(isHexString, 'hex', hexStrings.label, hexStrings.description, 'ffffff'))),
- memPreview.asSpec()
- ],
- formBehaviours: derive$1([
- Invalidating.config({ invalidClass: getClass('form-invalid') }),
- config('rgb-form-events', [
- run$1(validInput, onValidInput),
- run$1(invalidInput, onInvalidInput),
- run$1(validatingInput, onInvalidInput)
- ])
- ])
- })), {
- apis: {
- updateHex: (form, hex) => {
- Representing.setValue(form, { hex: hex.value });
- copyHexToRgb(form, hex);
- updatePreview(form, hex);
- }
- }
- });
- };
- const rgbFormSketcher = single({
- factory,
- name: 'RgbForm',
- configFields: [],
- apis: {
- updateHex: (apis, form, hex) => {
- apis.updateHex(form, hex);
- }
- },
- extraApis: {}
- });
- return rgbFormSketcher;
- };
- const paletteFactory = (_translate, getClass) => {
- const spectrumPart = Slider.parts.spectrum({
- dom: {
- tag: 'canvas',
- attributes: { role: 'presentation' },
- classes: [getClass('sv-palette-spectrum')]
- }
- });
- const thumbPart = Slider.parts.thumb({
- dom: {
- tag: 'div',
- attributes: { role: 'presentation' },
- classes: [getClass('sv-palette-thumb')],
- innerHtml: `<div class=${ getClass('sv-palette-inner-thumb') } role="presentation"></div>`
- }
- });
- const setColour = (canvas, rgba) => {
- const {width, height} = canvas;
- const ctx = canvas.getContext('2d');
- if (ctx === null) {
- return;
- }
- ctx.fillStyle = rgba;
- ctx.fillRect(0, 0, width, height);
- const grdWhite = ctx.createLinearGradient(0, 0, width, 0);
- grdWhite.addColorStop(0, 'rgba(255,255,255,1)');
- grdWhite.addColorStop(1, 'rgba(255,255,255,0)');
- ctx.fillStyle = grdWhite;
- ctx.fillRect(0, 0, width, height);
- const grdBlack = ctx.createLinearGradient(0, 0, 0, height);
- grdBlack.addColorStop(0, 'rgba(0,0,0,0)');
- grdBlack.addColorStop(1, 'rgba(0,0,0,1)');
- ctx.fillStyle = grdBlack;
- ctx.fillRect(0, 0, width, height);
- };
- const setPaletteHue = (slider, hue) => {
- const canvas = slider.components()[0].element.dom;
- const hsv = hsvColour(hue, 100, 100);
- const rgba = fromHsv(hsv);
- setColour(canvas, toString(rgba));
- };
- const setPaletteThumb = (slider, hex) => {
- const hsv = fromRgb(fromHex(hex));
- Slider.setValue(slider, {
- x: hsv.saturation,
- y: 100 - hsv.value
- });
- };
- const factory = _detail => {
- const getInitialValue = constant$1({
- x: 0,
- y: 0
- });
- const onChange = (slider, _thumb, value) => {
- emitWith(slider, paletteUpdate, { value });
- };
- const onInit = (_slider, _thumb, spectrum, _value) => {
- setColour(spectrum.element.dom, toString(red));
- };
- const sliderBehaviours = derive$1([
- Composing.config({ find: Optional.some }),
- Focusing.config({})
- ]);
- return Slider.sketch({
- dom: {
- tag: 'div',
- attributes: { role: 'presentation' },
- classes: [getClass('sv-palette')]
- },
- model: {
- mode: 'xy',
- getInitialValue
- },
- rounded: false,
- components: [
- spectrumPart,
- thumbPart
- ],
- onChange,
- onInit,
- sliderBehaviours
- });
- };
- const saturationBrightnessPaletteSketcher = single({
- factory,
- name: 'SaturationBrightnessPalette',
- configFields: [],
- apis: {
- setHue: (_apis, slider, hue) => {
- setPaletteHue(slider, hue);
- },
- setThumb: (_apis, slider, hex) => {
- setPaletteThumb(slider, hex);
- }
- },
- extraApis: {}
- });
- return saturationBrightnessPaletteSketcher;
- };
- const makeFactory = (translate, getClass) => {
- const factory = detail => {
- const rgbForm = rgbFormFactory(translate, getClass, detail.onValidHex, detail.onInvalidHex);
- const sbPalette = paletteFactory(translate, getClass);
- const hueSliderToDegrees = hue => (100 - hue) / 100 * 360;
- const hueDegreesToSlider = hue => 100 - hue / 360 * 100;
- const state = {
- paletteRgba: Cell(red),
- paletteHue: Cell(0)
- };
- const memSlider = record(sliderFactory(translate, getClass));
- const memPalette = record(sbPalette.sketch({}));
- const memRgb = record(rgbForm.sketch({}));
- const updatePalette = (anyInSystem, _hex, hue) => {
- memPalette.getOpt(anyInSystem).each(palette => {
- sbPalette.setHue(palette, hue);
- });
- };
- const updateFields = (anyInSystem, hex) => {
- memRgb.getOpt(anyInSystem).each(form => {
- rgbForm.updateHex(form, hex);
- });
- };
- const updateSlider = (anyInSystem, _hex, hue) => {
- memSlider.getOpt(anyInSystem).each(slider => {
- Slider.setValue(slider, hueDegreesToSlider(hue));
- });
- };
- const updatePaletteThumb = (anyInSystem, hex) => {
- memPalette.getOpt(anyInSystem).each(palette => {
- sbPalette.setThumb(palette, hex);
- });
- };
- const updateState = (hex, hue) => {
- const rgba = fromHex(hex);
- state.paletteRgba.set(rgba);
- state.paletteHue.set(hue);
- };
- const runUpdates = (anyInSystem, hex, hue, updates) => {
- updateState(hex, hue);
- each$1(updates, update => {
- update(anyInSystem, hex, hue);
- });
- };
- const onPaletteUpdate = () => {
- const updates = [updateFields];
- return (form, simulatedEvent) => {
- const value = simulatedEvent.event.value;
- const oldHue = state.paletteHue.get();
- const newHsv = hsvColour(oldHue, value.x, 100 - value.y);
- const newHex = hsvToHex(newHsv);
- runUpdates(form, newHex, oldHue, updates);
- };
- };
- const onSliderUpdate = () => {
- const updates = [
- updatePalette,
- updateFields
- ];
- return (form, simulatedEvent) => {
- const hue = hueSliderToDegrees(simulatedEvent.event.value);
- const oldRgb = state.paletteRgba.get();
- const oldHsv = fromRgb(oldRgb);
- const newHsv = hsvColour(hue, oldHsv.saturation, oldHsv.value);
- const newHex = hsvToHex(newHsv);
- runUpdates(form, newHex, hue, updates);
- };
- };
- const onFieldsUpdate = () => {
- const updates = [
- updatePalette,
- updateSlider,
- updatePaletteThumb
- ];
- return (form, simulatedEvent) => {
- const hex = simulatedEvent.event.hex;
- const hsv = hexToHsv(hex);
- runUpdates(form, hex, hsv.hue, updates);
- };
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components: [
- memPalette.asSpec(),
- memSlider.asSpec(),
- memRgb.asSpec()
- ],
- behaviours: derive$1([
- config('colour-picker-events', [
- run$1(fieldsUpdate, onFieldsUpdate()),
- run$1(paletteUpdate, onPaletteUpdate()),
- run$1(sliderUpdate, onSliderUpdate())
- ]),
- Composing.config({ find: comp => memRgb.getOpt(comp) }),
- Keying.config({ mode: 'acyclic' })
- ])
- };
- };
- const colourPickerSketcher = single({
- name: 'ColourPicker',
- configFields: [
- required$1('dom'),
- defaulted('onValidHex', noop),
- defaulted('onInvalidHex', noop)
- ],
- factory
- });
- return colourPickerSketcher;
- };
- const self = () => Composing.config({ find: Optional.some });
- const memento$1 = mem => Composing.config({ find: mem.getOpt });
- const childAt = index => Composing.config({ find: comp => child$2(comp.element, index).bind(element => comp.getSystem().getByDom(element).toOptional()) });
- const ComposingConfigs = {
- self,
- memento: memento$1,
- childAt
- };
- const processors = objOf([
- defaulted('preprocess', identity),
- defaulted('postprocess', identity)
- ]);
- const memento = (mem, rawProcessors) => {
- const ps = asRawOrDie$1('RepresentingConfigs.memento processors', processors, rawProcessors);
- return Representing.config({
- store: {
- mode: 'manual',
- getValue: comp => {
- const other = mem.get(comp);
- const rawValue = Representing.getValue(other);
- return ps.postprocess(rawValue);
- },
- setValue: (comp, rawValue) => {
- const newValue = ps.preprocess(rawValue);
- const other = mem.get(comp);
- Representing.setValue(other, newValue);
- }
- }
- });
- };
- const withComp = (optInitialValue, getter, setter) => Representing.config({
- store: {
- mode: 'manual',
- ...optInitialValue.map(initialValue => ({ initialValue })).getOr({}),
- getValue: getter,
- setValue: setter
- }
- });
- const withElement = (initialValue, getter, setter) => withComp(initialValue, c => getter(c.element), (c, v) => setter(c.element, v));
- const domValue = optInitialValue => withElement(optInitialValue, get$6, set$5);
- const domHtml = optInitialValue => withElement(optInitialValue, get$9, set$6);
- const memory = initialValue => Representing.config({
- store: {
- mode: 'memory',
- initialValue
- }
- });
- const RepresentingConfigs = {
- memento,
- withElement,
- withComp,
- domValue,
- domHtml,
- memory
- };
- const english = {
- 'colorcustom.rgb.red.label': 'R',
- 'colorcustom.rgb.red.description': 'Red component',
- 'colorcustom.rgb.green.label': 'G',
- 'colorcustom.rgb.green.description': 'Green component',
- 'colorcustom.rgb.blue.label': 'B',
- 'colorcustom.rgb.blue.description': 'Blue component',
- 'colorcustom.rgb.hex.label': '#',
- 'colorcustom.rgb.hex.description': 'Hex color code',
- 'colorcustom.rgb.range': 'Range 0 to 255',
- 'aria.color.picker': 'Color Picker',
- 'aria.input.invalid': 'Invalid input'
- };
- const translate$1 = providerBackstage => key => {
- return providerBackstage.translate(english[key]);
- };
- const renderColorPicker = (_spec, providerBackstage, initialData) => {
- const getClass = key => 'tox-' + key;
- const colourPickerFactory = makeFactory(translate$1(providerBackstage), getClass);
- const onValidHex = form => {
- emitWith(form, formActionEvent, {
- name: 'hex-valid',
- value: true
- });
- };
- const onInvalidHex = form => {
- emitWith(form, formActionEvent, {
- name: 'hex-valid',
- value: false
- });
- };
- const memPicker = record(colourPickerFactory.sketch({
- dom: {
- tag: 'div',
- classes: [getClass('color-picker-container')],
- attributes: { role: 'presentation' }
- },
- onValidHex,
- onInvalidHex
- }));
- return {
- dom: { tag: 'div' },
- components: [memPicker.asSpec()],
- behaviours: derive$1([
- RepresentingConfigs.withComp(initialData, comp => {
- const picker = memPicker.get(comp);
- const optRgbForm = Composing.getCurrent(picker);
- const optHex = optRgbForm.bind(rgbForm => {
- const formValues = Representing.getValue(rgbForm);
- return formValues.hex;
- });
- return optHex.map(hex => '#' + hex).getOr('');
- }, (comp, newValue) => {
- const pattern = /^#([a-fA-F0-9]{3}(?:[a-fA-F0-9]{3})?)/;
- const m = pattern.exec(newValue);
- const picker = memPicker.get(comp);
- const optRgbForm = Composing.getCurrent(picker);
- optRgbForm.fold(() => {
- console.log('Can not find form');
- }, rgbForm => {
- Representing.setValue(rgbForm, { hex: Optional.from(m[1]).getOr('') });
- Form.getField(rgbForm, 'hex').each(hexField => {
- emit(hexField, input());
- });
- });
- }),
- ComposingConfigs.self()
- ])
- };
- };
- var global$2 = tinymce.util.Tools.resolve('tinymce.Resource');
- const isOldCustomEditor = spec => has$2(spec, 'init');
- const renderCustomEditor = spec => {
- const editorApi = value$2();
- const memReplaced = record({ dom: { tag: spec.tag } });
- const initialValue = value$2();
- return {
- dom: {
- tag: 'div',
- classes: ['tox-custom-editor']
- },
- behaviours: derive$1([
- config('custom-editor-events', [runOnAttached(component => {
- memReplaced.getOpt(component).each(ta => {
- (isOldCustomEditor(spec) ? spec.init(ta.element.dom) : global$2.load(spec.scriptId, spec.scriptUrl).then(init => init(ta.element.dom, spec.settings))).then(ea => {
- initialValue.on(cvalue => {
- ea.setValue(cvalue);
- });
- initialValue.clear();
- editorApi.set(ea);
- });
- });
- })]),
- RepresentingConfigs.withComp(Optional.none(), () => editorApi.get().fold(() => initialValue.get().getOr(''), ed => ed.getValue()), (component, value) => {
- editorApi.get().fold(() => initialValue.set(value), ed => ed.setValue(value));
- }),
- ComposingConfigs.self()
- ]),
- components: [memReplaced.asSpec()]
- };
- };
- var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
- const filterByExtension = (files, providersBackstage) => {
- const allowedImageFileTypes = global$1.explode(providersBackstage.getOption('images_file_types'));
- const isFileInAllowedTypes = file => exists(allowedImageFileTypes, type => endsWith(file.name.toLowerCase(), `.${ type.toLowerCase() }`));
- return filter$2(from(files), isFileInAllowedTypes);
- };
- const renderDropZone = (spec, providersBackstage, initialData) => {
- const stopper = (_, se) => {
- se.stop();
- };
- const sequence = actions => (comp, se) => {
- each$1(actions, a => {
- a(comp, se);
- });
- };
- const onDrop = (comp, se) => {
- if (!Disabling.isDisabled(comp)) {
- const transferEvent = se.event.raw;
- handleFiles(comp, transferEvent.dataTransfer.files);
- }
- };
- const onSelect = (component, simulatedEvent) => {
- const input = simulatedEvent.event.raw.target;
- handleFiles(component, input.files);
- };
- const handleFiles = (component, files) => {
- Representing.setValue(component, filterByExtension(files, providersBackstage));
- emitWith(component, formChangeEvent, { name: spec.name });
- };
- const memInput = record({
- dom: {
- tag: 'input',
- attributes: {
- type: 'file',
- accept: 'image/*'
- },
- styles: { display: 'none' }
- },
- behaviours: derive$1([config('input-file-events', [
- cutter(click()),
- cutter(tap())
- ])])
- });
- const renderField = s => ({
- uid: s.uid,
- dom: {
- tag: 'div',
- classes: ['tox-dropzone-container']
- },
- behaviours: derive$1([
- RepresentingConfigs.memory(initialData.getOr([])),
- ComposingConfigs.self(),
- Disabling.config({}),
- Toggling.config({
- toggleClass: 'dragenter',
- toggleOnExecute: false
- }),
- config('dropzone-events', [
- run$1('dragenter', sequence([
- stopper,
- Toggling.toggle
- ])),
- run$1('dragleave', sequence([
- stopper,
- Toggling.toggle
- ])),
- run$1('dragover', stopper),
- run$1('drop', sequence([
- stopper,
- onDrop
- ])),
- run$1(change(), onSelect)
- ])
- ]),
- components: [{
- dom: {
- tag: 'div',
- classes: ['tox-dropzone'],
- styles: {}
- },
- components: [
- {
- dom: { tag: 'p' },
- components: [text$1(providersBackstage.translate('Drop an image here'))]
- },
- Button.sketch({
- dom: {
- tag: 'button',
- styles: { position: 'relative' },
- classes: [
- 'tox-button',
- 'tox-button--secondary'
- ]
- },
- components: [
- text$1(providersBackstage.translate('Browse for an image')),
- memInput.asSpec()
- ],
- action: comp => {
- const inputComp = memInput.get(comp);
- inputComp.element.dom.click();
- },
- buttonBehaviours: derive$1([
- Tabstopping.config({}),
- DisablingConfigs.button(providersBackstage.isDisabled),
- receivingConfig()
- ])
- })
- ]
- }]
- });
- const pLabel = spec.label.map(label => renderLabel$2(label, providersBackstage));
- const pField = FormField.parts.field({ factory: { sketch: renderField } });
- return renderFormFieldWith(pLabel, pField, ['tox-form__group--stretched'], []);
- };
- const renderGrid = (spec, backstage) => ({
- dom: {
- tag: 'div',
- classes: [
- 'tox-form__grid',
- `tox-form__grid--${ spec.columns }col`
- ]
- },
- components: map$2(spec.items, backstage.interpreter)
- });
- const beforeObject = generate$6('alloy-fake-before-tabstop');
- const afterObject = generate$6('alloy-fake-after-tabstop');
- const craftWithClasses = classes => {
- return {
- dom: {
- tag: 'div',
- styles: {
- width: '1px',
- height: '1px',
- outline: 'none'
- },
- attributes: { tabindex: '0' },
- classes
- },
- behaviours: derive$1([
- Focusing.config({ ignore: true }),
- Tabstopping.config({})
- ])
- };
- };
- const craft = spec => {
- return {
- dom: {
- tag: 'div',
- classes: ['tox-navobj']
- },
- components: [
- craftWithClasses([beforeObject]),
- spec,
- craftWithClasses([afterObject])
- ],
- behaviours: derive$1([ComposingConfigs.childAt(1)])
- };
- };
- const triggerTab = (placeholder, shiftKey) => {
- emitWith(placeholder, keydown(), {
- raw: {
- which: 9,
- shiftKey
- }
- });
- };
- const onFocus = (container, targetComp) => {
- const target = targetComp.element;
- if (has(target, beforeObject)) {
- triggerTab(container, true);
- } else if (has(target, afterObject)) {
- triggerTab(container, false);
- }
- };
- const isPseudoStop = element => {
- return closest(element, [
- '.' + beforeObject,
- '.' + afterObject
- ].join(','), never);
- };
- const getDynamicSource = initialData => {
- const cachedValue = Cell(initialData.getOr(''));
- return {
- getValue: _frameComponent => cachedValue.get(),
- setValue: (frameComponent, html) => {
- if (cachedValue.get() !== html) {
- set$9(frameComponent.element, 'srcdoc', html);
- }
- cachedValue.set(html);
- }
- };
- };
- const renderIFrame = (spec, providersBackstage, initialData) => {
- const isSandbox = spec.sandboxed;
- const attributes = {
- ...spec.label.map(title => ({ title })).getOr({}),
- ...initialData.map(html => ({ srcdoc: html })).getOr({}),
- ...isSandbox ? { sandbox: 'allow-scripts allow-same-origin' } : {}
- };
- const sourcing = getDynamicSource(initialData);
- const pLabel = spec.label.map(label => renderLabel$2(label, providersBackstage));
- const factory = newSpec => craft({
- uid: newSpec.uid,
- dom: {
- tag: 'iframe',
- attributes
- },
- behaviours: derive$1([
- Tabstopping.config({}),
- Focusing.config({}),
- RepresentingConfigs.withComp(initialData, sourcing.getValue, sourcing.setValue)
- ])
- });
- const pField = FormField.parts.field({ factory: { sketch: factory } });
- return renderFormFieldWith(pLabel, pField, ['tox-form__group--stretched'], []);
- };
- const image = image => new Promise((resolve, reject) => {
- const loaded = () => {
- destroy();
- resolve(image);
- };
- const listeners = [
- bind(image, 'load', loaded),
- bind(image, 'error', () => {
- destroy();
- reject('Unable to load data from image: ' + image.dom.src);
- })
- ];
- const destroy = () => each$1(listeners, l => l.unbind());
- if (image.dom.complete) {
- loaded();
- }
- });
- const calculateImagePosition = (panelWidth, panelHeight, imageWidth, imageHeight, zoom) => {
- const width = imageWidth * zoom;
- const height = imageHeight * zoom;
- const left = Math.max(0, panelWidth / 2 - width / 2);
- const top = Math.max(0, panelHeight / 2 - height / 2);
- return {
- left: left.toString() + 'px',
- top: top.toString() + 'px',
- width: width.toString() + 'px',
- height: height.toString() + 'px'
- };
- };
- const zoomToFit = (panel, width, height) => {
- const panelW = get$c(panel);
- const panelH = get$d(panel);
- return Math.min(panelW / width, panelH / height, 1);
- };
- const renderImagePreview = (spec, initialData) => {
- const cachedData = Cell(initialData.getOr({ url: '' }));
- const memImage = record({
- dom: {
- tag: 'img',
- classes: ['tox-imagepreview__image'],
- attributes: initialData.map(data => ({ src: data.url })).getOr({})
- }
- });
- const memContainer = record({
- dom: {
- tag: 'div',
- classes: ['tox-imagepreview__container'],
- attributes: { role: 'presentation' }
- },
- components: [memImage.asSpec()]
- });
- const setValue = (frameComponent, data) => {
- const translatedData = { url: data.url };
- data.zoom.each(z => translatedData.zoom = z);
- data.cachedWidth.each(z => translatedData.cachedWidth = z);
- data.cachedHeight.each(z => translatedData.cachedHeight = z);
- cachedData.set(translatedData);
- const applyFramePositioning = () => {
- const imageWidth = translatedData.cachedWidth;
- const imageHeight = translatedData.cachedHeight;
- if (isUndefined(translatedData.zoom)) {
- const z = zoomToFit(frameComponent.element, imageWidth, imageHeight);
- translatedData.zoom = z;
- }
- const position = calculateImagePosition(get$c(frameComponent.element), get$d(frameComponent.element), imageWidth, imageHeight, translatedData.zoom);
- memContainer.getOpt(frameComponent).each(container => {
- setAll(container.element, position);
- });
- };
- memImage.getOpt(frameComponent).each(imageComponent => {
- const img = imageComponent.element;
- if (data.url !== get$f(img, 'src')) {
- set$9(img, 'src', data.url);
- remove$2(frameComponent.element, 'tox-imagepreview__loaded');
- }
- if (!isUndefined(translatedData.cachedWidth) && !isUndefined(translatedData.cachedHeight)) {
- applyFramePositioning();
- }
- image(img).then(img => {
- if (frameComponent.getSystem().isConnected()) {
- add$2(frameComponent.element, 'tox-imagepreview__loaded');
- translatedData.cachedWidth = img.dom.naturalWidth;
- translatedData.cachedHeight = img.dom.naturalHeight;
- applyFramePositioning();
- }
- });
- });
- };
- const styles = {};
- spec.height.each(h => styles.height = h);
- const fakeValidatedData = initialData.map(d => ({
- url: d.url,
- zoom: Optional.from(d.zoom),
- cachedWidth: Optional.from(d.cachedWidth),
- cachedHeight: Optional.from(d.cachedHeight)
- }));
- return {
- dom: {
- tag: 'div',
- classes: ['tox-imagepreview'],
- styles,
- attributes: { role: 'presentation' }
- },
- components: [memContainer.asSpec()],
- behaviours: derive$1([
- ComposingConfigs.self(),
- RepresentingConfigs.withComp(fakeValidatedData, () => cachedData.get(), setValue)
- ])
- };
- };
- const renderLabel$1 = (spec, backstageShared) => {
- const label = {
- dom: {
- tag: 'label',
- classes: ['tox-label']
- },
- components: [text$1(backstageShared.providers.translate(spec.label))]
- };
- const comps = map$2(spec.items, backstageShared.interpreter);
- return {
- dom: {
- tag: 'div',
- classes: ['tox-form__group']
- },
- components: [
- label,
- ...comps
- ],
- behaviours: derive$1([
- ComposingConfigs.self(),
- Replacing.config({}),
- RepresentingConfigs.domHtml(Optional.none()),
- Keying.config({ mode: 'acyclic' })
- ])
- };
- };
- const internalToolbarButtonExecute = generate$6('toolbar.button.execute');
- const onToolbarButtonExecute = info => runOnExecute$1((comp, _simulatedEvent) => {
- runWithApi(info, comp)(itemApi => {
- emitWith(comp, internalToolbarButtonExecute, { buttonApi: itemApi });
- info.onAction(itemApi);
- });
- });
- const toolbarButtonEventOrder = {
- [execute$5()]: [
- 'disabling',
- 'alloy.base.behaviour',
- 'toggling',
- 'toolbar-button-events'
- ]
- };
- const renderIcon = (iconName, iconsProvider, behaviours) => render$3(iconName, {
- tag: 'span',
- classes: [
- 'tox-icon',
- 'tox-tbtn__icon-wrap'
- ],
- behaviours
- }, iconsProvider);
- const renderIconFromPack = (iconName, iconsProvider) => renderIcon(iconName, iconsProvider, []);
- const renderReplacableIconFromPack = (iconName, iconsProvider) => renderIcon(iconName, iconsProvider, [Replacing.config({})]);
- const renderLabel = (text, prefix, providersBackstage) => ({
- dom: {
- tag: 'span',
- classes: [`${ prefix }__select-label`]
- },
- components: [text$1(providersBackstage.translate(text))],
- behaviours: derive$1([Replacing.config({})])
- });
- const updateMenuText = generate$6('update-menu-text');
- const updateMenuIcon = generate$6('update-menu-icon');
- const renderCommonDropdown = (spec, prefix, sharedBackstage) => {
- const editorOffCell = Cell(noop);
- const optMemDisplayText = spec.text.map(text => record(renderLabel(text, prefix, sharedBackstage.providers)));
- const optMemDisplayIcon = spec.icon.map(iconName => record(renderReplacableIconFromPack(iconName, sharedBackstage.providers.icons)));
- const onLeftOrRightInMenu = (comp, se) => {
- const dropdown = Representing.getValue(comp);
- Focusing.focus(dropdown);
- emitWith(dropdown, 'keydown', { raw: se.event.raw });
- Dropdown.close(dropdown);
- return Optional.some(true);
- };
- const role = spec.role.fold(() => ({}), role => ({ role }));
- const tooltipAttributes = spec.tooltip.fold(() => ({}), tooltip => {
- const translatedTooltip = sharedBackstage.providers.translate(tooltip);
- return {
- 'title': translatedTooltip,
- 'aria-label': translatedTooltip
- };
- });
- const iconSpec = render$3('chevron-down', {
- tag: 'div',
- classes: [`${ prefix }__select-chevron`]
- }, sharedBackstage.providers.icons);
- const memDropdown = record(Dropdown.sketch({
- ...spec.uid ? { uid: spec.uid } : {},
- ...role,
- dom: {
- tag: 'button',
- classes: [
- prefix,
- `${ prefix }--select`
- ].concat(map$2(spec.classes, c => `${ prefix }--${ c }`)),
- attributes: { ...tooltipAttributes }
- },
- components: componentRenderPipeline([
- optMemDisplayIcon.map(mem => mem.asSpec()),
- optMemDisplayText.map(mem => mem.asSpec()),
- Optional.some(iconSpec)
- ]),
- matchWidth: true,
- useMinWidth: true,
- dropdownBehaviours: derive$1([
- ...spec.dropdownBehaviours,
- DisablingConfigs.button(() => spec.disabled || sharedBackstage.providers.isDisabled()),
- receivingConfig(),
- Unselecting.config({}),
- Replacing.config({}),
- config('dropdown-events', [
- onControlAttached(spec, editorOffCell),
- onControlDetached(spec, editorOffCell)
- ]),
- config('menubutton-update-display-text', [
- run$1(updateMenuText, (comp, se) => {
- optMemDisplayText.bind(mem => mem.getOpt(comp)).each(displayText => {
- Replacing.set(displayText, [text$1(sharedBackstage.providers.translate(se.event.text))]);
- });
- }),
- run$1(updateMenuIcon, (comp, se) => {
- optMemDisplayIcon.bind(mem => mem.getOpt(comp)).each(displayIcon => {
- Replacing.set(displayIcon, [renderReplacableIconFromPack(se.event.icon, sharedBackstage.providers.icons)]);
- });
- })
- ])
- ]),
- eventOrder: deepMerge(toolbarButtonEventOrder, {
- mousedown: [
- 'focusing',
- 'alloy.base.behaviour',
- 'item-type-events',
- 'normal-dropdown-events'
- ]
- }),
- sandboxBehaviours: derive$1([Keying.config({
- mode: 'special',
- onLeft: onLeftOrRightInMenu,
- onRight: onLeftOrRightInMenu
- })]),
- lazySink: sharedBackstage.getSink,
- toggleClass: `${ prefix }--active`,
- parts: { menu: part(false, spec.columns, spec.presets) },
- fetch: comp => Future.nu(curry(spec.fetch, comp))
- }));
- return memDropdown.asSpec();
- };
- const isMenuItemReference = item => isString(item);
- const isSeparator$1 = item => item.type === 'separator';
- const isExpandingMenuItem = item => has$2(item, 'getSubmenuItems');
- const separator$2 = { type: 'separator' };
- const unwrapReferences = (items, menuItems) => {
- const realItems = foldl(items, (acc, item) => {
- if (isMenuItemReference(item)) {
- if (item === '') {
- return acc;
- } else if (item === '|') {
- return acc.length > 0 && !isSeparator$1(acc[acc.length - 1]) ? acc.concat([separator$2]) : acc;
- } else if (has$2(menuItems, item.toLowerCase())) {
- return acc.concat([menuItems[item.toLowerCase()]]);
- } else {
- return acc;
- }
- } else {
- return acc.concat([item]);
- }
- }, []);
- if (realItems.length > 0 && isSeparator$1(realItems[realItems.length - 1])) {
- realItems.pop();
- }
- return realItems;
- };
- const getFromExpandingItem = (item, menuItems) => {
- const submenuItems = item.getSubmenuItems();
- const rest = expand(submenuItems, menuItems);
- const newMenus = deepMerge(rest.menus, wrap$1(item.value, rest.items));
- const newExpansions = deepMerge(rest.expansions, wrap$1(item.value, item.value));
- return {
- item,
- menus: newMenus,
- expansions: newExpansions
- };
- };
- const getFromItem = (item, menuItems) => isExpandingMenuItem(item) ? getFromExpandingItem(item, menuItems) : {
- item,
- menus: {},
- expansions: {}
- };
- const generateValueIfRequired = item => {
- if (isSeparator$1(item)) {
- return item;
- } else {
- const itemValue = get$g(item, 'value').getOrThunk(() => generate$6('generated-menu-item'));
- return deepMerge({ value: itemValue }, item);
- }
- };
- const expand = (items, menuItems) => {
- const realItems = unwrapReferences(isString(items) ? items.split(' ') : items, menuItems);
- return foldr(realItems, (acc, item) => {
- const itemWithValue = generateValueIfRequired(item);
- const newData = getFromItem(itemWithValue, menuItems);
- return {
- menus: deepMerge(acc.menus, newData.menus),
- items: [newData.item].concat(acc.items),
- expansions: deepMerge(acc.expansions, newData.expansions)
- };
- }, {
- menus: {},
- expansions: {},
- items: []
- });
- };
- const build = (items, itemResponse, backstage, isHorizontalMenu) => {
- const primary = generate$6('primary-menu');
- const data = expand(items, backstage.shared.providers.menuItems());
- if (data.items.length === 0) {
- return Optional.none();
- }
- const mainMenu = createPartialMenu(primary, data.items, itemResponse, backstage, isHorizontalMenu);
- const submenus = map$1(data.menus, (menuItems, menuName) => createPartialMenu(menuName, menuItems, itemResponse, backstage, false));
- const menus = deepMerge(submenus, wrap$1(primary, mainMenu));
- return Optional.from(tieredMenu.tieredData(primary, menus, data.expansions));
- };
- const isSingleListItem = item => !has$2(item, 'items');
- const dataAttribute = 'data-value';
- const fetchItems = (dropdownComp, name, items, selectedValue) => map$2(items, item => {
- if (!isSingleListItem(item)) {
- return {
- type: 'nestedmenuitem',
- text: item.text,
- getSubmenuItems: () => fetchItems(dropdownComp, name, item.items, selectedValue)
- };
- } else {
- return {
- type: 'togglemenuitem',
- text: item.text,
- value: item.value,
- active: item.value === selectedValue,
- onAction: () => {
- Representing.setValue(dropdownComp, item.value);
- emitWith(dropdownComp, formChangeEvent, { name });
- Focusing.focus(dropdownComp);
- }
- };
- }
- });
- const findItemByValue = (items, value) => findMap(items, item => {
- if (!isSingleListItem(item)) {
- return findItemByValue(item.items, value);
- } else {
- return someIf(item.value === value, item);
- }
- });
- const renderListBox = (spec, backstage, initialData) => {
- const providersBackstage = backstage.shared.providers;
- const initialItem = initialData.bind(value => findItemByValue(spec.items, value)).orThunk(() => head(spec.items).filter(isSingleListItem));
- const pLabel = spec.label.map(label => renderLabel$2(label, providersBackstage));
- const pField = FormField.parts.field({
- dom: {},
- factory: {
- sketch: sketchSpec => renderCommonDropdown({
- uid: sketchSpec.uid,
- text: initialItem.map(item => item.text),
- icon: Optional.none(),
- tooltip: spec.label,
- role: Optional.none(),
- fetch: (comp, callback) => {
- const items = fetchItems(comp, spec.name, spec.items, Representing.getValue(comp));
- callback(build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false));
- },
- onSetup: constant$1(noop),
- getApi: constant$1({}),
- columns: 1,
- presets: 'normal',
- classes: [],
- dropdownBehaviours: [
- Tabstopping.config({}),
- RepresentingConfigs.withComp(initialItem.map(item => item.value), comp => get$f(comp.element, dataAttribute), (comp, data) => {
- findItemByValue(spec.items, data).each(item => {
- set$9(comp.element, dataAttribute, item.value);
- emitWith(comp, updateMenuText, { text: item.text });
- });
- })
- ]
- }, 'tox-listbox', backstage.shared)
- }
- });
- const listBoxWrap = {
- dom: {
- tag: 'div',
- classes: ['tox-listboxfield']
- },
- components: [pField]
- };
- return FormField.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-form__group']
- },
- components: flatten([
- pLabel.toArray(),
- [listBoxWrap]
- ]),
- fieldBehaviours: derive$1([Disabling.config({
- disabled: constant$1(!spec.enabled),
- onDisabled: comp => {
- FormField.getField(comp).each(Disabling.disable);
- },
- onEnabled: comp => {
- FormField.getField(comp).each(Disabling.enable);
- }
- })])
- });
- };
- const renderPanel = (spec, backstage) => ({
- dom: {
- tag: 'div',
- classes: spec.classes
- },
- components: map$2(spec.items, backstage.shared.interpreter)
- });
- const factory$f = (detail, _spec) => {
- const options = map$2(detail.options, option => ({
- dom: {
- tag: 'option',
- value: option.value,
- innerHtml: option.text
- }
- }));
- const initialValues = detail.data.map(v => wrap$1('initialValue', v)).getOr({});
- return {
- uid: detail.uid,
- dom: {
- tag: 'select',
- classes: detail.selectClasses,
- attributes: detail.selectAttributes
- },
- components: options,
- behaviours: augment(detail.selectBehaviours, [
- Focusing.config({}),
- Representing.config({
- store: {
- mode: 'manual',
- getValue: select => {
- return get$6(select.element);
- },
- setValue: (select, newValue) => {
- const found = find$5(detail.options, opt => opt.value === newValue);
- if (found.isSome()) {
- set$5(select.element, newValue);
- }
- },
- ...initialValues
- }
- })
- ])
- };
- };
- const HtmlSelect = single({
- name: 'HtmlSelect',
- configFields: [
- required$1('options'),
- field('selectBehaviours', [
- Focusing,
- Representing
- ]),
- defaulted('selectClasses', []),
- defaulted('selectAttributes', {}),
- option$3('data')
- ],
- factory: factory$f
- });
- const renderSelectBox = (spec, providersBackstage, initialData) => {
- const translatedOptions = map$2(spec.items, item => ({
- text: providersBackstage.translate(item.text),
- value: item.value
- }));
- const pLabel = spec.label.map(label => renderLabel$2(label, providersBackstage));
- const pField = FormField.parts.field({
- dom: {},
- ...initialData.map(data => ({ data })).getOr({}),
- selectAttributes: { size: spec.size },
- options: translatedOptions,
- factory: HtmlSelect,
- selectBehaviours: derive$1([
- Disabling.config({ disabled: () => !spec.enabled || providersBackstage.isDisabled() }),
- Tabstopping.config({}),
- config('selectbox-change', [run$1(change(), (component, _) => {
- emitWith(component, formChangeEvent, { name: spec.name });
- })])
- ])
- });
- const chevron = spec.size > 1 ? Optional.none() : Optional.some(render$3('chevron-down', {
- tag: 'div',
- classes: ['tox-selectfield__icon-js']
- }, providersBackstage.icons));
- const selectWrap = {
- dom: {
- tag: 'div',
- classes: ['tox-selectfield']
- },
- components: flatten([
- [pField],
- chevron.toArray()
- ])
- };
- return FormField.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-form__group']
- },
- components: flatten([
- pLabel.toArray(),
- [selectWrap]
- ]),
- fieldBehaviours: derive$1([
- Disabling.config({
- disabled: () => !spec.enabled || providersBackstage.isDisabled(),
- onDisabled: comp => {
- FormField.getField(comp).each(Disabling.disable);
- },
- onEnabled: comp => {
- FormField.getField(comp).each(Disabling.enable);
- }
- }),
- receivingConfig()
- ])
- });
- };
- const schema$h = constant$1([
- defaulted('field1Name', 'field1'),
- defaulted('field2Name', 'field2'),
- onStrictHandler('onLockedChange'),
- markers$1(['lockClass']),
- defaulted('locked', false),
- SketchBehaviours.field('coupledFieldBehaviours', [
- Composing,
- Representing
- ])
- ]);
- const getField = (comp, detail, partName) => getPart(comp, detail, partName).bind(Composing.getCurrent);
- const coupledPart = (selfName, otherName) => required({
- factory: FormField,
- name: selfName,
- overrides: detail => {
- return {
- fieldBehaviours: derive$1([config('coupled-input-behaviour', [run$1(input(), me => {
- getField(me, detail, otherName).each(other => {
- getPart(me, detail, 'lock').each(lock => {
- if (Toggling.isOn(lock)) {
- detail.onLockedChange(me, other, lock);
- }
- });
- });
- })])])
- };
- }
- });
- const parts$c = constant$1([
- coupledPart('field1', 'field2'),
- coupledPart('field2', 'field1'),
- required({
- factory: Button,
- schema: [required$1('dom')],
- name: 'lock',
- overrides: detail => {
- return {
- buttonBehaviours: derive$1([Toggling.config({
- selected: detail.locked,
- toggleClass: detail.markers.lockClass,
- aria: { mode: 'pressed' }
- })])
- };
- }
- })
- ]);
- const factory$e = (detail, components, _spec, _externals) => ({
- uid: detail.uid,
- dom: detail.dom,
- components,
- behaviours: SketchBehaviours.augment(detail.coupledFieldBehaviours, [
- Composing.config({ find: Optional.some }),
- Representing.config({
- store: {
- mode: 'manual',
- getValue: comp => {
- const parts = getPartsOrDie(comp, detail, [
- 'field1',
- 'field2'
- ]);
- return {
- [detail.field1Name]: Representing.getValue(parts.field1()),
- [detail.field2Name]: Representing.getValue(parts.field2())
- };
- },
- setValue: (comp, value) => {
- const parts = getPartsOrDie(comp, detail, [
- 'field1',
- 'field2'
- ]);
- if (hasNonNullableKey(value, detail.field1Name)) {
- Representing.setValue(parts.field1(), value[detail.field1Name]);
- }
- if (hasNonNullableKey(value, detail.field2Name)) {
- Representing.setValue(parts.field2(), value[detail.field2Name]);
- }
- }
- }
- })
- ]),
- apis: {
- getField1: component => getPart(component, detail, 'field1'),
- getField2: component => getPart(component, detail, 'field2'),
- getLock: component => getPart(component, detail, 'lock')
- }
- });
- const FormCoupledInputs = composite({
- name: 'FormCoupledInputs',
- configFields: schema$h(),
- partFields: parts$c(),
- factory: factory$e,
- apis: {
- getField1: (apis, component) => apis.getField1(component),
- getField2: (apis, component) => apis.getField2(component),
- getLock: (apis, component) => apis.getLock(component)
- }
- });
- const formatSize = size => {
- const unitDec = {
- '': 0,
- 'px': 0,
- 'pt': 1,
- 'mm': 1,
- 'pc': 2,
- 'ex': 2,
- 'em': 2,
- 'ch': 2,
- 'rem': 2,
- 'cm': 3,
- 'in': 4,
- '%': 4
- };
- const maxDecimal = unit => unit in unitDec ? unitDec[unit] : 1;
- let numText = size.value.toFixed(maxDecimal(size.unit));
- if (numText.indexOf('.') !== -1) {
- numText = numText.replace(/\.?0*$/, '');
- }
- return numText + size.unit;
- };
- const parseSize = sizeText => {
- const numPattern = /^\s*(\d+(?:\.\d+)?)\s*(|cm|mm|in|px|pt|pc|em|ex|ch|rem|vw|vh|vmin|vmax|%)\s*$/;
- const match = numPattern.exec(sizeText);
- if (match !== null) {
- const value = parseFloat(match[1]);
- const unit = match[2];
- return Result.value({
- value,
- unit
- });
- } else {
- return Result.error(sizeText);
- }
- };
- const convertUnit = (size, unit) => {
- const inInch = {
- '': 96,
- 'px': 96,
- 'pt': 72,
- 'cm': 2.54,
- 'pc': 12,
- 'mm': 25.4,
- 'in': 1
- };
- const supported = u => has$2(inInch, u);
- if (size.unit === unit) {
- return Optional.some(size.value);
- } else if (supported(size.unit) && supported(unit)) {
- if (inInch[size.unit] === inInch[unit]) {
- return Optional.some(size.value);
- } else {
- return Optional.some(size.value / inInch[size.unit] * inInch[unit]);
- }
- } else {
- return Optional.none();
- }
- };
- const noSizeConversion = _input => Optional.none();
- const ratioSizeConversion = (scale, unit) => size => convertUnit(size, unit).map(value => ({
- value: value * scale,
- unit
- }));
- const makeRatioConverter = (currentFieldText, otherFieldText) => {
- const cValue = parseSize(currentFieldText).toOptional();
- const oValue = parseSize(otherFieldText).toOptional();
- return lift2(cValue, oValue, (cSize, oSize) => convertUnit(cSize, oSize.unit).map(val => oSize.value / val).map(r => ratioSizeConversion(r, oSize.unit)).getOr(noSizeConversion)).getOr(noSizeConversion);
- };
- const renderSizeInput = (spec, providersBackstage) => {
- let converter = noSizeConversion;
- const ratioEvent = generate$6('ratio-event');
- const makeIcon = iconName => render$3(iconName, {
- tag: 'span',
- classes: [
- 'tox-icon',
- 'tox-lock-icon__' + iconName
- ]
- }, providersBackstage.icons);
- const pLock = FormCoupledInputs.parts.lock({
- dom: {
- tag: 'button',
- classes: [
- 'tox-lock',
- 'tox-button',
- 'tox-button--naked',
- 'tox-button--icon'
- ],
- attributes: { title: providersBackstage.translate(spec.label.getOr('Constrain proportions')) }
- },
- components: [
- makeIcon('lock'),
- makeIcon('unlock')
- ],
- buttonBehaviours: derive$1([
- Disabling.config({ disabled: () => !spec.enabled || providersBackstage.isDisabled() }),
- receivingConfig(),
- Tabstopping.config({})
- ])
- });
- const formGroup = components => ({
- dom: {
- tag: 'div',
- classes: ['tox-form__group']
- },
- components
- });
- const getFieldPart = isField1 => FormField.parts.field({
- factory: Input,
- inputClasses: ['tox-textfield'],
- inputBehaviours: derive$1([
- Disabling.config({ disabled: () => !spec.enabled || providersBackstage.isDisabled() }),
- receivingConfig(),
- Tabstopping.config({}),
- config('size-input-events', [
- run$1(focusin(), (component, _simulatedEvent) => {
- emitWith(component, ratioEvent, { isField1 });
- }),
- run$1(change(), (component, _simulatedEvent) => {
- emitWith(component, formChangeEvent, { name: spec.name });
- })
- ])
- ]),
- selectOnFocus: false
- });
- const getLabel = label => ({
- dom: {
- tag: 'label',
- classes: ['tox-label']
- },
- components: [text$1(providersBackstage.translate(label))]
- });
- const widthField = FormCoupledInputs.parts.field1(formGroup([
- FormField.parts.label(getLabel('Width')),
- getFieldPart(true)
- ]));
- const heightField = FormCoupledInputs.parts.field2(formGroup([
- FormField.parts.label(getLabel('Height')),
- getFieldPart(false)
- ]));
- return FormCoupledInputs.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-form__group']
- },
- components: [{
- dom: {
- tag: 'div',
- classes: ['tox-form__controls-h-stack']
- },
- components: [
- widthField,
- heightField,
- formGroup([
- getLabel(nbsp),
- pLock
- ])
- ]
- }],
- field1Name: 'width',
- field2Name: 'height',
- locked: true,
- markers: { lockClass: 'tox-locked' },
- onLockedChange: (current, other, _lock) => {
- parseSize(Representing.getValue(current)).each(size => {
- converter(size).each(newSize => {
- Representing.setValue(other, formatSize(newSize));
- });
- });
- },
- coupledFieldBehaviours: derive$1([
- Disabling.config({
- disabled: () => !spec.enabled || providersBackstage.isDisabled(),
- onDisabled: comp => {
- FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.disable);
- FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.disable);
- FormCoupledInputs.getLock(comp).each(Disabling.disable);
- },
- onEnabled: comp => {
- FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.enable);
- FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.enable);
- FormCoupledInputs.getLock(comp).each(Disabling.enable);
- }
- }),
- receivingConfig(),
- config('size-input-events2', [run$1(ratioEvent, (component, simulatedEvent) => {
- const isField1 = simulatedEvent.event.isField1;
- const optCurrent = isField1 ? FormCoupledInputs.getField1(component) : FormCoupledInputs.getField2(component);
- const optOther = isField1 ? FormCoupledInputs.getField2(component) : FormCoupledInputs.getField1(component);
- const value1 = optCurrent.map(Representing.getValue).getOr('');
- const value2 = optOther.map(Representing.getValue).getOr('');
- converter = makeRatioConverter(value1, value2);
- })])
- ])
- });
- };
- const renderSlider = (spec, providerBackstage, initialData) => {
- const labelPart = Slider.parts.label({
- dom: {
- tag: 'label',
- classes: ['tox-label']
- },
- components: [text$1(providerBackstage.translate(spec.label))]
- });
- const spectrum = Slider.parts.spectrum({
- dom: {
- tag: 'div',
- classes: ['tox-slider__rail'],
- attributes: { role: 'presentation' }
- }
- });
- const thumb = Slider.parts.thumb({
- dom: {
- tag: 'div',
- classes: ['tox-slider__handle'],
- attributes: { role: 'presentation' }
- }
- });
- return Slider.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-slider'],
- attributes: { role: 'presentation' }
- },
- model: {
- mode: 'x',
- minX: spec.min,
- maxX: spec.max,
- getInitialValue: constant$1(initialData.getOrThunk(() => (Math.abs(spec.max) - Math.abs(spec.min)) / 2))
- },
- components: [
- labelPart,
- spectrum,
- thumb
- ],
- sliderBehaviours: derive$1([
- ComposingConfigs.self(),
- Focusing.config({})
- ]),
- onChoose: (component, thumb, value) => {
- emitWith(component, formChangeEvent, {
- name: spec.name,
- value
- });
- }
- });
- };
- const renderTable = (spec, providersBackstage) => {
- const renderTh = text => ({
- dom: {
- tag: 'th',
- innerHtml: providersBackstage.translate(text)
- }
- });
- const renderHeader = header => ({
- dom: { tag: 'thead' },
- components: [{
- dom: { tag: 'tr' },
- components: map$2(header, renderTh)
- }]
- });
- const renderTd = text => ({
- dom: {
- tag: 'td',
- innerHtml: providersBackstage.translate(text)
- }
- });
- const renderTr = row => ({
- dom: { tag: 'tr' },
- components: map$2(row, renderTd)
- });
- const renderRows = rows => ({
- dom: { tag: 'tbody' },
- components: map$2(rows, renderTr)
- });
- return {
- dom: {
- tag: 'table',
- classes: ['tox-dialog__table']
- },
- components: [
- renderHeader(spec.header),
- renderRows(spec.cells)
- ],
- behaviours: derive$1([
- Tabstopping.config({}),
- Focusing.config({})
- ])
- };
- };
- const renderTextField = (spec, providersBackstage) => {
- const pLabel = spec.label.map(label => renderLabel$2(label, providersBackstage));
- const baseInputBehaviours = [
- Disabling.config({ disabled: () => spec.disabled || providersBackstage.isDisabled() }),
- receivingConfig(),
- Keying.config({
- mode: 'execution',
- useEnter: spec.multiline !== true,
- useControlEnter: spec.multiline === true,
- execute: comp => {
- emit(comp, formSubmitEvent);
- return Optional.some(true);
- }
- }),
- config('textfield-change', [
- run$1(input(), (component, _) => {
- emitWith(component, formChangeEvent, { name: spec.name });
- }),
- run$1(postPaste(), (component, _) => {
- emitWith(component, formChangeEvent, { name: spec.name });
- })
- ]),
- Tabstopping.config({})
- ];
- const validatingBehaviours = spec.validation.map(vl => Invalidating.config({
- getRoot: input => {
- return parentElement(input.element);
- },
- invalidClass: 'tox-invalid',
- validator: {
- validate: input => {
- const v = Representing.getValue(input);
- const result = vl.validator(v);
- return Future.pure(result === true ? Result.value(v) : Result.error(result));
- },
- validateOnLoad: vl.validateOnLoad
- }
- })).toArray();
- const placeholder = spec.placeholder.fold(constant$1({}), p => ({ placeholder: providersBackstage.translate(p) }));
- const inputMode = spec.inputMode.fold(constant$1({}), mode => ({ inputmode: mode }));
- const inputAttributes = {
- ...placeholder,
- ...inputMode
- };
- const pField = FormField.parts.field({
- tag: spec.multiline === true ? 'textarea' : 'input',
- ...spec.data.map(data => ({ data })).getOr({}),
- inputAttributes,
- inputClasses: [spec.classname],
- inputBehaviours: derive$1(flatten([
- baseInputBehaviours,
- validatingBehaviours
- ])),
- selectOnFocus: false,
- factory: Input
- });
- const extraClasses = spec.flex ? ['tox-form__group--stretched'] : [];
- const extraClasses2 = extraClasses.concat(spec.maximized ? ['tox-form-group--maximize'] : []);
- const extraBehaviours = [
- Disabling.config({
- disabled: () => spec.disabled || providersBackstage.isDisabled(),
- onDisabled: comp => {
- FormField.getField(comp).each(Disabling.disable);
- },
- onEnabled: comp => {
- FormField.getField(comp).each(Disabling.enable);
- }
- }),
- receivingConfig()
- ];
- return renderFormFieldWith(pLabel, pField, extraClasses2, extraBehaviours);
- };
- const renderInput = (spec, providersBackstage, initialData) => renderTextField({
- name: spec.name,
- multiline: false,
- label: spec.label,
- inputMode: spec.inputMode,
- placeholder: spec.placeholder,
- flex: false,
- disabled: !spec.enabled,
- classname: 'tox-textfield',
- validation: Optional.none(),
- maximized: spec.maximized,
- data: initialData
- }, providersBackstage);
- const renderTextarea = (spec, providersBackstage, initialData) => renderTextField({
- name: spec.name,
- multiline: true,
- label: spec.label,
- inputMode: Optional.none(),
- placeholder: spec.placeholder,
- flex: true,
- disabled: !spec.enabled,
- classname: 'tox-textarea',
- validation: Optional.none(),
- maximized: spec.maximized,
- data: initialData
- }, providersBackstage);
- const events$6 = (streamConfig, streamState) => {
- const streams = streamConfig.stream.streams;
- const processor = streams.setup(streamConfig, streamState);
- return derive$2([
- run$1(streamConfig.event, processor),
- runOnDetached(() => streamState.cancel())
- ].concat(streamConfig.cancelEvent.map(e => [run$1(e, () => streamState.cancel())]).getOr([])));
- };
- var ActiveStreaming = /*#__PURE__*/Object.freeze({
- __proto__: null,
- events: events$6
- });
- const first = (fn, rate) => {
- let timer = null;
- const cancel = () => {
- if (!isNull(timer)) {
- clearTimeout(timer);
- timer = null;
- }
- };
- const throttle = (...args) => {
- if (isNull(timer)) {
- timer = setTimeout(() => {
- timer = null;
- fn.apply(null, args);
- }, rate);
- }
- };
- return {
- cancel,
- throttle
- };
- };
- const last = (fn, rate) => {
- let timer = null;
- const cancel = () => {
- if (!isNull(timer)) {
- clearTimeout(timer);
- timer = null;
- }
- };
- const throttle = (...args) => {
- cancel();
- timer = setTimeout(() => {
- timer = null;
- fn.apply(null, args);
- }, rate);
- };
- return {
- cancel,
- throttle
- };
- };
- const throttle = _config => {
- const state = Cell(null);
- const readState = () => ({ timer: state.get() !== null ? 'set' : 'unset' });
- const setTimer = t => {
- state.set(t);
- };
- const cancel = () => {
- const t = state.get();
- if (t !== null) {
- t.cancel();
- }
- };
- return nu$8({
- readState,
- setTimer,
- cancel
- });
- };
- const init$9 = spec => spec.stream.streams.state(spec);
- var StreamingState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- throttle: throttle,
- init: init$9
- });
- const setup$c = (streamInfo, streamState) => {
- const sInfo = streamInfo.stream;
- const throttler = last(streamInfo.onStream, sInfo.delay);
- streamState.setTimer(throttler);
- return (component, simulatedEvent) => {
- throttler.throttle(component, simulatedEvent);
- if (sInfo.stopEvent) {
- simulatedEvent.stop();
- }
- };
- };
- var StreamingSchema = [
- requiredOf('stream', choose$1('mode', {
- throttle: [
- required$1('delay'),
- defaulted('stopEvent', true),
- output$1('streams', {
- setup: setup$c,
- state: throttle
- })
- ]
- })),
- defaulted('event', 'input'),
- option$3('cancelEvent'),
- onStrictHandler('onStream')
- ];
- const Streaming = create$3({
- fields: StreamingSchema,
- name: 'streaming',
- active: ActiveStreaming,
- state: StreamingState
- });
- const setValueFromItem = (model, input, item) => {
- const itemData = Representing.getValue(item);
- Representing.setValue(input, itemData);
- setCursorAtEnd(input);
- };
- const setSelectionOn = (input, f) => {
- const el = input.element;
- const value = get$6(el);
- const node = el.dom;
- if (get$f(el, 'type') !== 'number') {
- f(node, value);
- }
- };
- const setCursorAtEnd = input => {
- setSelectionOn(input, (node, value) => node.setSelectionRange(value.length, value.length));
- };
- const setSelectionToEnd = (input, startOffset) => {
- setSelectionOn(input, (node, value) => node.setSelectionRange(startOffset, value.length));
- };
- const attemptSelectOver = (model, input, item) => {
- if (!model.selectsOver) {
- return Optional.none();
- } else {
- const currentValue = Representing.getValue(input);
- const inputDisplay = model.getDisplayText(currentValue);
- const itemValue = Representing.getValue(item);
- const itemDisplay = model.getDisplayText(itemValue);
- return itemDisplay.indexOf(inputDisplay) === 0 ? Optional.some(() => {
- setValueFromItem(model, input, item);
- setSelectionToEnd(input, inputDisplay.length);
- }) : Optional.none();
- }
- };
- const itemExecute = constant$1('alloy.typeahead.itemexecute');
- const make$3 = (detail, components, spec, externals) => {
- const navigateList = (comp, simulatedEvent, highlighter) => {
- detail.previewing.set(false);
- const sandbox = Coupling.getCoupled(comp, 'sandbox');
- if (Sandboxing.isOpen(sandbox)) {
- Composing.getCurrent(sandbox).each(menu => {
- Highlighting.getHighlighted(menu).fold(() => {
- highlighter(menu);
- }, () => {
- dispatchEvent(sandbox, menu.element, 'keydown', simulatedEvent);
- });
- });
- } else {
- const onOpenSync = sandbox => {
- Composing.getCurrent(sandbox).each(highlighter);
- };
- open(detail, mapFetch(comp), comp, sandbox, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
- }
- };
- const focusBehaviours$1 = focusBehaviours(detail);
- const mapFetch = comp => tdata => tdata.map(data => {
- const menus = values(data.menus);
- const items = bind$3(menus, menu => filter$2(menu.items, item => item.type === 'item'));
- const repState = Representing.getState(comp);
- repState.update(map$2(items, item => item.data));
- return data;
- });
- const behaviours = [
- Focusing.config({}),
- Representing.config({
- onSetValue: detail.onSetValue,
- store: {
- mode: 'dataset',
- getDataKey: comp => get$6(comp.element),
- getFallbackEntry: itemString => ({
- value: itemString,
- meta: {}
- }),
- setValue: (comp, data) => {
- set$5(comp.element, detail.model.getDisplayText(data));
- },
- ...detail.initialData.map(d => wrap$1('initialValue', d)).getOr({})
- }
- }),
- Streaming.config({
- stream: {
- mode: 'throttle',
- delay: detail.responseTime,
- stopEvent: false
- },
- onStream: (component, _simulatedEvent) => {
- const sandbox = Coupling.getCoupled(component, 'sandbox');
- const focusInInput = Focusing.isFocused(component);
- if (focusInInput) {
- if (get$6(component.element).length >= detail.minChars) {
- const previousValue = Composing.getCurrent(sandbox).bind(menu => Highlighting.getHighlighted(menu).map(Representing.getValue));
- detail.previewing.set(true);
- const onOpenSync = _sandbox => {
- Composing.getCurrent(sandbox).each(menu => {
- previousValue.fold(() => {
- if (detail.model.selectsOver) {
- Highlighting.highlightFirst(menu);
- }
- }, pv => {
- Highlighting.highlightBy(menu, item => {
- const itemData = Representing.getValue(item);
- return itemData.value === pv.value;
- });
- Highlighting.getHighlighted(menu).orThunk(() => {
- Highlighting.highlightFirst(menu);
- return Optional.none();
- });
- });
- });
- };
- open(detail, mapFetch(component), component, sandbox, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
- }
- }
- },
- cancelEvent: typeaheadCancel()
- }),
- Keying.config({
- mode: 'special',
- onDown: (comp, simulatedEvent) => {
- navigateList(comp, simulatedEvent, Highlighting.highlightFirst);
- return Optional.some(true);
- },
- onEscape: comp => {
- const sandbox = Coupling.getCoupled(comp, 'sandbox');
- if (Sandboxing.isOpen(sandbox)) {
- Sandboxing.close(sandbox);
- return Optional.some(true);
- }
- return Optional.none();
- },
- onUp: (comp, simulatedEvent) => {
- navigateList(comp, simulatedEvent, Highlighting.highlightLast);
- return Optional.some(true);
- },
- onEnter: comp => {
- const sandbox = Coupling.getCoupled(comp, 'sandbox');
- const sandboxIsOpen = Sandboxing.isOpen(sandbox);
- if (sandboxIsOpen && !detail.previewing.get()) {
- return Composing.getCurrent(sandbox).bind(menu => Highlighting.getHighlighted(menu)).map(item => {
- emitWith(comp, itemExecute(), { item });
- return true;
- });
- } else {
- const currentValue = Representing.getValue(comp);
- emit(comp, typeaheadCancel());
- detail.onExecute(sandbox, comp, currentValue);
- if (sandboxIsOpen) {
- Sandboxing.close(sandbox);
- }
- return Optional.some(true);
- }
- }
- }),
- Toggling.config({
- toggleClass: detail.markers.openClass,
- aria: { mode: 'expanded' }
- }),
- Coupling.config({
- others: {
- sandbox: hotspot => {
- return makeSandbox$1(detail, hotspot, {
- onOpen: () => Toggling.on(hotspot),
- onClose: () => Toggling.off(hotspot)
- });
- }
- }
- }),
- config('typeaheadevents', [
- runOnExecute$1(comp => {
- const onOpenSync = noop;
- togglePopup(detail, mapFetch(comp), comp, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
- }),
- run$1(itemExecute(), (comp, se) => {
- const sandbox = Coupling.getCoupled(comp, 'sandbox');
- setValueFromItem(detail.model, comp, se.event.item);
- emit(comp, typeaheadCancel());
- detail.onItemExecute(comp, sandbox, se.event.item, Representing.getValue(comp));
- Sandboxing.close(sandbox);
- setCursorAtEnd(comp);
- })
- ].concat(detail.dismissOnBlur ? [run$1(postBlur(), typeahead => {
- const sandbox = Coupling.getCoupled(typeahead, 'sandbox');
- if (search(sandbox.element).isNone()) {
- Sandboxing.close(sandbox);
- }
- })] : []))
- ];
- return {
- uid: detail.uid,
- dom: dom(deepMerge(detail, {
- inputAttributes: {
- 'role': 'combobox',
- 'aria-autocomplete': 'list',
- 'aria-haspopup': 'true'
- }
- })),
- behaviours: {
- ...focusBehaviours$1,
- ...augment(detail.typeaheadBehaviours, behaviours)
- },
- eventOrder: detail.eventOrder
- };
- };
- const schema$g = constant$1([
- option$3('lazySink'),
- required$1('fetch'),
- defaulted('minChars', 5),
- defaulted('responseTime', 1000),
- onHandler('onOpen'),
- defaulted('getHotspot', Optional.some),
- defaulted('getAnchorOverrides', constant$1({})),
- defaulted('layouts', Optional.none()),
- defaulted('eventOrder', {}),
- defaultedObjOf('model', {}, [
- defaulted('getDisplayText', itemData => itemData.meta !== undefined && itemData.meta.text !== undefined ? itemData.meta.text : itemData.value),
- defaulted('selectsOver', true),
- defaulted('populateFromBrowse', true)
- ]),
- onHandler('onSetValue'),
- onKeyboardHandler('onExecute'),
- onHandler('onItemExecute'),
- defaulted('inputClasses', []),
- defaulted('inputAttributes', {}),
- defaulted('inputStyles', {}),
- defaulted('matchWidth', true),
- defaulted('useMinWidth', false),
- defaulted('dismissOnBlur', true),
- markers$1(['openClass']),
- option$3('initialData'),
- field('typeaheadBehaviours', [
- Focusing,
- Representing,
- Streaming,
- Keying,
- Toggling,
- Coupling
- ]),
- customField('previewing', () => Cell(true))
- ].concat(schema$k()).concat(sandboxFields()));
- const parts$b = constant$1([external({
- schema: [tieredMenuMarkers()],
- name: 'menu',
- overrides: detail => {
- return {
- fakeFocus: true,
- onHighlight: (menu, item) => {
- if (!detail.previewing.get()) {
- menu.getSystem().getByUid(detail.uid).each(input => {
- if (detail.model.populateFromBrowse) {
- setValueFromItem(detail.model, input, item);
- }
- });
- } else {
- menu.getSystem().getByUid(detail.uid).each(input => {
- attemptSelectOver(detail.model, input, item).fold(() => Highlighting.dehighlight(menu, item), fn => fn());
- });
- }
- detail.previewing.set(false);
- },
- onExecute: (menu, item) => {
- return menu.getSystem().getByUid(detail.uid).toOptional().map(typeahead => {
- emitWith(typeahead, itemExecute(), { item });
- return true;
- });
- },
- onHover: (menu, item) => {
- detail.previewing.set(false);
- menu.getSystem().getByUid(detail.uid).each(input => {
- if (detail.model.populateFromBrowse) {
- setValueFromItem(detail.model, input, item);
- }
- });
- }
- };
- }
- })]);
- const Typeahead = composite({
- name: 'Typeahead',
- configFields: schema$g(),
- partFields: parts$b(),
- factory: make$3
- });
- const wrap = delegate => {
- const toCached = () => {
- return wrap(delegate.toCached());
- };
- const bindFuture = f => {
- return wrap(delegate.bind(resA => resA.fold(err => Future.pure(Result.error(err)), a => f(a))));
- };
- const bindResult = f => {
- return wrap(delegate.map(resA => resA.bind(f)));
- };
- const mapResult = f => {
- return wrap(delegate.map(resA => resA.map(f)));
- };
- const mapError = f => {
- return wrap(delegate.map(resA => resA.mapError(f)));
- };
- const foldResult = (whenError, whenValue) => {
- return delegate.map(res => res.fold(whenError, whenValue));
- };
- const withTimeout = (timeout, errorThunk) => {
- return wrap(Future.nu(callback => {
- let timedOut = false;
- const timer = setTimeout(() => {
- timedOut = true;
- callback(Result.error(errorThunk()));
- }, timeout);
- delegate.get(result => {
- if (!timedOut) {
- clearTimeout(timer);
- callback(result);
- }
- });
- }));
- };
- return {
- ...delegate,
- toCached,
- bindFuture,
- bindResult,
- mapResult,
- mapError,
- foldResult,
- withTimeout
- };
- };
- const nu$1 = worker => {
- return wrap(Future.nu(worker));
- };
- const value = value => {
- return wrap(Future.pure(Result.value(value)));
- };
- const error = error => {
- return wrap(Future.pure(Result.error(error)));
- };
- const fromResult = result => {
- return wrap(Future.pure(result));
- };
- const fromFuture = future => {
- return wrap(future.map(Result.value));
- };
- const fromPromise = promise => {
- return nu$1(completer => {
- promise.then(value => {
- completer(Result.value(value));
- }, error => {
- completer(Result.error(error));
- });
- });
- };
- const FutureResult = {
- nu: nu$1,
- wrap,
- pure: value,
- value,
- error,
- fromResult,
- fromFuture,
- fromPromise
- };
- const getMenuButtonApi = component => ({
- isEnabled: () => !Disabling.isDisabled(component),
- setEnabled: state => Disabling.set(component, !state),
- setActive: state => {
- const elm = component.element;
- if (state) {
- add$2(elm, 'tox-tbtn--enabled');
- set$9(elm, 'aria-pressed', true);
- } else {
- remove$2(elm, 'tox-tbtn--enabled');
- remove$7(elm, 'aria-pressed');
- }
- },
- isActive: () => has(component.element, 'tox-tbtn--enabled')
- });
- const renderMenuButton = (spec, prefix, backstage, role) => renderCommonDropdown({
- text: spec.text,
- icon: spec.icon,
- tooltip: spec.tooltip,
- role,
- fetch: (_comp, callback) => {
- spec.fetch(items => {
- callback(build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false));
- });
- },
- onSetup: spec.onSetup,
- getApi: getMenuButtonApi,
- columns: 1,
- presets: 'normal',
- classes: [],
- dropdownBehaviours: [Tabstopping.config({})]
- }, prefix, backstage.shared);
- const getFetch = (items, getButton, backstage) => {
- const getMenuItemAction = item => api => {
- const newValue = !api.isActive();
- api.setActive(newValue);
- item.storage.set(newValue);
- backstage.shared.getSink().each(sink => {
- getButton().getOpt(sink).each(orig => {
- focus$3(orig.element);
- emitWith(orig, formActionEvent, {
- name: item.name,
- value: item.storage.get()
- });
- });
- });
- };
- const getMenuItemSetup = item => api => {
- api.setActive(item.storage.get());
- };
- return success => {
- success(map$2(items, item => {
- const text = item.text.fold(() => ({}), text => ({ text }));
- return {
- type: item.type,
- active: false,
- ...text,
- onAction: getMenuItemAction(item),
- onSetup: getMenuItemSetup(item)
- };
- }));
- };
- };
- const renderCommonSpec = (spec, actionOpt, extraBehaviours = [], dom, components, providersBackstage) => {
- const action = actionOpt.fold(() => ({}), action => ({ action }));
- const common = {
- buttonBehaviours: derive$1([
- DisablingConfigs.button(() => !spec.enabled || providersBackstage.isDisabled()),
- receivingConfig(),
- Tabstopping.config({}),
- config('button press', [
- preventDefault('click'),
- preventDefault('mousedown')
- ])
- ].concat(extraBehaviours)),
- eventOrder: {
- click: [
- 'button press',
- 'alloy.base.behaviour'
- ],
- mousedown: [
- 'button press',
- 'alloy.base.behaviour'
- ]
- },
- ...action
- };
- const domFinal = deepMerge(common, { dom });
- return deepMerge(domFinal, { components });
- };
- const renderIconButtonSpec = (spec, action, providersBackstage, extraBehaviours = []) => {
- const tooltipAttributes = spec.tooltip.map(tooltip => ({
- 'aria-label': providersBackstage.translate(tooltip),
- 'title': providersBackstage.translate(tooltip)
- })).getOr({});
- const dom = {
- tag: 'button',
- classes: ['tox-tbtn'],
- attributes: tooltipAttributes
- };
- const icon = spec.icon.map(iconName => renderIconFromPack(iconName, providersBackstage.icons));
- const components = componentRenderPipeline([icon]);
- return renderCommonSpec(spec, action, extraBehaviours, dom, components, providersBackstage);
- };
- const calculateClassesFromButtonType = buttonType => {
- switch (buttonType) {
- case 'primary':
- return ['tox-button'];
- case 'toolbar':
- return ['tox-tbtn'];
- case 'secondary':
- default:
- return [
- 'tox-button',
- 'tox-button--secondary'
- ];
- }
- };
- const renderButtonSpec = (spec, action, providersBackstage, extraBehaviours = [], extraClasses = []) => {
- const translatedText = providersBackstage.translate(spec.text);
- const icon = spec.icon.map(iconName => renderIconFromPack(iconName, providersBackstage.icons));
- const components = [icon.getOrThunk(() => text$1(translatedText))];
- const buttonType = spec.buttonType.getOr(!spec.primary && !spec.borderless ? 'secondary' : 'primary');
- const baseClasses = calculateClassesFromButtonType(buttonType);
- const classes = [
- ...baseClasses,
- ...icon.isSome() ? ['tox-button--icon'] : [],
- ...spec.borderless ? ['tox-button--naked'] : [],
- ...extraClasses
- ];
- const dom = {
- tag: 'button',
- classes,
- attributes: { title: translatedText }
- };
- return renderCommonSpec(spec, action, extraBehaviours, dom, components, providersBackstage);
- };
- const renderButton = (spec, action, providersBackstage, extraBehaviours = [], extraClasses = []) => {
- const buttonSpec = renderButtonSpec(spec, Optional.some(action), providersBackstage, extraBehaviours, extraClasses);
- return Button.sketch(buttonSpec);
- };
- const getAction = (name, buttonType) => comp => {
- if (buttonType === 'custom') {
- emitWith(comp, formActionEvent, {
- name,
- value: {}
- });
- } else if (buttonType === 'submit') {
- emit(comp, formSubmitEvent);
- } else if (buttonType === 'cancel') {
- emit(comp, formCancelEvent);
- } else {
- console.error('Unknown button type: ', buttonType);
- }
- };
- const isMenuFooterButtonSpec = (spec, buttonType) => buttonType === 'menu';
- const isNormalFooterButtonSpec = (spec, buttonType) => buttonType === 'custom' || buttonType === 'cancel' || buttonType === 'submit';
- const renderFooterButton = (spec, buttonType, backstage) => {
- if (isMenuFooterButtonSpec(spec, buttonType)) {
- const getButton = () => memButton;
- const menuButtonSpec = spec;
- const fixedSpec = {
- ...spec,
- onSetup: api => {
- api.setEnabled(spec.enabled);
- return noop;
- },
- fetch: getFetch(menuButtonSpec.items, getButton, backstage)
- };
- const memButton = record(renderMenuButton(fixedSpec, 'tox-tbtn', backstage, Optional.none()));
- return memButton.asSpec();
- } else if (isNormalFooterButtonSpec(spec, buttonType)) {
- const action = getAction(spec.name, buttonType);
- const buttonSpec = {
- ...spec,
- borderless: false
- };
- return renderButton(buttonSpec, action, backstage.shared.providers, []);
- } else {
- console.error('Unknown footer button type: ', buttonType);
- }
- };
- const renderDialogButton = (spec, providersBackstage) => {
- const action = getAction(spec.name, 'custom');
- return renderFormField(Optional.none(), FormField.parts.field({
- factory: Button,
- ...renderButtonSpec(spec, Optional.some(action), providersBackstage, [
- RepresentingConfigs.memory(''),
- ComposingConfigs.self()
- ])
- }));
- };
- const separator$1 = { type: 'separator' };
- const toMenuItem = target => ({
- type: 'menuitem',
- value: target.url,
- text: target.title,
- meta: { attach: target.attach },
- onAction: noop
- });
- const staticMenuItem = (title, url) => ({
- type: 'menuitem',
- value: url,
- text: title,
- meta: { attach: undefined },
- onAction: noop
- });
- const toMenuItems = targets => map$2(targets, toMenuItem);
- const filterLinkTargets = (type, targets) => filter$2(targets, target => target.type === type);
- const filteredTargets = (type, targets) => toMenuItems(filterLinkTargets(type, targets));
- const headerTargets = linkInfo => filteredTargets('header', linkInfo.targets);
- const anchorTargets = linkInfo => filteredTargets('anchor', linkInfo.targets);
- const anchorTargetTop = linkInfo => Optional.from(linkInfo.anchorTop).map(url => staticMenuItem('<top>', url)).toArray();
- const anchorTargetBottom = linkInfo => Optional.from(linkInfo.anchorBottom).map(url => staticMenuItem('<bottom>', url)).toArray();
- const historyTargets = history => map$2(history, url => staticMenuItem(url, url));
- const joinMenuLists = items => {
- return foldl(items, (a, b) => {
- const bothEmpty = a.length === 0 || b.length === 0;
- return bothEmpty ? a.concat(b) : a.concat(separator$1, b);
- }, []);
- };
- const filterByQuery = (term, menuItems) => {
- const lowerCaseTerm = term.toLowerCase();
- return filter$2(menuItems, item => {
- const text = item.meta !== undefined && item.meta.text !== undefined ? item.meta.text : item.text;
- return contains$1(text.toLowerCase(), lowerCaseTerm) || contains$1(item.value.toLowerCase(), lowerCaseTerm);
- });
- };
- const getItems = (fileType, input, urlBackstage) => {
- const urlInputValue = Representing.getValue(input);
- const term = urlInputValue.meta.text !== undefined ? urlInputValue.meta.text : urlInputValue.value;
- const info = urlBackstage.getLinkInformation();
- return info.fold(() => [], linkInfo => {
- const history = filterByQuery(term, historyTargets(urlBackstage.getHistory(fileType)));
- return fileType === 'file' ? joinMenuLists([
- history,
- filterByQuery(term, headerTargets(linkInfo)),
- filterByQuery(term, flatten([
- anchorTargetTop(linkInfo),
- anchorTargets(linkInfo),
- anchorTargetBottom(linkInfo)
- ]))
- ]) : history;
- });
- };
- const errorId = generate$6('aria-invalid');
- const renderUrlInput = (spec, backstage, urlBackstage, initialData) => {
- const providersBackstage = backstage.shared.providers;
- const updateHistory = component => {
- const urlEntry = Representing.getValue(component);
- urlBackstage.addToHistory(urlEntry.value, spec.filetype);
- };
- const pField = FormField.parts.field({
- factory: Typeahead,
- ...initialData.map(initialData => ({ initialData })).getOr({}),
- dismissOnBlur: true,
- inputClasses: ['tox-textfield'],
- sandboxClasses: ['tox-dialog__popups'],
- inputAttributes: {
- 'aria-errormessage': errorId,
- 'type': 'url'
- },
- minChars: 0,
- responseTime: 0,
- fetch: input => {
- const items = getItems(spec.filetype, input, urlBackstage);
- const tdata = build(items, ItemResponse$1.BUBBLE_TO_SANDBOX, backstage, false);
- return Future.pure(tdata);
- },
- getHotspot: comp => memUrlBox.getOpt(comp),
- onSetValue: (comp, _newValue) => {
- if (comp.hasConfigured(Invalidating)) {
- Invalidating.run(comp).get(noop);
- }
- },
- typeaheadBehaviours: derive$1(flatten([
- urlBackstage.getValidationHandler().map(handler => Invalidating.config({
- getRoot: comp => parentElement(comp.element),
- invalidClass: 'tox-control-wrap--status-invalid',
- notify: {
- onInvalid: (comp, err) => {
- memInvalidIcon.getOpt(comp).each(invalidComp => {
- set$9(invalidComp.element, 'title', providersBackstage.translate(err));
- });
- }
- },
- validator: {
- validate: input => {
- const urlEntry = Representing.getValue(input);
- return FutureResult.nu(completer => {
- handler({
- type: spec.filetype,
- url: urlEntry.value
- }, validation => {
- if (validation.status === 'invalid') {
- const err = Result.error(validation.message);
- completer(err);
- } else {
- const val = Result.value(validation.message);
- completer(val);
- }
- });
- });
- },
- validateOnLoad: false
- }
- })).toArray(),
- [
- Disabling.config({ disabled: () => !spec.enabled || providersBackstage.isDisabled() }),
- Tabstopping.config({}),
- config('urlinput-events', flatten([
- spec.filetype === 'file' ? [run$1(input(), comp => {
- emitWith(comp, formChangeEvent, { name: spec.name });
- })] : [],
- [
- run$1(change(), comp => {
- emitWith(comp, formChangeEvent, { name: spec.name });
- updateHistory(comp);
- }),
- run$1(postPaste(), comp => {
- emitWith(comp, formChangeEvent, { name: spec.name });
- updateHistory(comp);
- })
- ]
- ]))
- ]
- ])),
- eventOrder: {
- [input()]: [
- 'streaming',
- 'urlinput-events',
- 'invalidating'
- ]
- },
- model: {
- getDisplayText: itemData => itemData.value,
- selectsOver: false,
- populateFromBrowse: false
- },
- markers: { openClass: 'tox-textfield--popup-open' },
- lazySink: backstage.shared.getSink,
- parts: { menu: part(false, 1, 'normal') },
- onExecute: (_menu, component, _entry) => {
- emitWith(component, formSubmitEvent, {});
- },
- onItemExecute: (typeahead, _sandbox, _item, _value) => {
- updateHistory(typeahead);
- emitWith(typeahead, formChangeEvent, { name: spec.name });
- }
- });
- const pLabel = spec.label.map(label => renderLabel$2(label, providersBackstage));
- const makeIcon = (name, errId, icon = name, label = name) => render$3(icon, {
- tag: 'div',
- classes: [
- 'tox-icon',
- 'tox-control-wrap__status-icon-' + name
- ],
- attributes: {
- 'title': providersBackstage.translate(label),
- 'aria-live': 'polite',
- ...errId.fold(() => ({}), id => ({ id }))
- }
- }, providersBackstage.icons);
- const memInvalidIcon = record(makeIcon('invalid', Optional.some(errorId), 'warning'));
- const memStatus = record({
- dom: {
- tag: 'div',
- classes: ['tox-control-wrap__status-icon-wrap']
- },
- components: [memInvalidIcon.asSpec()]
- });
- const optUrlPicker = urlBackstage.getUrlPicker(spec.filetype);
- const browseUrlEvent = generate$6('browser.url.event');
- const memUrlBox = record({
- dom: {
- tag: 'div',
- classes: ['tox-control-wrap']
- },
- components: [
- pField,
- memStatus.asSpec()
- ],
- behaviours: derive$1([Disabling.config({ disabled: () => !spec.enabled || providersBackstage.isDisabled() })])
- });
- const memUrlPickerButton = record(renderButton({
- name: spec.name,
- icon: Optional.some('browse'),
- text: spec.label.getOr(''),
- enabled: spec.enabled,
- primary: false,
- buttonType: Optional.none(),
- borderless: true
- }, component => emit(component, browseUrlEvent), providersBackstage, [], ['tox-browse-url']));
- const controlHWrapper = () => ({
- dom: {
- tag: 'div',
- classes: ['tox-form__controls-h-stack']
- },
- components: flatten([
- [memUrlBox.asSpec()],
- optUrlPicker.map(() => memUrlPickerButton.asSpec()).toArray()
- ])
- });
- const openUrlPicker = comp => {
- Composing.getCurrent(comp).each(field => {
- const componentData = Representing.getValue(field);
- const urlData = {
- fieldname: spec.name,
- ...componentData
- };
- optUrlPicker.each(picker => {
- picker(urlData).get(chosenData => {
- Representing.setValue(field, chosenData);
- emitWith(comp, formChangeEvent, { name: spec.name });
- });
- });
- });
- };
- return FormField.sketch({
- dom: renderFormFieldDom(),
- components: pLabel.toArray().concat([controlHWrapper()]),
- fieldBehaviours: derive$1([
- Disabling.config({
- disabled: () => !spec.enabled || providersBackstage.isDisabled(),
- onDisabled: comp => {
- FormField.getField(comp).each(Disabling.disable);
- memUrlPickerButton.getOpt(comp).each(Disabling.disable);
- },
- onEnabled: comp => {
- FormField.getField(comp).each(Disabling.enable);
- memUrlPickerButton.getOpt(comp).each(Disabling.enable);
- }
- }),
- receivingConfig(),
- config('url-input-events', [run$1(browseUrlEvent, openUrlPicker)])
- ])
- });
- };
- const renderAlertBanner = (spec, providersBackstage) => Container.sketch({
- dom: {
- tag: 'div',
- attributes: { role: 'alert' },
- classes: [
- 'tox-notification',
- 'tox-notification--in',
- `tox-notification--${ spec.level }`
- ]
- },
- components: [
- {
- dom: {
- tag: 'div',
- classes: ['tox-notification__icon']
- },
- components: [Button.sketch({
- dom: {
- tag: 'button',
- classes: [
- 'tox-button',
- 'tox-button--naked',
- 'tox-button--icon'
- ],
- innerHtml: get$2(spec.icon, providersBackstage.icons),
- attributes: { title: providersBackstage.translate(spec.iconTooltip) }
- },
- action: comp => {
- emitWith(comp, formActionEvent, {
- name: 'alert-banner',
- value: spec.url
- });
- },
- buttonBehaviours: derive$1([addFocusableBehaviour()])
- })]
- },
- {
- dom: {
- tag: 'div',
- classes: ['tox-notification__body'],
- innerHtml: providersBackstage.translate(spec.text)
- }
- }
- ]
- });
- const set$1 = (element, status) => {
- element.dom.checked = status;
- };
- const get$1 = element => element.dom.checked;
- const renderCheckbox = (spec, providerBackstage, initialData) => {
- const toggleCheckboxHandler = comp => {
- comp.element.dom.click();
- return Optional.some(true);
- };
- const pField = FormField.parts.field({
- factory: { sketch: identity },
- dom: {
- tag: 'input',
- classes: ['tox-checkbox__input'],
- attributes: { type: 'checkbox' }
- },
- behaviours: derive$1([
- ComposingConfigs.self(),
- Disabling.config({ disabled: () => !spec.enabled || providerBackstage.isDisabled() }),
- Tabstopping.config({}),
- Focusing.config({}),
- RepresentingConfigs.withElement(initialData, get$1, set$1),
- Keying.config({
- mode: 'special',
- onEnter: toggleCheckboxHandler,
- onSpace: toggleCheckboxHandler,
- stopSpaceKeyup: true
- }),
- config('checkbox-events', [run$1(change(), (component, _) => {
- emitWith(component, formChangeEvent, { name: spec.name });
- })])
- ])
- });
- const pLabel = FormField.parts.label({
- dom: {
- tag: 'span',
- classes: ['tox-checkbox__label']
- },
- components: [text$1(providerBackstage.translate(spec.label))],
- behaviours: derive$1([Unselecting.config({})])
- });
- const makeIcon = className => {
- const iconName = className === 'checked' ? 'selected' : 'unselected';
- return render$3(iconName, {
- tag: 'span',
- classes: [
- 'tox-icon',
- 'tox-checkbox-icon__' + className
- ]
- }, providerBackstage.icons);
- };
- const memIcons = record({
- dom: {
- tag: 'div',
- classes: ['tox-checkbox__icons']
- },
- components: [
- makeIcon('checked'),
- makeIcon('unchecked')
- ]
- });
- return FormField.sketch({
- dom: {
- tag: 'label',
- classes: ['tox-checkbox']
- },
- components: [
- pField,
- memIcons.asSpec(),
- pLabel
- ],
- fieldBehaviours: derive$1([
- Disabling.config({
- disabled: () => !spec.enabled || providerBackstage.isDisabled(),
- disableClass: 'tox-checkbox--disabled',
- onDisabled: comp => {
- FormField.getField(comp).each(Disabling.disable);
- },
- onEnabled: comp => {
- FormField.getField(comp).each(Disabling.enable);
- }
- }),
- receivingConfig()
- ])
- });
- };
- const renderHtmlPanel = spec => {
- if (spec.presets === 'presentation') {
- return Container.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-form__group'],
- innerHtml: spec.html
- }
- });
- } else {
- return Container.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-form__group'],
- innerHtml: spec.html,
- attributes: { role: 'document' }
- },
- containerBehaviours: derive$1([
- Tabstopping.config({}),
- Focusing.config({})
- ])
- });
- }
- };
- const make$2 = render => {
- return (parts, spec, dialogData, backstage) => get$g(spec, 'name').fold(() => render(spec, backstage, Optional.none()), fieldName => parts.field(fieldName, render(spec, backstage, get$g(dialogData, fieldName))));
- };
- const makeIframe = render => (parts, spec, dialogData, backstage) => {
- const iframeSpec = deepMerge(spec, { source: 'dynamic' });
- return make$2(render)(parts, iframeSpec, dialogData, backstage);
- };
- const factories = {
- bar: make$2((spec, backstage) => renderBar(spec, backstage.shared)),
- collection: make$2((spec, backstage, data) => renderCollection(spec, backstage.shared.providers, data)),
- alertbanner: make$2((spec, backstage) => renderAlertBanner(spec, backstage.shared.providers)),
- input: make$2((spec, backstage, data) => renderInput(spec, backstage.shared.providers, data)),
- textarea: make$2((spec, backstage, data) => renderTextarea(spec, backstage.shared.providers, data)),
- label: make$2((spec, backstage) => renderLabel$1(spec, backstage.shared)),
- iframe: makeIframe((spec, backstage, data) => renderIFrame(spec, backstage.shared.providers, data)),
- button: make$2((spec, backstage) => renderDialogButton(spec, backstage.shared.providers)),
- checkbox: make$2((spec, backstage, data) => renderCheckbox(spec, backstage.shared.providers, data)),
- colorinput: make$2((spec, backstage, data) => renderColorInput(spec, backstage.shared, backstage.colorinput, data)),
- colorpicker: make$2((spec, backstage, data) => renderColorPicker(spec, backstage.shared.providers, data)),
- dropzone: make$2((spec, backstage, data) => renderDropZone(spec, backstage.shared.providers, data)),
- grid: make$2((spec, backstage) => renderGrid(spec, backstage.shared)),
- listbox: make$2((spec, backstage, data) => renderListBox(spec, backstage, data)),
- selectbox: make$2((spec, backstage, data) => renderSelectBox(spec, backstage.shared.providers, data)),
- sizeinput: make$2((spec, backstage) => renderSizeInput(spec, backstage.shared.providers)),
- slider: make$2((spec, backstage, data) => renderSlider(spec, backstage.shared.providers, data)),
- urlinput: make$2((spec, backstage, data) => renderUrlInput(spec, backstage, backstage.urlinput, data)),
- customeditor: make$2(renderCustomEditor),
- htmlpanel: make$2(renderHtmlPanel),
- imagepreview: make$2((spec, _, data) => renderImagePreview(spec, data)),
- table: make$2((spec, backstage) => renderTable(spec, backstage.shared.providers)),
- panel: make$2((spec, backstage) => renderPanel(spec, backstage))
- };
- const noFormParts = {
- field: (_name, spec) => spec,
- record: constant$1([])
- };
- const interpretInForm = (parts, spec, dialogData, oldBackstage) => {
- const newBackstage = deepMerge(oldBackstage, { shared: { interpreter: childSpec => interpretParts(parts, childSpec, dialogData, newBackstage) } });
- return interpretParts(parts, spec, dialogData, newBackstage);
- };
- const interpretParts = (parts, spec, dialogData, backstage) => get$g(factories, spec.type).fold(() => {
- console.error(`Unknown factory type "${ spec.type }", defaulting to container: `, spec);
- return spec;
- }, factory => factory(parts, spec, dialogData, backstage));
- const interpretWithoutForm = (spec, dialogData, backstage) => interpretParts(noFormParts, spec, dialogData, backstage);
- const labelPrefix = 'layout-inset';
- const westEdgeX = anchor => anchor.x;
- const middleX = (anchor, element) => anchor.x + anchor.width / 2 - element.width / 2;
- const eastEdgeX = (anchor, element) => anchor.x + anchor.width - element.width;
- const northY = anchor => anchor.y;
- const southY = (anchor, element) => anchor.y + anchor.height - element.height;
- const centreY = (anchor, element) => anchor.y + anchor.height / 2 - element.height / 2;
- const southwest = (anchor, element, bubbles) => nu$6(eastEdgeX(anchor, element), southY(anchor, element), bubbles.insetSouthwest(), northwest$3(), 'southwest', boundsRestriction(anchor, {
- right: 0,
- bottom: 3
- }), labelPrefix);
- const southeast = (anchor, element, bubbles) => nu$6(westEdgeX(anchor), southY(anchor, element), bubbles.insetSoutheast(), northeast$3(), 'southeast', boundsRestriction(anchor, {
- left: 1,
- bottom: 3
- }), labelPrefix);
- const northwest = (anchor, element, bubbles) => nu$6(eastEdgeX(anchor, element), northY(anchor), bubbles.insetNorthwest(), southwest$3(), 'northwest', boundsRestriction(anchor, {
- right: 0,
- top: 2
- }), labelPrefix);
- const northeast = (anchor, element, bubbles) => nu$6(westEdgeX(anchor), northY(anchor), bubbles.insetNortheast(), southeast$3(), 'northeast', boundsRestriction(anchor, {
- left: 1,
- top: 2
- }), labelPrefix);
- const north = (anchor, element, bubbles) => nu$6(middleX(anchor, element), northY(anchor), bubbles.insetNorth(), south$3(), 'north', boundsRestriction(anchor, { top: 2 }), labelPrefix);
- const south = (anchor, element, bubbles) => nu$6(middleX(anchor, element), southY(anchor, element), bubbles.insetSouth(), north$3(), 'south', boundsRestriction(anchor, { bottom: 3 }), labelPrefix);
- const east = (anchor, element, bubbles) => nu$6(eastEdgeX(anchor, element), centreY(anchor, element), bubbles.insetEast(), west$3(), 'east', boundsRestriction(anchor, { right: 0 }), labelPrefix);
- const west = (anchor, element, bubbles) => nu$6(westEdgeX(anchor), centreY(anchor, element), bubbles.insetWest(), east$3(), 'west', boundsRestriction(anchor, { left: 1 }), labelPrefix);
- const lookupPreserveLayout = lastPlacement => {
- switch (lastPlacement) {
- case 'north':
- return north;
- case 'northeast':
- return northeast;
- case 'northwest':
- return northwest;
- case 'south':
- return south;
- case 'southeast':
- return southeast;
- case 'southwest':
- return southwest;
- case 'east':
- return east;
- case 'west':
- return west;
- }
- };
- const preserve = (anchor, element, bubbles, placee, bounds) => {
- const layout = getPlacement(placee).map(lookupPreserveLayout).getOr(north);
- return layout(anchor, element, bubbles, placee, bounds);
- };
- const lookupFlippedLayout = lastPlacement => {
- switch (lastPlacement) {
- case 'north':
- return south;
- case 'northeast':
- return southeast;
- case 'northwest':
- return southwest;
- case 'south':
- return north;
- case 'southeast':
- return northeast;
- case 'southwest':
- return northwest;
- case 'east':
- return west;
- case 'west':
- return east;
- }
- };
- const flip = (anchor, element, bubbles, placee, bounds) => {
- const layout = getPlacement(placee).map(lookupFlippedLayout).getOr(north);
- return layout(anchor, element, bubbles, placee, bounds);
- };
- const bubbleAlignments$2 = {
- valignCentre: [],
- alignCentre: [],
- alignLeft: [],
- alignRight: [],
- right: [],
- left: [],
- bottom: [],
- top: []
- };
- const getInlineDialogAnchor = (contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor) => {
- const bubbleSize = 12;
- const overrides = { maxHeightFunction: expandable$1() };
- const editableAreaAnchor = () => ({
- type: 'node',
- root: getContentContainer(contentAreaElement()),
- node: Optional.from(contentAreaElement()),
- bubble: nu$5(bubbleSize, bubbleSize, bubbleAlignments$2),
- layouts: {
- onRtl: () => [northeast],
- onLtr: () => [northwest]
- },
- overrides
- });
- const standardAnchor = () => ({
- type: 'hotspot',
- hotspot: lazyAnchorbar(),
- bubble: nu$5(-bubbleSize, bubbleSize, bubbleAlignments$2),
- layouts: {
- onRtl: () => [southeast$2],
- onLtr: () => [southwest$2]
- },
- overrides
- });
- return () => lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
- };
- const getBannerAnchor = (contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor) => {
- const editableAreaAnchor = () => ({
- type: 'node',
- root: getContentContainer(contentAreaElement()),
- node: Optional.from(contentAreaElement()),
- layouts: {
- onRtl: () => [north],
- onLtr: () => [north]
- }
- });
- const standardAnchor = () => ({
- type: 'hotspot',
- hotspot: lazyAnchorbar(),
- layouts: {
- onRtl: () => [south$2],
- onLtr: () => [south$2]
- }
- });
- return () => lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
- };
- const getCursorAnchor = (editor, bodyElement) => () => ({
- type: 'selection',
- root: bodyElement(),
- getSelection: () => {
- const rng = editor.selection.getRng();
- return Optional.some(SimSelection.range(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset));
- }
- });
- const getNodeAnchor$1 = bodyElement => element => ({
- type: 'node',
- root: bodyElement(),
- node: element
- });
- const getAnchors = (editor, lazyAnchorbar, isToolbarTop) => {
- const useFixedToolbarContainer = useFixedContainer(editor);
- const bodyElement = () => SugarElement.fromDom(editor.getBody());
- const contentAreaElement = () => SugarElement.fromDom(editor.getContentAreaContainer());
- const lazyUseEditableAreaAnchor = () => useFixedToolbarContainer || !isToolbarTop();
- return {
- inlineDialog: getInlineDialogAnchor(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor),
- banner: getBannerAnchor(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor),
- cursor: getCursorAnchor(editor, bodyElement),
- node: getNodeAnchor$1(bodyElement)
- };
- };
- const colorPicker = editor => (callback, value) => {
- const dialog = colorPickerDialog(editor);
- dialog(callback, value);
- };
- const hasCustomColors = editor => () => hasCustomColors$1(editor);
- const getColors = editor => () => getColors$2(editor);
- const getColorCols = editor => () => getColorCols$1(editor);
- const ColorInputBackstage = editor => ({
- colorPicker: colorPicker(editor),
- hasCustomColors: hasCustomColors(editor),
- getColors: getColors(editor),
- getColorCols: getColorCols(editor)
- });
- const isDraggableModal = editor => () => isDraggableModal$1(editor);
- const DialogBackstage = editor => ({ isDraggableModal: isDraggableModal(editor) });
- const HeaderBackstage = editor => {
- const mode = Cell(isToolbarLocationBottom(editor) ? 'bottom' : 'top');
- return {
- isPositionedAtTop: () => mode.get() === 'top',
- getDockingMode: mode.get,
- setDockingMode: mode.set
- };
- };
- const defaultStyleFormats = [
- {
- title: 'Headings',
- items: [
- {
- title: 'Heading 1',
- format: 'h1'
- },
- {
- title: 'Heading 2',
- format: 'h2'
- },
- {
- title: 'Heading 3',
- format: 'h3'
- },
- {
- title: 'Heading 4',
- format: 'h4'
- },
- {
- title: 'Heading 5',
- format: 'h5'
- },
- {
- title: 'Heading 6',
- format: 'h6'
- }
- ]
- },
- {
- title: 'Inline',
- items: [
- {
- title: 'Bold',
- format: 'bold'
- },
- {
- title: 'Italic',
- format: 'italic'
- },
- {
- title: 'Underline',
- format: 'underline'
- },
- {
- title: 'Strikethrough',
- format: 'strikethrough'
- },
- {
- title: 'Superscript',
- format: 'superscript'
- },
- {
- title: 'Subscript',
- format: 'subscript'
- },
- {
- title: 'Code',
- format: 'code'
- }
- ]
- },
- {
- title: 'Blocks',
- items: [
- {
- title: 'Paragraph',
- format: 'p'
- },
- {
- title: 'Blockquote',
- format: 'blockquote'
- },
- {
- title: 'Div',
- format: 'div'
- },
- {
- title: 'Pre',
- format: 'pre'
- }
- ]
- },
- {
- title: 'Align',
- items: [
- {
- title: 'Left',
- format: 'alignleft'
- },
- {
- title: 'Center',
- format: 'aligncenter'
- },
- {
- title: 'Right',
- format: 'alignright'
- },
- {
- title: 'Justify',
- format: 'alignjustify'
- }
- ]
- }
- ];
- const isNestedFormat = format => has$2(format, 'items');
- const isBlockFormat = format => has$2(format, 'block');
- const isInlineFormat = format => has$2(format, 'inline');
- const isSelectorFormat = format => has$2(format, 'selector');
- const mapFormats = userFormats => foldl(userFormats, (acc, fmt) => {
- if (isNestedFormat(fmt)) {
- const result = mapFormats(fmt.items);
- return {
- customFormats: acc.customFormats.concat(result.customFormats),
- formats: acc.formats.concat([{
- title: fmt.title,
- items: result.formats
- }])
- };
- } else if (isInlineFormat(fmt) || isBlockFormat(fmt) || isSelectorFormat(fmt)) {
- const formatName = isString(fmt.name) ? fmt.name : fmt.title.toLowerCase();
- const formatNameWithPrefix = `custom-${ formatName }`;
- return {
- customFormats: acc.customFormats.concat([{
- name: formatNameWithPrefix,
- format: fmt
- }]),
- formats: acc.formats.concat([{
- title: fmt.title,
- format: formatNameWithPrefix,
- icon: fmt.icon
- }])
- };
- } else {
- return {
- ...acc,
- formats: acc.formats.concat(fmt)
- };
- }
- }, {
- customFormats: [],
- formats: []
- });
- const registerCustomFormats = (editor, userFormats) => {
- const result = mapFormats(userFormats);
- const registerFormats = customFormats => {
- each$1(customFormats, fmt => {
- if (!editor.formatter.has(fmt.name)) {
- editor.formatter.register(fmt.name, fmt.format);
- }
- });
- };
- if (editor.formatter) {
- registerFormats(result.customFormats);
- } else {
- editor.on('init', () => {
- registerFormats(result.customFormats);
- });
- }
- return result.formats;
- };
- const getStyleFormats = editor => getUserStyleFormats(editor).map(userFormats => {
- const registeredUserFormats = registerCustomFormats(editor, userFormats);
- return shouldMergeStyleFormats(editor) ? defaultStyleFormats.concat(registeredUserFormats) : registeredUserFormats;
- }).getOr(defaultStyleFormats);
- const processBasic = (item, isSelectedFor, getPreviewFor) => {
- const formatterSpec = {
- type: 'formatter',
- isSelected: isSelectedFor(item.format),
- getStylePreview: getPreviewFor(item.format)
- };
- return deepMerge(item, formatterSpec);
- };
- const register$a = (editor, formats, isSelectedFor, getPreviewFor) => {
- const enrichSupported = item => processBasic(item, isSelectedFor, getPreviewFor);
- const enrichMenu = item => {
- const submenuSpec = { type: 'submenu' };
- return deepMerge(item, submenuSpec);
- };
- const enrichCustom = item => {
- const formatName = isString(item.name) ? item.name : generate$6(item.title);
- const formatNameWithPrefix = `custom-${ formatName }`;
- const customSpec = {
- type: 'formatter',
- format: formatNameWithPrefix,
- isSelected: isSelectedFor(formatNameWithPrefix),
- getStylePreview: getPreviewFor(formatNameWithPrefix)
- };
- const newItem = deepMerge(item, customSpec);
- editor.formatter.register(formatName, newItem);
- return newItem;
- };
- const doEnrich = items => map$2(items, item => {
- const keys$1 = keys(item);
- if (hasNonNullableKey(item, 'items')) {
- const newItems = doEnrich(item.items);
- return deepMerge(enrichMenu(item), { getStyleItems: constant$1(newItems) });
- } else if (hasNonNullableKey(item, 'format')) {
- return enrichSupported(item);
- } else if (keys$1.length === 1 && contains$2(keys$1, 'title')) {
- return deepMerge(item, { type: 'separator' });
- } else {
- return enrichCustom(item);
- }
- });
- return doEnrich(formats);
- };
- const init$8 = editor => {
- const isSelectedFor = format => () => editor.formatter.match(format);
- const getPreviewFor = format => () => {
- const fmt = editor.formatter.get(format);
- return fmt !== undefined ? Optional.some({
- tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
- styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
- }) : Optional.none();
- };
- const flatten = fmt => {
- const subs = fmt.items;
- return subs !== undefined && subs.length > 0 ? bind$3(subs, flatten) : [fmt.format];
- };
- const settingsFormats = Cell([]);
- const settingsFlattenedFormats = Cell([]);
- const eventsFormats = Cell([]);
- const eventsFlattenedFormats = Cell([]);
- const replaceSettings = Cell(false);
- editor.on('PreInit', _e => {
- const formats = getStyleFormats(editor);
- const enriched = register$a(editor, formats, isSelectedFor, getPreviewFor);
- settingsFormats.set(enriched);
- settingsFlattenedFormats.set(bind$3(enriched, flatten));
- });
- editor.on('addStyleModifications', e => {
- const modifications = register$a(editor, e.items, isSelectedFor, getPreviewFor);
- eventsFormats.set(modifications);
- replaceSettings.set(e.replace);
- eventsFlattenedFormats.set(bind$3(modifications, flatten));
- });
- const getData = () => {
- const fromSettings = replaceSettings.get() ? [] : settingsFormats.get();
- const fromEvents = eventsFormats.get();
- return fromSettings.concat(fromEvents);
- };
- const getFlattenedKeys = () => {
- const fromSettings = replaceSettings.get() ? [] : settingsFlattenedFormats.get();
- const fromEvents = eventsFlattenedFormats.get();
- return fromSettings.concat(fromEvents);
- };
- return {
- getData,
- getFlattenedKeys
- };
- };
- const isElement = node => isNonNullable(node) && node.nodeType === 1;
- const trim = global$1.trim;
- const hasContentEditableState = value => {
- return node => {
- if (isElement(node)) {
- if (node.contentEditable === value) {
- return true;
- }
- if (node.getAttribute('data-mce-contenteditable') === value) {
- return true;
- }
- }
- return false;
- };
- };
- const isContentEditableTrue = hasContentEditableState('true');
- const isContentEditableFalse = hasContentEditableState('false');
- const create = (type, title, url, level, attach) => {
- return {
- type,
- title,
- url,
- level,
- attach
- };
- };
- const isChildOfContentEditableTrue = node => {
- while (node = node.parentNode) {
- const value = node.contentEditable;
- if (value && value !== 'inherit') {
- return isContentEditableTrue(node);
- }
- }
- return false;
- };
- const select = (selector, root) => {
- return map$2(descendants(SugarElement.fromDom(root), selector), element => {
- return element.dom;
- });
- };
- const getElementText = elm => {
- return elm.innerText || elm.textContent;
- };
- const getOrGenerateId = elm => {
- return elm.id ? elm.id : generate$6('h');
- };
- const isAnchor = elm => {
- return elm && elm.nodeName === 'A' && (elm.id || elm.name) !== undefined;
- };
- const isValidAnchor = elm => {
- return isAnchor(elm) && isEditable(elm);
- };
- const isHeader = elm => {
- return elm && /^(H[1-6])$/.test(elm.nodeName);
- };
- const isEditable = elm => {
- return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm);
- };
- const isValidHeader = elm => {
- return isHeader(elm) && isEditable(elm);
- };
- const getLevel = elm => {
- return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0;
- };
- const headerTarget = elm => {
- const headerId = getOrGenerateId(elm);
- const attach = () => {
- elm.id = headerId;
- };
- return create('header', getElementText(elm), '#' + headerId, getLevel(elm), attach);
- };
- const anchorTarget = elm => {
- const anchorId = elm.id || elm.name;
- const anchorText = getElementText(elm);
- return create('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop);
- };
- const getHeaderTargets = elms => {
- return map$2(filter$2(elms, isValidHeader), headerTarget);
- };
- const getAnchorTargets = elms => {
- return map$2(filter$2(elms, isValidAnchor), anchorTarget);
- };
- const getTargetElements = elm => {
- const elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm);
- return elms;
- };
- const hasTitle = target => {
- return trim(target.title).length > 0;
- };
- const find = elm => {
- const elms = getTargetElements(elm);
- return filter$2(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle);
- };
- const LinkTargets = { find };
- const STORAGE_KEY = 'tinymce-url-history';
- const HISTORY_LENGTH = 5;
- const isHttpUrl = url => isString(url) && /^https?/.test(url);
- const isArrayOfUrl = a => isArray(a) && a.length <= HISTORY_LENGTH && forall(a, isHttpUrl);
- const isRecordOfUrlArray = r => isObject(r) && find$4(r, value => !isArrayOfUrl(value)).isNone();
- const getAllHistory = () => {
- const unparsedHistory = global$4.getItem(STORAGE_KEY);
- if (unparsedHistory === null) {
- return {};
- }
- let history;
- try {
- history = JSON.parse(unparsedHistory);
- } catch (e) {
- if (e instanceof SyntaxError) {
- console.log('Local storage ' + STORAGE_KEY + ' was not valid JSON', e);
- return {};
- }
- throw e;
- }
- if (!isRecordOfUrlArray(history)) {
- console.log('Local storage ' + STORAGE_KEY + ' was not valid format', history);
- return {};
- }
- return history;
- };
- const setAllHistory = history => {
- if (!isRecordOfUrlArray(history)) {
- throw new Error('Bad format for history:\n' + JSON.stringify(history));
- }
- global$4.setItem(STORAGE_KEY, JSON.stringify(history));
- };
- const getHistory = fileType => {
- const history = getAllHistory();
- return get$g(history, fileType).getOr([]);
- };
- const addToHistory = (url, fileType) => {
- if (!isHttpUrl(url)) {
- return;
- }
- const history = getAllHistory();
- const items = get$g(history, fileType).getOr([]);
- const itemsWithoutUrl = filter$2(items, item => item !== url);
- history[fileType] = [url].concat(itemsWithoutUrl).slice(0, HISTORY_LENGTH);
- setAllHistory(history);
- };
- const isTruthy = value => !!value;
- const makeMap = value => map$1(global$1.makeMap(value, /[, ]/), isTruthy);
- const getPicker = editor => Optional.from(getFilePickerCallback(editor));
- const getPickerTypes = editor => {
- const optFileTypes = Optional.from(getFilePickerTypes(editor)).filter(isTruthy).map(makeMap);
- return getPicker(editor).fold(never, _picker => optFileTypes.fold(always, types => keys(types).length > 0 ? types : false));
- };
- const getPickerSetting = (editor, filetype) => {
- const pickerTypes = getPickerTypes(editor);
- if (isBoolean(pickerTypes)) {
- return pickerTypes ? getPicker(editor) : Optional.none();
- } else {
- return pickerTypes[filetype] ? getPicker(editor) : Optional.none();
- }
- };
- const getUrlPicker = (editor, filetype) => getPickerSetting(editor, filetype).map(picker => entry => Future.nu(completer => {
- const handler = (value, meta) => {
- if (!isString(value)) {
- throw new Error('Expected value to be string');
- }
- if (meta !== undefined && !isObject(meta)) {
- throw new Error('Expected meta to be a object');
- }
- const r = {
- value,
- meta
- };
- completer(r);
- };
- const meta = {
- filetype,
- fieldname: entry.fieldname,
- ...Optional.from(entry.meta).getOr({})
- };
- picker.call(editor, handler, entry.value, meta);
- }));
- const getTextSetting = value => Optional.from(value).filter(isString).getOrUndefined();
- const getLinkInformation = editor => {
- if (!useTypeaheadUrls(editor)) {
- return Optional.none();
- }
- return Optional.some({
- targets: LinkTargets.find(editor.getBody()),
- anchorTop: getTextSetting(getAnchorTop(editor)),
- anchorBottom: getTextSetting(getAnchorBottom(editor))
- });
- };
- const getValidationHandler = editor => Optional.from(getFilePickerValidatorHandler(editor));
- const UrlInputBackstage = editor => ({
- getHistory,
- addToHistory,
- getLinkInformation: () => getLinkInformation(editor),
- getValidationHandler: () => getValidationHandler(editor),
- getUrlPicker: filetype => getUrlPicker(editor, filetype)
- });
- const init$7 = (lazySink, editor, lazyAnchorbar) => {
- const contextMenuState = Cell(false);
- const toolbar = HeaderBackstage(editor);
- const backstage = {
- shared: {
- providers: {
- icons: () => editor.ui.registry.getAll().icons,
- menuItems: () => editor.ui.registry.getAll().menuItems,
- translate: global$8.translate,
- isDisabled: () => editor.mode.isReadOnly() || !editor.ui.isEnabled(),
- getOption: editor.options.get
- },
- interpreter: s => interpretWithoutForm(s, {}, backstage),
- anchors: getAnchors(editor, lazyAnchorbar, toolbar.isPositionedAtTop),
- header: toolbar,
- getSink: lazySink
- },
- urlinput: UrlInputBackstage(editor),
- styles: init$8(editor),
- colorinput: ColorInputBackstage(editor),
- dialog: DialogBackstage(editor),
- isContextMenuOpen: () => contextMenuState.get(),
- setContextMenuState: state => contextMenuState.set(state)
- };
- return backstage;
- };
- const setup$b = (editor, mothership, uiMothership) => {
- const broadcastEvent = (name, evt) => {
- each$1([
- mothership,
- uiMothership
- ], ship => {
- ship.broadcastEvent(name, evt);
- });
- };
- const broadcastOn = (channel, message) => {
- each$1([
- mothership,
- uiMothership
- ], ship => {
- ship.broadcastOn([channel], message);
- });
- };
- const fireDismissPopups = evt => broadcastOn(dismissPopups(), { target: evt.target });
- const doc = getDocument();
- const onTouchstart = bind(doc, 'touchstart', fireDismissPopups);
- const onTouchmove = bind(doc, 'touchmove', evt => broadcastEvent(documentTouchmove(), evt));
- const onTouchend = bind(doc, 'touchend', evt => broadcastEvent(documentTouchend(), evt));
- const onMousedown = bind(doc, 'mousedown', fireDismissPopups);
- const onMouseup = bind(doc, 'mouseup', evt => {
- if (evt.raw.button === 0) {
- broadcastOn(mouseReleased(), { target: evt.target });
- }
- });
- const onContentClick = raw => broadcastOn(dismissPopups(), { target: SugarElement.fromDom(raw.target) });
- const onContentMouseup = raw => {
- if (raw.button === 0) {
- broadcastOn(mouseReleased(), { target: SugarElement.fromDom(raw.target) });
- }
- };
- const onContentMousedown = () => {
- each$1(editor.editorManager.get(), loopEditor => {
- if (editor !== loopEditor) {
- loopEditor.dispatch('DismissPopups', { relatedTarget: editor });
- }
- });
- };
- const onWindowScroll = evt => broadcastEvent(windowScroll(), fromRawEvent(evt));
- const onWindowResize = evt => {
- broadcastOn(repositionPopups(), {});
- broadcastEvent(windowResize(), fromRawEvent(evt));
- };
- const onEditorResize = () => broadcastOn(repositionPopups(), {});
- const onEditorProgress = evt => {
- if (evt.state) {
- broadcastOn(dismissPopups(), { target: SugarElement.fromDom(editor.getContainer()) });
- }
- };
- const onDismissPopups = event => {
- broadcastOn(dismissPopups(), { target: SugarElement.fromDom(event.relatedTarget.getContainer()) });
- };
- editor.on('PostRender', () => {
- editor.on('click', onContentClick);
- editor.on('tap', onContentClick);
- editor.on('mouseup', onContentMouseup);
- editor.on('mousedown', onContentMousedown);
- editor.on('ScrollWindow', onWindowScroll);
- editor.on('ResizeWindow', onWindowResize);
- editor.on('ResizeEditor', onEditorResize);
- editor.on('AfterProgressState', onEditorProgress);
- editor.on('DismissPopups', onDismissPopups);
- });
- editor.on('remove', () => {
- editor.off('click', onContentClick);
- editor.off('tap', onContentClick);
- editor.off('mouseup', onContentMouseup);
- editor.off('mousedown', onContentMousedown);
- editor.off('ScrollWindow', onWindowScroll);
- editor.off('ResizeWindow', onWindowResize);
- editor.off('ResizeEditor', onEditorResize);
- editor.off('AfterProgressState', onEditorProgress);
- editor.off('DismissPopups', onDismissPopups);
- onMousedown.unbind();
- onTouchstart.unbind();
- onTouchmove.unbind();
- onTouchend.unbind();
- onMouseup.unbind();
- });
- editor.on('detach', () => {
- detachSystem(mothership);
- detachSystem(uiMothership);
- mothership.destroy();
- uiMothership.destroy();
- });
- };
- const parts$a = AlloyParts;
- const partType = PartType;
- const schema$f = constant$1([
- defaulted('shell', false),
- required$1('makeItem'),
- defaulted('setupItem', noop),
- SketchBehaviours.field('listBehaviours', [Replacing])
- ]);
- const customListDetail = () => ({ behaviours: derive$1([Replacing.config({})]) });
- const itemsPart = optional({
- name: 'items',
- overrides: customListDetail
- });
- const parts$9 = constant$1([itemsPart]);
- const name = constant$1('CustomList');
- const factory$d = (detail, components, _spec, _external) => {
- const setItems = (list, items) => {
- getListContainer(list).fold(() => {
- console.error('Custom List was defined to not be a shell, but no item container was specified in components');
- throw new Error('Custom List was defined to not be a shell, but no item container was specified in components');
- }, container => {
- const itemComps = Replacing.contents(container);
- const numListsRequired = items.length;
- const numListsToAdd = numListsRequired - itemComps.length;
- const itemsToAdd = numListsToAdd > 0 ? range$2(numListsToAdd, () => detail.makeItem()) : [];
- const itemsToRemove = itemComps.slice(numListsRequired);
- each$1(itemsToRemove, item => Replacing.remove(container, item));
- each$1(itemsToAdd, item => Replacing.append(container, item));
- const builtLists = Replacing.contents(container);
- each$1(builtLists, (item, i) => {
- detail.setupItem(list, item, items[i], i);
- });
- });
- };
- const extra = detail.shell ? {
- behaviours: [Replacing.config({})],
- components: []
- } : {
- behaviours: [],
- components
- };
- const getListContainer = component => detail.shell ? Optional.some(component) : getPart(component, detail, 'items');
- return {
- uid: detail.uid,
- dom: detail.dom,
- components: extra.components,
- behaviours: augment(detail.listBehaviours, extra.behaviours),
- apis: { setItems }
- };
- };
- const CustomList = composite({
- name: name(),
- configFields: schema$f(),
- partFields: parts$9(),
- factory: factory$d,
- apis: {
- setItems: (apis, list, items) => {
- apis.setItems(list, items);
- }
- }
- });
- const schema$e = constant$1([
- required$1('dom'),
- defaulted('shell', true),
- field('toolbarBehaviours', [Replacing])
- ]);
- const enhanceGroups = () => ({ behaviours: derive$1([Replacing.config({})]) });
- const parts$8 = constant$1([optional({
- name: 'groups',
- overrides: enhanceGroups
- })]);
- const factory$c = (detail, components, _spec, _externals) => {
- const setGroups = (toolbar, groups) => {
- getGroupContainer(toolbar).fold(() => {
- console.error('Toolbar was defined to not be a shell, but no groups container was specified in components');
- throw new Error('Toolbar was defined to not be a shell, but no groups container was specified in components');
- }, container => {
- Replacing.set(container, groups);
- });
- };
- const getGroupContainer = component => detail.shell ? Optional.some(component) : getPart(component, detail, 'groups');
- const extra = detail.shell ? {
- behaviours: [Replacing.config({})],
- components: []
- } : {
- behaviours: [],
- components
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components: extra.components,
- behaviours: augment(detail.toolbarBehaviours, extra.behaviours),
- apis: { setGroups },
- domModification: { attributes: { role: 'group' } }
- };
- };
- const Toolbar = composite({
- name: 'Toolbar',
- configFields: schema$e(),
- partFields: parts$8(),
- factory: factory$c,
- apis: {
- setGroups: (apis, toolbar, groups) => {
- apis.setGroups(toolbar, groups);
- }
- }
- });
- const setup$a = noop;
- const isDocked$2 = never;
- const getBehaviours$1 = constant$1([]);
- var StaticHeader = /*#__PURE__*/Object.freeze({
- __proto__: null,
- setup: setup$a,
- isDocked: isDocked$2,
- getBehaviours: getBehaviours$1
- });
- const getOffsetParent = element => {
- const isFixed = is$1(getRaw(element, 'position'), 'fixed');
- const offsetParent$1 = isFixed ? Optional.none() : offsetParent(element);
- return offsetParent$1.orThunk(() => {
- const marker = SugarElement.fromTag('span');
- return parent(element).bind(parent => {
- append$2(parent, marker);
- const offsetParent$1 = offsetParent(marker);
- remove$5(marker);
- return offsetParent$1;
- });
- });
- };
- const getOrigin = element => getOffsetParent(element).map(absolute$3).getOrThunk(() => SugarPosition(0, 0));
- const morphAdt = Adt.generate([
- { static: [] },
- { absolute: ['positionCss'] },
- { fixed: ['positionCss'] }
- ]);
- const appear = (component, contextualInfo) => {
- const elem = component.element;
- add$2(elem, contextualInfo.transitionClass);
- remove$2(elem, contextualInfo.fadeOutClass);
- add$2(elem, contextualInfo.fadeInClass);
- contextualInfo.onShow(component);
- };
- const disappear = (component, contextualInfo) => {
- const elem = component.element;
- add$2(elem, contextualInfo.transitionClass);
- remove$2(elem, contextualInfo.fadeInClass);
- add$2(elem, contextualInfo.fadeOutClass);
- contextualInfo.onHide(component);
- };
- const isPartiallyVisible = (box, viewport) => box.y < viewport.bottom && box.bottom > viewport.y;
- const isTopCompletelyVisible = (box, viewport) => box.y >= viewport.y;
- const isBottomCompletelyVisible = (box, viewport) => box.bottom <= viewport.bottom;
- const isVisibleForModes = (modes, box, viewport) => forall(modes, mode => {
- switch (mode) {
- case 'bottom':
- return isBottomCompletelyVisible(box, viewport);
- case 'top':
- return isTopCompletelyVisible(box, viewport);
- }
- });
- const getPrior = (elem, state) => state.getInitialPos().map(pos => bounds(pos.bounds.x, pos.bounds.y, get$c(elem), get$d(elem)));
- const storePrior = (elem, box, state) => {
- state.setInitialPos({
- style: getAllRaw(elem),
- position: get$e(elem, 'position') || 'static',
- bounds: box
- });
- };
- const revertToOriginal = (elem, box, state) => state.getInitialPos().bind(position => {
- state.clearInitialPos();
- switch (position.position) {
- case 'static':
- return Optional.some(morphAdt.static());
- case 'absolute':
- const offsetBox = getOffsetParent(elem).map(box$1).getOrThunk(() => box$1(body()));
- return Optional.some(morphAdt.absolute(NuPositionCss('absolute', get$g(position.style, 'left').map(_left => box.x - offsetBox.x), get$g(position.style, 'top').map(_top => box.y - offsetBox.y), get$g(position.style, 'right').map(_right => offsetBox.right - box.right), get$g(position.style, 'bottom').map(_bottom => offsetBox.bottom - box.bottom))));
- default:
- return Optional.none();
- }
- });
- const morphToOriginal = (elem, viewport, state) => getPrior(elem, state).filter(box => isVisibleForModes(state.getModes(), box, viewport)).bind(box => revertToOriginal(elem, box, state));
- const morphToFixed = (elem, viewport, state) => {
- const box = box$1(elem);
- if (!isVisibleForModes(state.getModes(), box, viewport)) {
- storePrior(elem, box, state);
- const winBox = win();
- const left = box.x - winBox.x;
- const top = viewport.y - winBox.y;
- const bottom = winBox.bottom - viewport.bottom;
- const isTop = box.y <= viewport.y;
- return Optional.some(morphAdt.fixed(NuPositionCss('fixed', Optional.some(left), isTop ? Optional.some(top) : Optional.none(), Optional.none(), !isTop ? Optional.some(bottom) : Optional.none())));
- } else {
- return Optional.none();
- }
- };
- const getMorph = (component, viewport, state) => {
- const elem = component.element;
- const isDocked = is$1(getRaw(elem, 'position'), 'fixed');
- return isDocked ? morphToOriginal(elem, viewport, state) : morphToFixed(elem, viewport, state);
- };
- const getMorphToOriginal = (component, state) => {
- const elem = component.element;
- return getPrior(elem, state).bind(box => revertToOriginal(elem, box, state));
- };
- const morphToStatic = (component, config, state) => {
- state.setDocked(false);
- each$1([
- 'left',
- 'right',
- 'top',
- 'bottom',
- 'position'
- ], prop => remove$6(component.element, prop));
- config.onUndocked(component);
- };
- const morphToCoord = (component, config, state, position) => {
- const isDocked = position.position === 'fixed';
- state.setDocked(isDocked);
- applyPositionCss(component.element, position);
- const method = isDocked ? config.onDocked : config.onUndocked;
- method(component);
- };
- const updateVisibility = (component, config, state, viewport, morphToDocked = false) => {
- config.contextual.each(contextInfo => {
- contextInfo.lazyContext(component).each(box => {
- const isVisible = isPartiallyVisible(box, viewport);
- if (isVisible !== state.isVisible()) {
- state.setVisible(isVisible);
- if (morphToDocked && !isVisible) {
- add$1(component.element, [contextInfo.fadeOutClass]);
- contextInfo.onHide(component);
- } else {
- const method = isVisible ? appear : disappear;
- method(component, contextInfo);
- }
- }
- });
- });
- };
- const refreshInternal = (component, config, state) => {
- const viewport = config.lazyViewport(component);
- const isDocked = state.isDocked();
- if (isDocked) {
- updateVisibility(component, config, state, viewport);
- }
- getMorph(component, viewport, state).each(morph => {
- morph.fold(() => morphToStatic(component, config, state), position => morphToCoord(component, config, state, position), position => {
- updateVisibility(component, config, state, viewport, true);
- morphToCoord(component, config, state, position);
- });
- });
- };
- const resetInternal = (component, config, state) => {
- const elem = component.element;
- state.setDocked(false);
- getMorphToOriginal(component, state).each(morph => {
- morph.fold(() => morphToStatic(component, config, state), position => morphToCoord(component, config, state, position), noop);
- });
- state.setVisible(true);
- config.contextual.each(contextInfo => {
- remove$1(elem, [
- contextInfo.fadeInClass,
- contextInfo.fadeOutClass,
- contextInfo.transitionClass
- ]);
- contextInfo.onShow(component);
- });
- refresh$4(component, config, state);
- };
- const refresh$4 = (component, config, state) => {
- if (component.getSystem().isConnected()) {
- refreshInternal(component, config, state);
- }
- };
- const reset = (component, config, state) => {
- if (state.isDocked()) {
- resetInternal(component, config, state);
- }
- };
- const isDocked$1 = (component, config, state) => state.isDocked();
- const setModes = (component, config, state, modes) => state.setModes(modes);
- const getModes = (component, config, state) => state.getModes();
- var DockingApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- refresh: refresh$4,
- reset: reset,
- isDocked: isDocked$1,
- getModes: getModes,
- setModes: setModes
- });
- const events$5 = (dockInfo, dockState) => derive$2([
- runOnSource(transitionend(), (component, simulatedEvent) => {
- dockInfo.contextual.each(contextInfo => {
- if (has(component.element, contextInfo.transitionClass)) {
- remove$1(component.element, [
- contextInfo.transitionClass,
- contextInfo.fadeInClass
- ]);
- const notify = dockState.isVisible() ? contextInfo.onShown : contextInfo.onHidden;
- notify(component);
- }
- simulatedEvent.stop();
- });
- }),
- run$1(windowScroll(), (component, _) => {
- refresh$4(component, dockInfo, dockState);
- }),
- run$1(windowResize(), (component, _) => {
- reset(component, dockInfo, dockState);
- })
- ]);
- var ActiveDocking = /*#__PURE__*/Object.freeze({
- __proto__: null,
- events: events$5
- });
- var DockingSchema = [
- optionObjOf('contextual', [
- requiredString('fadeInClass'),
- requiredString('fadeOutClass'),
- requiredString('transitionClass'),
- requiredFunction('lazyContext'),
- onHandler('onShow'),
- onHandler('onShown'),
- onHandler('onHide'),
- onHandler('onHidden')
- ]),
- defaultedFunction('lazyViewport', win),
- defaultedArrayOf('modes', [
- 'top',
- 'bottom'
- ], string),
- onHandler('onDocked'),
- onHandler('onUndocked')
- ];
- const init$6 = spec => {
- const docked = Cell(false);
- const visible = Cell(true);
- const initialBounds = value$2();
- const modes = Cell(spec.modes);
- const readState = () => `docked: ${ docked.get() }, visible: ${ visible.get() }, modes: ${ modes.get().join(',') }`;
- return nu$8({
- isDocked: docked.get,
- setDocked: docked.set,
- getInitialPos: initialBounds.get,
- setInitialPos: initialBounds.set,
- clearInitialPos: initialBounds.clear,
- isVisible: visible.get,
- setVisible: visible.set,
- getModes: modes.get,
- setModes: modes.set,
- readState
- });
- };
- var DockingState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- init: init$6
- });
- const Docking = create$3({
- fields: DockingSchema,
- name: 'docking',
- active: ActiveDocking,
- apis: DockingApis,
- state: DockingState
- });
- const toolbarHeightChange = constant$1(generate$6('toolbar-height-change'));
- const visibility = {
- fadeInClass: 'tox-editor-dock-fadein',
- fadeOutClass: 'tox-editor-dock-fadeout',
- transitionClass: 'tox-editor-dock-transition'
- };
- const editorStickyOnClass = 'tox-tinymce--toolbar-sticky-on';
- const editorStickyOffClass = 'tox-tinymce--toolbar-sticky-off';
- const scrollFromBehindHeader = (e, containerHeader) => {
- const doc = owner$4(containerHeader);
- const viewHeight = doc.dom.defaultView.innerHeight;
- const scrollPos = get$b(doc);
- const markerElement = SugarElement.fromDom(e.elm);
- const markerPos = absolute$2(markerElement);
- const markerHeight = get$d(markerElement);
- const markerTop = markerPos.y;
- const markerBottom = markerTop + markerHeight;
- const editorHeaderPos = absolute$3(containerHeader);
- const editorHeaderHeight = get$d(containerHeader);
- const editorHeaderTop = editorHeaderPos.top;
- const editorHeaderBottom = editorHeaderTop + editorHeaderHeight;
- const editorHeaderDockedAtTop = Math.abs(editorHeaderTop - scrollPos.top) < 2;
- const editorHeaderDockedAtBottom = Math.abs(editorHeaderBottom - (scrollPos.top + viewHeight)) < 2;
- if (editorHeaderDockedAtTop && markerTop < editorHeaderBottom) {
- to(scrollPos.left, markerTop - editorHeaderHeight, doc);
- } else if (editorHeaderDockedAtBottom && markerBottom > editorHeaderTop) {
- const y = markerTop - viewHeight + markerHeight + editorHeaderHeight;
- to(scrollPos.left, y, doc);
- }
- };
- const isDockedMode = (header, mode) => contains$2(Docking.getModes(header), mode);
- const updateIframeContentFlow = header => {
- const getOccupiedHeight = elm => getOuter$2(elm) + (parseInt(get$e(elm, 'margin-top'), 10) || 0) + (parseInt(get$e(elm, 'margin-bottom'), 10) || 0);
- const elm = header.element;
- parent(elm).each(parentElem => {
- const padding = 'padding-' + Docking.getModes(header)[0];
- if (Docking.isDocked(header)) {
- const parentWidth = get$c(parentElem);
- set$8(elm, 'width', parentWidth + 'px');
- set$8(parentElem, padding, getOccupiedHeight(elm) + 'px');
- } else {
- remove$6(elm, 'width');
- remove$6(parentElem, padding);
- }
- });
- };
- const updateSinkVisibility = (sinkElem, visible) => {
- if (visible) {
- remove$2(sinkElem, visibility.fadeOutClass);
- add$1(sinkElem, [
- visibility.transitionClass,
- visibility.fadeInClass
- ]);
- } else {
- remove$2(sinkElem, visibility.fadeInClass);
- add$1(sinkElem, [
- visibility.fadeOutClass,
- visibility.transitionClass
- ]);
- }
- };
- const updateEditorClasses = (editor, docked) => {
- const editorContainer = SugarElement.fromDom(editor.getContainer());
- if (docked) {
- add$2(editorContainer, editorStickyOnClass);
- remove$2(editorContainer, editorStickyOffClass);
- } else {
- add$2(editorContainer, editorStickyOffClass);
- remove$2(editorContainer, editorStickyOnClass);
- }
- };
- const restoreFocus = (headerElem, focusedElem) => {
- const ownerDoc = owner$4(focusedElem);
- active$1(ownerDoc).filter(activeElm => !eq(focusedElem, activeElm)).filter(activeElm => eq(activeElm, SugarElement.fromDom(ownerDoc.dom.body)) || contains(headerElem, activeElm)).each(() => focus$3(focusedElem));
- };
- const findFocusedElem = (rootElm, lazySink) => search(rootElm).orThunk(() => lazySink().toOptional().bind(sink => search(sink.element)));
- const setup$9 = (editor, sharedBackstage, lazyHeader) => {
- if (!editor.inline) {
- if (!sharedBackstage.header.isPositionedAtTop()) {
- editor.on('ResizeEditor', () => {
- lazyHeader().each(Docking.reset);
- });
- }
- editor.on('ResizeWindow ResizeEditor', () => {
- lazyHeader().each(updateIframeContentFlow);
- });
- editor.on('SkinLoaded', () => {
- lazyHeader().each(comp => {
- Docking.isDocked(comp) ? Docking.reset(comp) : Docking.refresh(comp);
- });
- });
- editor.on('FullscreenStateChanged', () => {
- lazyHeader().each(Docking.reset);
- });
- }
- editor.on('AfterScrollIntoView', e => {
- lazyHeader().each(header => {
- Docking.refresh(header);
- const headerElem = header.element;
- if (isVisible(headerElem)) {
- scrollFromBehindHeader(e, headerElem);
- }
- });
- });
- editor.on('PostRender', () => {
- updateEditorClasses(editor, false);
- });
- };
- const isDocked = lazyHeader => lazyHeader().map(Docking.isDocked).getOr(false);
- const getIframeBehaviours = () => [Receiving.config({ channels: { [toolbarHeightChange()]: { onReceive: updateIframeContentFlow } } })];
- const getBehaviours = (editor, sharedBackstage) => {
- const focusedElm = value$2();
- const lazySink = sharedBackstage.getSink;
- const runOnSinkElement = f => {
- lazySink().each(sink => f(sink.element));
- };
- const onDockingSwitch = comp => {
- if (!editor.inline) {
- updateIframeContentFlow(comp);
- }
- updateEditorClasses(editor, Docking.isDocked(comp));
- comp.getSystem().broadcastOn([repositionPopups()], {});
- lazySink().each(sink => sink.getSystem().broadcastOn([repositionPopups()], {}));
- };
- const additionalBehaviours = editor.inline ? [] : getIframeBehaviours();
- return [
- Focusing.config({}),
- Docking.config({
- contextual: {
- lazyContext: comp => {
- const headerHeight = getOuter$2(comp.element);
- const container = editor.inline ? editor.getContentAreaContainer() : editor.getContainer();
- const box = box$1(SugarElement.fromDom(container));
- const boxHeight = box.height - headerHeight;
- const topBound = box.y + (isDockedMode(comp, 'top') ? 0 : headerHeight);
- return Optional.some(bounds(box.x, topBound, box.width, boxHeight));
- },
- onShow: () => {
- runOnSinkElement(elem => updateSinkVisibility(elem, true));
- },
- onShown: comp => {
- runOnSinkElement(elem => remove$1(elem, [
- visibility.transitionClass,
- visibility.fadeInClass
- ]));
- focusedElm.get().each(elem => {
- restoreFocus(comp.element, elem);
- focusedElm.clear();
- });
- },
- onHide: comp => {
- findFocusedElem(comp.element, lazySink).fold(focusedElm.clear, focusedElm.set);
- runOnSinkElement(elem => updateSinkVisibility(elem, false));
- },
- onHidden: () => {
- runOnSinkElement(elem => remove$1(elem, [visibility.transitionClass]));
- },
- ...visibility
- },
- lazyViewport: comp => {
- const win$1 = win();
- const offset = getStickyToolbarOffset(editor);
- const top = win$1.y + (isDockedMode(comp, 'top') ? offset : 0);
- const height = win$1.height - (isDockedMode(comp, 'bottom') ? offset : 0);
- return bounds(win$1.x, top, win$1.width, height);
- },
- modes: [sharedBackstage.header.getDockingMode()],
- onDocked: onDockingSwitch,
- onUndocked: onDockingSwitch
- }),
- ...additionalBehaviours
- ];
- };
- var StickyHeader = /*#__PURE__*/Object.freeze({
- __proto__: null,
- setup: setup$9,
- isDocked: isDocked,
- getBehaviours: getBehaviours
- });
- const renderHeader = spec => {
- const editor = spec.editor;
- const getBehaviours$2 = spec.sticky ? getBehaviours : getBehaviours$1;
- return {
- uid: spec.uid,
- dom: spec.dom,
- components: spec.components,
- behaviours: derive$1(getBehaviours$2(editor, spec.sharedBackstage))
- };
- };
- const groupToolbarButtonSchema = objOf([
- type,
- requiredOf('items', oneOf([
- arrOfObj([
- name$1,
- requiredArrayOf('items', string)
- ]),
- string
- ]))
- ].concat(baseToolbarButtonFields));
- const createGroupToolbarButton = spec => asRaw('GroupToolbarButton', groupToolbarButtonSchema, spec);
- const baseMenuButtonFields = [
- optionString('text'),
- optionString('tooltip'),
- optionString('icon'),
- requiredFunction('fetch'),
- defaultedFunction('onSetup', () => noop)
- ];
- const MenuButtonSchema = objOf([
- type,
- ...baseMenuButtonFields
- ]);
- const createMenuButton = spec => asRaw('menubutton', MenuButtonSchema, spec);
- const splitButtonSchema = objOf([
- type,
- optionalTooltip,
- optionalIcon,
- optionalText,
- optionalSelect,
- fetch$1,
- onSetup,
- defaultedStringEnum('presets', 'normal', [
- 'normal',
- 'color',
- 'listpreview'
- ]),
- defaultedColumns(1),
- onAction,
- onItemAction
- ]);
- const createSplitButton = spec => asRaw('SplitButton', splitButtonSchema, spec);
- const factory$b = (detail, spec) => {
- const setMenus = (comp, menus) => {
- const newMenus = map$2(menus, m => {
- const buttonSpec = {
- type: 'menubutton',
- text: m.text,
- fetch: callback => {
- callback(m.getItems());
- }
- };
- const internal = createMenuButton(buttonSpec).mapError(errInfo => formatError(errInfo)).getOrDie();
- return renderMenuButton(internal, 'tox-mbtn', spec.backstage, Optional.some('menuitem'));
- });
- Replacing.set(comp, newMenus);
- };
- const apis = {
- focus: Keying.focusIn,
- setMenus
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components: [],
- behaviours: derive$1([
- Replacing.config({}),
- config('menubar-events', [
- runOnAttached(component => {
- detail.onSetup(component);
- }),
- run$1(mouseover(), (comp, se) => {
- descendant(comp.element, '.' + 'tox-mbtn--active').each(activeButton => {
- closest$1(se.event.target, '.' + 'tox-mbtn').each(hoveredButton => {
- if (!eq(activeButton, hoveredButton)) {
- comp.getSystem().getByDom(activeButton).each(activeComp => {
- comp.getSystem().getByDom(hoveredButton).each(hoveredComp => {
- Dropdown.expand(hoveredComp);
- Dropdown.close(activeComp);
- Focusing.focus(hoveredComp);
- });
- });
- }
- });
- });
- }),
- run$1(focusShifted(), (comp, se) => {
- se.event.prevFocus.bind(prev => comp.getSystem().getByDom(prev).toOptional()).each(prev => {
- se.event.newFocus.bind(nu => comp.getSystem().getByDom(nu).toOptional()).each(nu => {
- if (Dropdown.isOpen(prev)) {
- Dropdown.expand(nu);
- Dropdown.close(prev);
- }
- });
- });
- })
- ]),
- Keying.config({
- mode: 'flow',
- selector: '.' + 'tox-mbtn',
- onEscape: comp => {
- detail.onEscape(comp);
- return Optional.some(true);
- }
- }),
- Tabstopping.config({})
- ]),
- apis,
- domModification: { attributes: { role: 'menubar' } }
- };
- };
- var SilverMenubar = single({
- factory: factory$b,
- name: 'silver.Menubar',
- configFields: [
- required$1('dom'),
- required$1('uid'),
- required$1('onEscape'),
- required$1('backstage'),
- defaulted('onSetup', noop)
- ],
- apis: {
- focus: (apis, comp) => {
- apis.focus(comp);
- },
- setMenus: (apis, comp, menus) => {
- apis.setMenus(comp, menus);
- }
- }
- });
- const getAnimationRoot = (component, slideConfig) => slideConfig.getAnimationRoot.fold(() => component.element, get => get(component));
- const getDimensionProperty = slideConfig => slideConfig.dimension.property;
- const getDimension = (slideConfig, elem) => slideConfig.dimension.getDimension(elem);
- const disableTransitions = (component, slideConfig) => {
- const root = getAnimationRoot(component, slideConfig);
- remove$1(root, [
- slideConfig.shrinkingClass,
- slideConfig.growingClass
- ]);
- };
- const setShrunk = (component, slideConfig) => {
- remove$2(component.element, slideConfig.openClass);
- add$2(component.element, slideConfig.closedClass);
- set$8(component.element, getDimensionProperty(slideConfig), '0px');
- reflow(component.element);
- };
- const setGrown = (component, slideConfig) => {
- remove$2(component.element, slideConfig.closedClass);
- add$2(component.element, slideConfig.openClass);
- remove$6(component.element, getDimensionProperty(slideConfig));
- };
- const doImmediateShrink = (component, slideConfig, slideState, _calculatedSize) => {
- slideState.setCollapsed();
- set$8(component.element, getDimensionProperty(slideConfig), getDimension(slideConfig, component.element));
- reflow(component.element);
- disableTransitions(component, slideConfig);
- setShrunk(component, slideConfig);
- slideConfig.onStartShrink(component);
- slideConfig.onShrunk(component);
- };
- const doStartShrink = (component, slideConfig, slideState, calculatedSize) => {
- const size = calculatedSize.getOrThunk(() => getDimension(slideConfig, component.element));
- slideState.setCollapsed();
- set$8(component.element, getDimensionProperty(slideConfig), size);
- reflow(component.element);
- const root = getAnimationRoot(component, slideConfig);
- remove$2(root, slideConfig.growingClass);
- add$2(root, slideConfig.shrinkingClass);
- setShrunk(component, slideConfig);
- slideConfig.onStartShrink(component);
- };
- const doStartSmartShrink = (component, slideConfig, slideState) => {
- const size = getDimension(slideConfig, component.element);
- const shrinker = size === '0px' ? doImmediateShrink : doStartShrink;
- shrinker(component, slideConfig, slideState, Optional.some(size));
- };
- const doStartGrow = (component, slideConfig, slideState) => {
- const root = getAnimationRoot(component, slideConfig);
- const wasShrinking = has(root, slideConfig.shrinkingClass);
- const beforeSize = getDimension(slideConfig, component.element);
- setGrown(component, slideConfig);
- const fullSize = getDimension(slideConfig, component.element);
- const startPartialGrow = () => {
- set$8(component.element, getDimensionProperty(slideConfig), beforeSize);
- reflow(component.element);
- };
- const startCompleteGrow = () => {
- setShrunk(component, slideConfig);
- };
- const setStartSize = wasShrinking ? startPartialGrow : startCompleteGrow;
- setStartSize();
- remove$2(root, slideConfig.shrinkingClass);
- add$2(root, slideConfig.growingClass);
- setGrown(component, slideConfig);
- set$8(component.element, getDimensionProperty(slideConfig), fullSize);
- slideState.setExpanded();
- slideConfig.onStartGrow(component);
- };
- const refresh$3 = (component, slideConfig, slideState) => {
- if (slideState.isExpanded()) {
- remove$6(component.element, getDimensionProperty(slideConfig));
- const fullSize = getDimension(slideConfig, component.element);
- set$8(component.element, getDimensionProperty(slideConfig), fullSize);
- }
- };
- const grow = (component, slideConfig, slideState) => {
- if (!slideState.isExpanded()) {
- doStartGrow(component, slideConfig, slideState);
- }
- };
- const shrink = (component, slideConfig, slideState) => {
- if (slideState.isExpanded()) {
- doStartSmartShrink(component, slideConfig, slideState);
- }
- };
- const immediateShrink = (component, slideConfig, slideState) => {
- if (slideState.isExpanded()) {
- doImmediateShrink(component, slideConfig, slideState);
- }
- };
- const hasGrown = (component, slideConfig, slideState) => slideState.isExpanded();
- const hasShrunk = (component, slideConfig, slideState) => slideState.isCollapsed();
- const isGrowing = (component, slideConfig, _slideState) => {
- const root = getAnimationRoot(component, slideConfig);
- return has(root, slideConfig.growingClass) === true;
- };
- const isShrinking = (component, slideConfig, _slideState) => {
- const root = getAnimationRoot(component, slideConfig);
- return has(root, slideConfig.shrinkingClass) === true;
- };
- const isTransitioning = (component, slideConfig, slideState) => isGrowing(component, slideConfig) || isShrinking(component, slideConfig);
- const toggleGrow = (component, slideConfig, slideState) => {
- const f = slideState.isExpanded() ? doStartSmartShrink : doStartGrow;
- f(component, slideConfig, slideState);
- };
- var SlidingApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- refresh: refresh$3,
- grow: grow,
- shrink: shrink,
- immediateShrink: immediateShrink,
- hasGrown: hasGrown,
- hasShrunk: hasShrunk,
- isGrowing: isGrowing,
- isShrinking: isShrinking,
- isTransitioning: isTransitioning,
- toggleGrow: toggleGrow,
- disableTransitions: disableTransitions
- });
- const exhibit = (base, slideConfig, _slideState) => {
- const expanded = slideConfig.expanded;
- return expanded ? nu$7({
- classes: [slideConfig.openClass],
- styles: {}
- }) : nu$7({
- classes: [slideConfig.closedClass],
- styles: wrap$1(slideConfig.dimension.property, '0px')
- });
- };
- const events$4 = (slideConfig, slideState) => derive$2([runOnSource(transitionend(), (component, simulatedEvent) => {
- const raw = simulatedEvent.event.raw;
- if (raw.propertyName === slideConfig.dimension.property) {
- disableTransitions(component, slideConfig);
- if (slideState.isExpanded()) {
- remove$6(component.element, slideConfig.dimension.property);
- }
- const notify = slideState.isExpanded() ? slideConfig.onGrown : slideConfig.onShrunk;
- notify(component);
- }
- })]);
- var ActiveSliding = /*#__PURE__*/Object.freeze({
- __proto__: null,
- exhibit: exhibit,
- events: events$4
- });
- var SlidingSchema = [
- required$1('closedClass'),
- required$1('openClass'),
- required$1('shrinkingClass'),
- required$1('growingClass'),
- option$3('getAnimationRoot'),
- onHandler('onShrunk'),
- onHandler('onStartShrink'),
- onHandler('onGrown'),
- onHandler('onStartGrow'),
- defaulted('expanded', false),
- requiredOf('dimension', choose$1('property', {
- width: [
- output$1('property', 'width'),
- output$1('getDimension', elem => get$c(elem) + 'px')
- ],
- height: [
- output$1('property', 'height'),
- output$1('getDimension', elem => get$d(elem) + 'px')
- ]
- }))
- ];
- const init$5 = spec => {
- const state = Cell(spec.expanded);
- const readState = () => 'expanded: ' + state.get();
- return nu$8({
- isExpanded: () => state.get() === true,
- isCollapsed: () => state.get() === false,
- setCollapsed: curry(state.set, false),
- setExpanded: curry(state.set, true),
- readState
- });
- };
- var SlidingState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- init: init$5
- });
- const Sliding = create$3({
- fields: SlidingSchema,
- name: 'sliding',
- active: ActiveSliding,
- apis: SlidingApis,
- state: SlidingState
- });
- const owner = 'container';
- const schema$d = [field('slotBehaviours', [])];
- const getPartName = name => '<alloy.field.' + name + '>';
- const sketch = sSpec => {
- const parts = (() => {
- const record = [];
- const slot = (name, config) => {
- record.push(name);
- return generateOne$1(owner, getPartName(name), config);
- };
- return {
- slot,
- record: constant$1(record)
- };
- })();
- const spec = sSpec(parts);
- const partNames = parts.record();
- const fieldParts = map$2(partNames, n => required({
- name: n,
- pname: getPartName(n)
- }));
- return composite$1(owner, schema$d, fieldParts, make$1, spec);
- };
- const make$1 = (detail, components) => {
- const getSlotNames = _ => getAllPartNames(detail);
- const getSlot = (container, key) => getPart(container, detail, key);
- const onSlot = (f, def) => (container, key) => getPart(container, detail, key).map(slot => f(slot, key)).getOr(def);
- const onSlots = f => (container, keys) => {
- each$1(keys, key => f(container, key));
- };
- const doShowing = (comp, _key) => get$f(comp.element, 'aria-hidden') !== 'true';
- const doShow = (comp, key) => {
- if (!doShowing(comp)) {
- const element = comp.element;
- remove$6(element, 'display');
- remove$7(element, 'aria-hidden');
- emitWith(comp, slotVisibility(), {
- name: key,
- visible: true
- });
- }
- };
- const doHide = (comp, key) => {
- if (doShowing(comp)) {
- const element = comp.element;
- set$8(element, 'display', 'none');
- set$9(element, 'aria-hidden', 'true');
- emitWith(comp, slotVisibility(), {
- name: key,
- visible: false
- });
- }
- };
- const isShowing = onSlot(doShowing, false);
- const hideSlot = onSlot(doHide);
- const hideSlots = onSlots(hideSlot);
- const hideAllSlots = container => hideSlots(container, getSlotNames());
- const showSlot = onSlot(doShow);
- const apis = {
- getSlotNames,
- getSlot,
- isShowing,
- hideSlot,
- hideAllSlots,
- showSlot
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components,
- behaviours: get$3(detail.slotBehaviours),
- apis
- };
- };
- const slotApis = map$1({
- getSlotNames: (apis, c) => apis.getSlotNames(c),
- getSlot: (apis, c, key) => apis.getSlot(c, key),
- isShowing: (apis, c, key) => apis.isShowing(c, key),
- hideSlot: (apis, c, key) => apis.hideSlot(c, key),
- hideAllSlots: (apis, c) => apis.hideAllSlots(c),
- showSlot: (apis, c, key) => apis.showSlot(c, key)
- }, value => makeApi(value));
- const SlotContainer = {
- ...slotApis,
- ...{ sketch }
- };
- const sidebarSchema = objOf([
- optionalIcon,
- optionalTooltip,
- defaultedFunction('onShow', noop),
- defaultedFunction('onHide', noop),
- onSetup
- ]);
- const createSidebar = spec => asRaw('sidebar', sidebarSchema, spec);
- const setup$8 = editor => {
- const {sidebars} = editor.ui.registry.getAll();
- each$1(keys(sidebars), name => {
- const spec = sidebars[name];
- const isActive = () => is$1(Optional.from(editor.queryCommandValue('ToggleSidebar')), name);
- editor.ui.registry.addToggleButton(name, {
- icon: spec.icon,
- tooltip: spec.tooltip,
- onAction: buttonApi => {
- editor.execCommand('ToggleSidebar', false, name);
- buttonApi.setActive(isActive());
- },
- onSetup: buttonApi => {
- const handleToggle = () => buttonApi.setActive(isActive());
- editor.on('ToggleSidebar', handleToggle);
- return () => {
- editor.off('ToggleSidebar', handleToggle);
- };
- }
- });
- });
- };
- const getApi = comp => ({ element: () => comp.element.dom });
- const makePanels = (parts, panelConfigs) => {
- const specs = map$2(keys(panelConfigs), name => {
- const spec = panelConfigs[name];
- const bridged = getOrDie(createSidebar(spec));
- return {
- name,
- getApi,
- onSetup: bridged.onSetup,
- onShow: bridged.onShow,
- onHide: bridged.onHide
- };
- });
- return map$2(specs, spec => {
- const editorOffCell = Cell(noop);
- return parts.slot(spec.name, {
- dom: {
- tag: 'div',
- classes: ['tox-sidebar__pane']
- },
- behaviours: SimpleBehaviours.unnamedEvents([
- onControlAttached(spec, editorOffCell),
- onControlDetached(spec, editorOffCell),
- run$1(slotVisibility(), (sidepanel, se) => {
- const data = se.event;
- const optSidePanelSpec = find$5(specs, config => config.name === data.name);
- optSidePanelSpec.each(sidePanelSpec => {
- const handler = data.visible ? sidePanelSpec.onShow : sidePanelSpec.onHide;
- handler(sidePanelSpec.getApi(sidepanel));
- });
- })
- ])
- });
- });
- };
- const makeSidebar = panelConfigs => SlotContainer.sketch(parts => ({
- dom: {
- tag: 'div',
- classes: ['tox-sidebar__pane-container']
- },
- components: makePanels(parts, panelConfigs),
- slotBehaviours: SimpleBehaviours.unnamedEvents([runOnAttached(slotContainer => SlotContainer.hideAllSlots(slotContainer))])
- }));
- const setSidebar = (sidebar, panelConfigs) => {
- const optSlider = Composing.getCurrent(sidebar);
- optSlider.each(slider => Replacing.set(slider, [makeSidebar(panelConfigs)]));
- };
- const toggleSidebar = (sidebar, name) => {
- const optSlider = Composing.getCurrent(sidebar);
- optSlider.each(slider => {
- const optSlotContainer = Composing.getCurrent(slider);
- optSlotContainer.each(slotContainer => {
- if (Sliding.hasGrown(slider)) {
- if (SlotContainer.isShowing(slotContainer, name)) {
- Sliding.shrink(slider);
- } else {
- SlotContainer.hideAllSlots(slotContainer);
- SlotContainer.showSlot(slotContainer, name);
- }
- } else {
- SlotContainer.hideAllSlots(slotContainer);
- SlotContainer.showSlot(slotContainer, name);
- Sliding.grow(slider);
- }
- });
- });
- };
- const whichSidebar = sidebar => {
- const optSlider = Composing.getCurrent(sidebar);
- return optSlider.bind(slider => {
- const sidebarOpen = Sliding.isGrowing(slider) || Sliding.hasGrown(slider);
- if (sidebarOpen) {
- const optSlotContainer = Composing.getCurrent(slider);
- return optSlotContainer.bind(slotContainer => find$5(SlotContainer.getSlotNames(slotContainer), name => SlotContainer.isShowing(slotContainer, name)));
- } else {
- return Optional.none();
- }
- });
- };
- const fixSize = generate$6('FixSizeEvent');
- const autoSize = generate$6('AutoSizeEvent');
- const renderSidebar = spec => ({
- uid: spec.uid,
- dom: {
- tag: 'div',
- classes: ['tox-sidebar'],
- attributes: { role: 'complementary' }
- },
- components: [{
- dom: {
- tag: 'div',
- classes: ['tox-sidebar__slider']
- },
- components: [],
- behaviours: derive$1([
- Tabstopping.config({}),
- Focusing.config({}),
- Sliding.config({
- dimension: { property: 'width' },
- closedClass: 'tox-sidebar--sliding-closed',
- openClass: 'tox-sidebar--sliding-open',
- shrinkingClass: 'tox-sidebar--sliding-shrinking',
- growingClass: 'tox-sidebar--sliding-growing',
- onShrunk: slider => {
- const optSlotContainer = Composing.getCurrent(slider);
- optSlotContainer.each(SlotContainer.hideAllSlots);
- emit(slider, autoSize);
- },
- onGrown: slider => {
- emit(slider, autoSize);
- },
- onStartGrow: slider => {
- emitWith(slider, fixSize, { width: getRaw(slider.element, 'width').getOr('') });
- },
- onStartShrink: slider => {
- emitWith(slider, fixSize, { width: get$c(slider.element) + 'px' });
- }
- }),
- Replacing.config({}),
- Composing.config({
- find: comp => {
- const children = Replacing.contents(comp);
- return head(children);
- }
- })
- ])
- }],
- behaviours: derive$1([
- ComposingConfigs.childAt(0),
- config('sidebar-sliding-events', [
- run$1(fixSize, (comp, se) => {
- set$8(comp.element, 'width', se.event.width);
- }),
- run$1(autoSize, (comp, _se) => {
- remove$6(comp.element, 'width');
- })
- ])
- ])
- });
- const block = (component, config, state, getBusySpec) => {
- set$9(component.element, 'aria-busy', true);
- const root = config.getRoot(component).getOr(component);
- const blockerBehaviours = derive$1([
- Keying.config({
- mode: 'special',
- onTab: () => Optional.some(true),
- onShiftTab: () => Optional.some(true)
- }),
- Focusing.config({})
- ]);
- const blockSpec = getBusySpec(root, blockerBehaviours);
- const blocker = root.getSystem().build(blockSpec);
- Replacing.append(root, premade(blocker));
- if (blocker.hasConfigured(Keying) && config.focus) {
- Keying.focusIn(blocker);
- }
- if (!state.isBlocked()) {
- config.onBlock(component);
- }
- state.blockWith(() => Replacing.remove(root, blocker));
- };
- const unblock = (component, config, state) => {
- remove$7(component.element, 'aria-busy');
- if (state.isBlocked()) {
- config.onUnblock(component);
- }
- state.clear();
- };
- var BlockingApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- block: block,
- unblock: unblock
- });
- var BlockingSchema = [
- defaultedFunction('getRoot', Optional.none),
- defaultedBoolean('focus', true),
- onHandler('onBlock'),
- onHandler('onUnblock')
- ];
- const init$4 = () => {
- const blocker = destroyable();
- const blockWith = destroy => {
- blocker.set({ destroy });
- };
- return nu$8({
- readState: blocker.isSet,
- blockWith,
- clear: blocker.clear,
- isBlocked: blocker.isSet
- });
- };
- var BlockingState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- init: init$4
- });
- const Blocking = create$3({
- fields: BlockingSchema,
- name: 'blocking',
- apis: BlockingApis,
- state: BlockingState
- });
- const getAttrs = elem => {
- const attributes = elem.dom.attributes !== undefined ? elem.dom.attributes : [];
- return foldl(attributes, (b, attr) => {
- if (attr.name === 'class') {
- return b;
- } else {
- return {
- ...b,
- [attr.name]: attr.value
- };
- }
- }, {});
- };
- const getClasses = elem => Array.prototype.slice.call(elem.dom.classList, 0);
- const fromHtml = html => {
- const elem = SugarElement.fromHtml(html);
- const children$1 = children(elem);
- const attrs = getAttrs(elem);
- const classes = getClasses(elem);
- const contents = children$1.length === 0 ? {} : { innerHtml: get$9(elem) };
- return {
- tag: name$3(elem),
- classes,
- attributes: attrs,
- ...contents
- };
- };
- const getBusySpec$1 = providerBackstage => (_root, _behaviours) => ({
- dom: {
- tag: 'div',
- attributes: {
- 'aria-label': providerBackstage.translate('Loading...'),
- 'tabindex': '0'
- },
- classes: ['tox-throbber__busy-spinner']
- },
- components: [{ dom: fromHtml('<div class="tox-spinner"><div></div><div></div><div></div></div>') }]
- });
- const focusBusyComponent = throbber => Composing.getCurrent(throbber).each(comp => focus$3(comp.element));
- const toggleEditorTabIndex = (editor, state) => {
- const tabIndexAttr = 'tabindex';
- const dataTabIndexAttr = `data-mce-${ tabIndexAttr }`;
- Optional.from(editor.iframeElement).map(SugarElement.fromDom).each(iframe => {
- if (state) {
- getOpt(iframe, tabIndexAttr).each(tabIndex => set$9(iframe, dataTabIndexAttr, tabIndex));
- set$9(iframe, tabIndexAttr, -1);
- } else {
- remove$7(iframe, tabIndexAttr);
- getOpt(iframe, dataTabIndexAttr).each(tabIndex => {
- set$9(iframe, tabIndexAttr, tabIndex);
- remove$7(iframe, dataTabIndexAttr);
- });
- }
- });
- };
- const toggleThrobber = (editor, comp, state, providerBackstage) => {
- const element = comp.element;
- toggleEditorTabIndex(editor, state);
- if (state) {
- Blocking.block(comp, getBusySpec$1(providerBackstage));
- remove$6(element, 'display');
- remove$7(element, 'aria-hidden');
- if (editor.hasFocus()) {
- focusBusyComponent(comp);
- }
- } else {
- const throbberFocus = Composing.getCurrent(comp).exists(busyComp => hasFocus(busyComp.element));
- Blocking.unblock(comp);
- set$8(element, 'display', 'none');
- set$9(element, 'aria-hidden', 'true');
- if (throbberFocus) {
- editor.focus();
- }
- }
- };
- const renderThrobber = spec => ({
- uid: spec.uid,
- dom: {
- tag: 'div',
- attributes: { 'aria-hidden': 'true' },
- classes: ['tox-throbber'],
- styles: { display: 'none' }
- },
- behaviours: derive$1([
- Replacing.config({}),
- Blocking.config({ focus: false }),
- Composing.config({ find: comp => head(comp.components()) })
- ]),
- components: []
- });
- const isFocusEvent = event => event.type === 'focusin';
- const isPasteBinTarget = event => {
- if (isFocusEvent(event)) {
- const node = event.composed ? head(event.composedPath()) : Optional.from(event.target);
- return node.map(SugarElement.fromDom).filter(isElement$1).exists(targetElm => has(targetElm, 'mce-pastebin'));
- } else {
- return false;
- }
- };
- const setup$7 = (editor, lazyThrobber, sharedBackstage) => {
- const throbberState = Cell(false);
- const timer = value$2();
- const stealFocus = e => {
- if (throbberState.get() && !isPasteBinTarget(e)) {
- e.preventDefault();
- focusBusyComponent(lazyThrobber());
- editor.editorManager.setActive(editor);
- }
- };
- if (!editor.inline) {
- editor.on('PreInit', () => {
- editor.dom.bind(editor.getWin(), 'focusin', stealFocus);
- editor.on('BeforeExecCommand', e => {
- if (e.command.toLowerCase() === 'mcefocus' && e.value !== true) {
- stealFocus(e);
- }
- });
- });
- }
- const toggle = state => {
- if (state !== throbberState.get()) {
- throbberState.set(state);
- toggleThrobber(editor, lazyThrobber(), state, sharedBackstage.providers);
- editor.dispatch('AfterProgressState', { state });
- }
- };
- editor.on('ProgressState', e => {
- timer.on(clearTimeout);
- if (isNumber(e.time)) {
- const timerId = global$9.setEditorTimeout(editor, () => toggle(e.state), e.time);
- timer.set(timerId);
- } else {
- toggle(e.state);
- timer.clear();
- }
- });
- };
- const generate$1 = (xs, f) => {
- const init = {
- len: 0,
- list: []
- };
- const r = foldl(xs, (b, a) => {
- const value = f(a, b.len);
- return value.fold(constant$1(b), v => ({
- len: v.finish,
- list: b.list.concat([v])
- }));
- }, init);
- return r.list;
- };
- const output = (within, extra, withinWidth) => ({
- within,
- extra,
- withinWidth
- });
- const apportion = (units, total, len) => {
- const parray = generate$1(units, (unit, current) => {
- const width = len(unit);
- return Optional.some({
- element: unit,
- start: current,
- finish: current + width,
- width
- });
- });
- const within = filter$2(parray, unit => unit.finish <= total);
- const withinWidth = foldr(within, (acc, el) => acc + el.width, 0);
- const extra = parray.slice(within.length);
- return {
- within,
- extra,
- withinWidth
- };
- };
- const toUnit = parray => map$2(parray, unit => unit.element);
- const fitLast = (within, extra, withinWidth) => {
- const fits = toUnit(within.concat(extra));
- return output(fits, [], withinWidth);
- };
- const overflow = (within, extra, overflower, withinWidth) => {
- const fits = toUnit(within).concat([overflower]);
- return output(fits, toUnit(extra), withinWidth);
- };
- const fitAll = (within, extra, withinWidth) => output(toUnit(within), [], withinWidth);
- const tryFit = (total, units, len) => {
- const divide = apportion(units, total, len);
- return divide.extra.length === 0 ? Optional.some(divide) : Optional.none();
- };
- const partition = (total, units, len, overflower) => {
- const divide = tryFit(total, units, len).getOrThunk(() => apportion(units, total - len(overflower), len));
- const within = divide.within;
- const extra = divide.extra;
- const withinWidth = divide.withinWidth;
- if (extra.length === 1 && extra[0].width <= len(overflower)) {
- return fitLast(within, extra, withinWidth);
- } else if (extra.length >= 1) {
- return overflow(within, extra, overflower, withinWidth);
- } else {
- return fitAll(within, extra, withinWidth);
- }
- };
- const setGroups$1 = (toolbar, storedGroups) => {
- const bGroups = map$2(storedGroups, g => premade(g));
- Toolbar.setGroups(toolbar, bGroups);
- };
- const findFocusedComp = comps => findMap(comps, comp => search(comp.element).bind(focusedElm => comp.getSystem().getByDom(focusedElm).toOptional()));
- const refresh$2 = (toolbar, detail, setOverflow) => {
- const builtGroups = detail.builtGroups.get();
- if (builtGroups.length === 0) {
- return;
- }
- const primary = getPartOrDie(toolbar, detail, 'primary');
- const overflowGroup = Coupling.getCoupled(toolbar, 'overflowGroup');
- set$8(primary.element, 'visibility', 'hidden');
- const groups = builtGroups.concat([overflowGroup]);
- const focusedComp = findFocusedComp(groups);
- setOverflow([]);
- setGroups$1(primary, groups);
- const availableWidth = get$c(primary.element);
- const overflows = partition(availableWidth, detail.builtGroups.get(), comp => get$c(comp.element), overflowGroup);
- if (overflows.extra.length === 0) {
- Replacing.remove(primary, overflowGroup);
- setOverflow([]);
- } else {
- setGroups$1(primary, overflows.within);
- setOverflow(overflows.extra);
- }
- remove$6(primary.element, 'visibility');
- reflow(primary.element);
- focusedComp.each(Focusing.focus);
- };
- const schema$c = constant$1([
- field('splitToolbarBehaviours', [Coupling]),
- customField('builtGroups', () => Cell([]))
- ]);
- const schema$b = constant$1([
- markers$1(['overflowToggledClass']),
- optionFunction('getOverflowBounds'),
- required$1('lazySink'),
- customField('overflowGroups', () => Cell([]))
- ].concat(schema$c()));
- const parts$7 = constant$1([
- required({
- factory: Toolbar,
- schema: schema$e(),
- name: 'primary'
- }),
- external({
- schema: schema$e(),
- name: 'overflow'
- }),
- external({ name: 'overflow-button' }),
- external({ name: 'overflow-group' })
- ]);
- const expandable = constant$1((element, available) => {
- setMax(element, Math.floor(available));
- });
- const schema$a = constant$1([
- markers$1(['toggledClass']),
- required$1('lazySink'),
- requiredFunction('fetch'),
- optionFunction('getBounds'),
- optionObjOf('fireDismissalEventInstead', [defaulted('event', dismissRequested())]),
- schema$y()
- ]);
- const parts$6 = constant$1([
- external({
- name: 'button',
- overrides: detail => ({
- dom: { attributes: { 'aria-haspopup': 'true' } },
- buttonBehaviours: derive$1([Toggling.config({
- toggleClass: detail.markers.toggledClass,
- aria: { mode: 'expanded' },
- toggleOnExecute: false
- })])
- })
- }),
- external({
- factory: Toolbar,
- schema: schema$e(),
- name: 'toolbar',
- overrides: detail => {
- return {
- toolbarBehaviours: derive$1([Keying.config({
- mode: 'cyclic',
- onEscape: comp => {
- getPart(comp, detail, 'button').each(Focusing.focus);
- return Optional.none();
- }
- })])
- };
- }
- })
- ]);
- const toggle = (button, externals) => {
- const toolbarSandbox = Coupling.getCoupled(button, 'toolbarSandbox');
- if (Sandboxing.isOpen(toolbarSandbox)) {
- Sandboxing.close(toolbarSandbox);
- } else {
- Sandboxing.open(toolbarSandbox, externals.toolbar());
- }
- };
- const position = (button, toolbar, detail, layouts) => {
- const bounds = detail.getBounds.map(bounder => bounder());
- const sink = detail.lazySink(button).getOrDie();
- Positioning.positionWithinBounds(sink, toolbar, {
- anchor: {
- type: 'hotspot',
- hotspot: button,
- layouts,
- overrides: { maxWidthFunction: expandable() }
- }
- }, bounds);
- };
- const setGroups = (button, toolbar, detail, layouts, groups) => {
- Toolbar.setGroups(toolbar, groups);
- position(button, toolbar, detail, layouts);
- Toggling.on(button);
- };
- const makeSandbox = (button, spec, detail) => {
- const ariaControls = manager();
- const onOpen = (sandbox, toolbar) => {
- detail.fetch().get(groups => {
- setGroups(button, toolbar, detail, spec.layouts, groups);
- ariaControls.link(button.element);
- Keying.focusIn(toolbar);
- });
- };
- const onClose = () => {
- Toggling.off(button);
- Focusing.focus(button);
- ariaControls.unlink(button.element);
- };
- return {
- dom: {
- tag: 'div',
- attributes: { id: ariaControls.id }
- },
- behaviours: derive$1([
- Keying.config({
- mode: 'special',
- onEscape: comp => {
- Sandboxing.close(comp);
- return Optional.some(true);
- }
- }),
- Sandboxing.config({
- onOpen,
- onClose,
- isPartOf: (container, data, queryElem) => {
- return isPartOf$1(data, queryElem) || isPartOf$1(button, queryElem);
- },
- getAttachPoint: () => {
- return detail.lazySink(button).getOrDie();
- }
- }),
- Receiving.config({
- channels: {
- ...receivingChannel$1({
- isExtraPart: never,
- ...detail.fireDismissalEventInstead.map(fe => ({ fireEventInstead: { event: fe.event } })).getOr({})
- }),
- ...receivingChannel({
- doReposition: () => {
- Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each(toolbar => {
- position(button, toolbar, detail, spec.layouts);
- });
- }
- })
- }
- })
- ])
- };
- };
- const factory$a = (detail, components, spec, externals) => ({
- ...Button.sketch({
- ...externals.button(),
- action: button => {
- toggle(button, externals);
- },
- buttonBehaviours: SketchBehaviours.augment({ dump: externals.button().buttonBehaviours }, [Coupling.config({
- others: {
- toolbarSandbox: button => {
- return makeSandbox(button, spec, detail);
- }
- }
- })])
- }),
- apis: {
- setGroups: (button, groups) => {
- Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each(toolbar => {
- setGroups(button, toolbar, detail, spec.layouts, groups);
- });
- },
- reposition: button => {
- Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each(toolbar => {
- position(button, toolbar, detail, spec.layouts);
- });
- },
- toggle: button => {
- toggle(button, externals);
- },
- getToolbar: button => {
- return Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox'));
- },
- isOpen: button => {
- return Sandboxing.isOpen(Coupling.getCoupled(button, 'toolbarSandbox'));
- }
- }
- });
- const FloatingToolbarButton = composite({
- name: 'FloatingToolbarButton',
- factory: factory$a,
- configFields: schema$a(),
- partFields: parts$6(),
- apis: {
- setGroups: (apis, button, groups) => {
- apis.setGroups(button, groups);
- },
- reposition: (apis, button) => {
- apis.reposition(button);
- },
- toggle: (apis, button) => {
- apis.toggle(button);
- },
- getToolbar: (apis, button) => apis.getToolbar(button),
- isOpen: (apis, button) => apis.isOpen(button)
- }
- });
- const schema$9 = constant$1([
- required$1('items'),
- markers$1(['itemSelector']),
- field('tgroupBehaviours', [Keying])
- ]);
- const parts$5 = constant$1([group({
- name: 'items',
- unit: 'item'
- })]);
- const factory$9 = (detail, components, _spec, _externals) => ({
- uid: detail.uid,
- dom: detail.dom,
- components,
- behaviours: augment(detail.tgroupBehaviours, [Keying.config({
- mode: 'flow',
- selector: detail.markers.itemSelector
- })]),
- domModification: { attributes: { role: 'toolbar' } }
- });
- const ToolbarGroup = composite({
- name: 'ToolbarGroup',
- configFields: schema$9(),
- partFields: parts$5(),
- factory: factory$9
- });
- const buildGroups = comps => map$2(comps, g => premade(g));
- const refresh$1 = (toolbar, memFloatingToolbarButton, detail) => {
- refresh$2(toolbar, detail, overflowGroups => {
- detail.overflowGroups.set(overflowGroups);
- memFloatingToolbarButton.getOpt(toolbar).each(floatingToolbarButton => {
- FloatingToolbarButton.setGroups(floatingToolbarButton, buildGroups(overflowGroups));
- });
- });
- };
- const factory$8 = (detail, components, spec, externals) => {
- const memFloatingToolbarButton = record(FloatingToolbarButton.sketch({
- fetch: () => Future.nu(resolve => {
- resolve(buildGroups(detail.overflowGroups.get()));
- }),
- layouts: {
- onLtr: () => [
- southwest$2,
- southeast$2
- ],
- onRtl: () => [
- southeast$2,
- southwest$2
- ],
- onBottomLtr: () => [
- northwest$2,
- northeast$2
- ],
- onBottomRtl: () => [
- northeast$2,
- northwest$2
- ]
- },
- getBounds: spec.getOverflowBounds,
- lazySink: detail.lazySink,
- fireDismissalEventInstead: {},
- markers: { toggledClass: detail.markers.overflowToggledClass },
- parts: {
- button: externals['overflow-button'](),
- toolbar: externals.overflow()
- }
- }));
- return {
- uid: detail.uid,
- dom: detail.dom,
- components,
- behaviours: augment(detail.splitToolbarBehaviours, [Coupling.config({
- others: {
- overflowGroup: () => {
- return ToolbarGroup.sketch({
- ...externals['overflow-group'](),
- items: [memFloatingToolbarButton.asSpec()]
- });
- }
- }
- })]),
- apis: {
- setGroups: (toolbar, groups) => {
- detail.builtGroups.set(map$2(groups, toolbar.getSystem().build));
- refresh$1(toolbar, memFloatingToolbarButton, detail);
- },
- refresh: toolbar => refresh$1(toolbar, memFloatingToolbarButton, detail),
- toggle: toolbar => {
- memFloatingToolbarButton.getOpt(toolbar).each(floatingToolbarButton => {
- FloatingToolbarButton.toggle(floatingToolbarButton);
- });
- },
- isOpen: toolbar => memFloatingToolbarButton.getOpt(toolbar).map(FloatingToolbarButton.isOpen).getOr(false),
- reposition: toolbar => {
- memFloatingToolbarButton.getOpt(toolbar).each(floatingToolbarButton => {
- FloatingToolbarButton.reposition(floatingToolbarButton);
- });
- },
- getOverflow: toolbar => memFloatingToolbarButton.getOpt(toolbar).bind(FloatingToolbarButton.getToolbar)
- },
- domModification: { attributes: { role: 'group' } }
- };
- };
- const SplitFloatingToolbar = composite({
- name: 'SplitFloatingToolbar',
- configFields: schema$b(),
- partFields: parts$7(),
- factory: factory$8,
- apis: {
- setGroups: (apis, toolbar, groups) => {
- apis.setGroups(toolbar, groups);
- },
- refresh: (apis, toolbar) => {
- apis.refresh(toolbar);
- },
- reposition: (apis, toolbar) => {
- apis.reposition(toolbar);
- },
- toggle: (apis, toolbar) => {
- apis.toggle(toolbar);
- },
- isOpen: (apis, toolbar) => apis.isOpen(toolbar),
- getOverflow: (apis, toolbar) => apis.getOverflow(toolbar)
- }
- });
- const schema$8 = constant$1([
- markers$1([
- 'closedClass',
- 'openClass',
- 'shrinkingClass',
- 'growingClass',
- 'overflowToggledClass'
- ]),
- onHandler('onOpened'),
- onHandler('onClosed')
- ].concat(schema$c()));
- const parts$4 = constant$1([
- required({
- factory: Toolbar,
- schema: schema$e(),
- name: 'primary'
- }),
- required({
- factory: Toolbar,
- schema: schema$e(),
- name: 'overflow',
- overrides: detail => {
- return {
- toolbarBehaviours: derive$1([
- Sliding.config({
- dimension: { property: 'height' },
- closedClass: detail.markers.closedClass,
- openClass: detail.markers.openClass,
- shrinkingClass: detail.markers.shrinkingClass,
- growingClass: detail.markers.growingClass,
- onShrunk: comp => {
- getPart(comp, detail, 'overflow-button').each(button => {
- Toggling.off(button);
- Focusing.focus(button);
- });
- detail.onClosed(comp);
- },
- onGrown: comp => {
- Keying.focusIn(comp);
- detail.onOpened(comp);
- },
- onStartGrow: comp => {
- getPart(comp, detail, 'overflow-button').each(Toggling.on);
- }
- }),
- Keying.config({
- mode: 'acyclic',
- onEscape: comp => {
- getPart(comp, detail, 'overflow-button').each(Focusing.focus);
- return Optional.some(true);
- }
- })
- ])
- };
- }
- }),
- external({
- name: 'overflow-button',
- overrides: detail => ({
- buttonBehaviours: derive$1([Toggling.config({
- toggleClass: detail.markers.overflowToggledClass,
- aria: { mode: 'pressed' },
- toggleOnExecute: false
- })])
- })
- }),
- external({ name: 'overflow-group' })
- ]);
- const isOpen = (toolbar, detail) => getPart(toolbar, detail, 'overflow').map(Sliding.hasGrown).getOr(false);
- const toggleToolbar = (toolbar, detail) => {
- getPart(toolbar, detail, 'overflow-button').bind(() => getPart(toolbar, detail, 'overflow')).each(overf => {
- refresh(toolbar, detail);
- Sliding.toggleGrow(overf);
- });
- };
- const refresh = (toolbar, detail) => {
- getPart(toolbar, detail, 'overflow').each(overflow => {
- refresh$2(toolbar, detail, groups => {
- const builtGroups = map$2(groups, g => premade(g));
- Toolbar.setGroups(overflow, builtGroups);
- });
- getPart(toolbar, detail, 'overflow-button').each(button => {
- if (Sliding.hasGrown(overflow)) {
- Toggling.on(button);
- }
- });
- Sliding.refresh(overflow);
- });
- };
- const factory$7 = (detail, components, spec, externals) => {
- const toolbarToggleEvent = 'alloy.toolbar.toggle';
- const doSetGroups = (toolbar, groups) => {
- const built = map$2(groups, toolbar.getSystem().build);
- detail.builtGroups.set(built);
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components,
- behaviours: augment(detail.splitToolbarBehaviours, [
- Coupling.config({
- others: {
- overflowGroup: toolbar => {
- return ToolbarGroup.sketch({
- ...externals['overflow-group'](),
- items: [Button.sketch({
- ...externals['overflow-button'](),
- action: _button => {
- emit(toolbar, toolbarToggleEvent);
- }
- })]
- });
- }
- }
- }),
- config('toolbar-toggle-events', [run$1(toolbarToggleEvent, toolbar => {
- toggleToolbar(toolbar, detail);
- })])
- ]),
- apis: {
- setGroups: (toolbar, groups) => {
- doSetGroups(toolbar, groups);
- refresh(toolbar, detail);
- },
- refresh: toolbar => refresh(toolbar, detail),
- toggle: toolbar => toggleToolbar(toolbar, detail),
- isOpen: toolbar => isOpen(toolbar, detail)
- },
- domModification: { attributes: { role: 'group' } }
- };
- };
- const SplitSlidingToolbar = composite({
- name: 'SplitSlidingToolbar',
- configFields: schema$8(),
- partFields: parts$4(),
- factory: factory$7,
- apis: {
- setGroups: (apis, toolbar, groups) => {
- apis.setGroups(toolbar, groups);
- },
- refresh: (apis, toolbar) => {
- apis.refresh(toolbar);
- },
- toggle: (apis, toolbar) => {
- apis.toggle(toolbar);
- },
- isOpen: (apis, toolbar) => apis.isOpen(toolbar)
- }
- });
- const renderToolbarGroupCommon = toolbarGroup => {
- const attributes = toolbarGroup.title.fold(() => ({}), title => ({ attributes: { title } }));
- return {
- dom: {
- tag: 'div',
- classes: ['tox-toolbar__group'],
- ...attributes
- },
- components: [ToolbarGroup.parts.items({})],
- items: toolbarGroup.items,
- markers: { itemSelector: '*:not(.tox-split-button) > .tox-tbtn:not([disabled]), ' + '.tox-split-button:not([disabled]), ' + '.tox-toolbar-nav-js:not([disabled])' },
- tgroupBehaviours: derive$1([
- Tabstopping.config({}),
- Focusing.config({})
- ])
- };
- };
- const renderToolbarGroup = toolbarGroup => ToolbarGroup.sketch(renderToolbarGroupCommon(toolbarGroup));
- const getToolbarbehaviours = (toolbarSpec, modeName) => {
- const onAttached = runOnAttached(component => {
- const groups = map$2(toolbarSpec.initGroups, renderToolbarGroup);
- Toolbar.setGroups(component, groups);
- });
- return derive$1([
- DisablingConfigs.toolbarButton(toolbarSpec.providers.isDisabled),
- receivingConfig(),
- Keying.config({
- mode: modeName,
- onEscape: toolbarSpec.onEscape,
- selector: '.tox-toolbar__group'
- }),
- config('toolbar-events', [onAttached])
- ]);
- };
- const renderMoreToolbarCommon = toolbarSpec => {
- const modeName = toolbarSpec.cyclicKeying ? 'cyclic' : 'acyclic';
- return {
- uid: toolbarSpec.uid,
- dom: {
- tag: 'div',
- classes: ['tox-toolbar-overlord']
- },
- parts: {
- 'overflow-group': renderToolbarGroupCommon({
- title: Optional.none(),
- items: []
- }),
- 'overflow-button': renderIconButtonSpec({
- name: 'more',
- icon: Optional.some('more-drawer'),
- enabled: true,
- tooltip: Optional.some('More...'),
- primary: false,
- buttonType: Optional.none(),
- borderless: false
- }, Optional.none(), toolbarSpec.providers)
- },
- splitToolbarBehaviours: getToolbarbehaviours(toolbarSpec, modeName)
- };
- };
- const renderFloatingMoreToolbar = toolbarSpec => {
- const baseSpec = renderMoreToolbarCommon(toolbarSpec);
- const overflowXOffset = 4;
- const primary = SplitFloatingToolbar.parts.primary({
- dom: {
- tag: 'div',
- classes: ['tox-toolbar__primary']
- }
- });
- return SplitFloatingToolbar.sketch({
- ...baseSpec,
- lazySink: toolbarSpec.getSink,
- getOverflowBounds: () => {
- const headerElem = toolbarSpec.moreDrawerData.lazyHeader().element;
- const headerBounds = absolute$2(headerElem);
- const docElem = documentElement(headerElem);
- const docBounds = absolute$2(docElem);
- const height = Math.max(docElem.dom.scrollHeight, docBounds.height);
- return bounds(headerBounds.x + overflowXOffset, docBounds.y, headerBounds.width - overflowXOffset * 2, height);
- },
- parts: {
- ...baseSpec.parts,
- overflow: {
- dom: {
- tag: 'div',
- classes: ['tox-toolbar__overflow'],
- attributes: toolbarSpec.attributes
- }
- }
- },
- components: [primary],
- markers: { overflowToggledClass: 'tox-tbtn--enabled' }
- });
- };
- const renderSlidingMoreToolbar = toolbarSpec => {
- const primary = SplitSlidingToolbar.parts.primary({
- dom: {
- tag: 'div',
- classes: ['tox-toolbar__primary']
- }
- });
- const overflow = SplitSlidingToolbar.parts.overflow({
- dom: {
- tag: 'div',
- classes: ['tox-toolbar__overflow']
- }
- });
- const baseSpec = renderMoreToolbarCommon(toolbarSpec);
- return SplitSlidingToolbar.sketch({
- ...baseSpec,
- components: [
- primary,
- overflow
- ],
- markers: {
- openClass: 'tox-toolbar__overflow--open',
- closedClass: 'tox-toolbar__overflow--closed',
- growingClass: 'tox-toolbar__overflow--growing',
- shrinkingClass: 'tox-toolbar__overflow--shrinking',
- overflowToggledClass: 'tox-tbtn--enabled'
- },
- onOpened: comp => {
- comp.getSystem().broadcastOn([toolbarHeightChange()], { type: 'opened' });
- },
- onClosed: comp => {
- comp.getSystem().broadcastOn([toolbarHeightChange()], { type: 'closed' });
- }
- });
- };
- const renderToolbar = toolbarSpec => {
- const modeName = toolbarSpec.cyclicKeying ? 'cyclic' : 'acyclic';
- return Toolbar.sketch({
- uid: toolbarSpec.uid,
- dom: {
- tag: 'div',
- classes: ['tox-toolbar'].concat(toolbarSpec.type === ToolbarMode$1.scrolling ? ['tox-toolbar--scrolling'] : [])
- },
- components: [Toolbar.parts.groups({})],
- toolbarBehaviours: getToolbarbehaviours(toolbarSpec, modeName)
- });
- };
- const factory$6 = (detail, components, _spec) => {
- const apis = {
- getSocket: comp => {
- return parts$a.getPart(comp, detail, 'socket');
- },
- setSidebar: (comp, panelConfigs) => {
- parts$a.getPart(comp, detail, 'sidebar').each(sidebar => setSidebar(sidebar, panelConfigs));
- },
- toggleSidebar: (comp, name) => {
- parts$a.getPart(comp, detail, 'sidebar').each(sidebar => toggleSidebar(sidebar, name));
- },
- whichSidebar: comp => {
- return parts$a.getPart(comp, detail, 'sidebar').bind(whichSidebar).getOrNull();
- },
- getHeader: comp => {
- return parts$a.getPart(comp, detail, 'header');
- },
- getToolbar: comp => {
- return parts$a.getPart(comp, detail, 'toolbar');
- },
- setToolbar: (comp, groups) => {
- parts$a.getPart(comp, detail, 'toolbar').each(toolbar => {
- toolbar.getApis().setGroups(toolbar, groups);
- });
- },
- setToolbars: (comp, toolbars) => {
- parts$a.getPart(comp, detail, 'multiple-toolbar').each(mToolbar => {
- CustomList.setItems(mToolbar, toolbars);
- });
- },
- refreshToolbar: comp => {
- const toolbar = parts$a.getPart(comp, detail, 'toolbar');
- toolbar.each(toolbar => toolbar.getApis().refresh(toolbar));
- },
- toggleToolbarDrawer: comp => {
- parts$a.getPart(comp, detail, 'toolbar').each(toolbar => {
- mapFrom(toolbar.getApis().toggle, toggle => toggle(toolbar));
- });
- },
- isToolbarDrawerToggled: comp => {
- return parts$a.getPart(comp, detail, 'toolbar').bind(toolbar => Optional.from(toolbar.getApis().isOpen).map(isOpen => isOpen(toolbar))).getOr(false);
- },
- getThrobber: comp => {
- return parts$a.getPart(comp, detail, 'throbber');
- },
- focusToolbar: comp => {
- const optToolbar = parts$a.getPart(comp, detail, 'toolbar').orThunk(() => parts$a.getPart(comp, detail, 'multiple-toolbar'));
- optToolbar.each(toolbar => {
- Keying.focusIn(toolbar);
- });
- },
- setMenubar: (comp, menus) => {
- parts$a.getPart(comp, detail, 'menubar').each(menubar => {
- SilverMenubar.setMenus(menubar, menus);
- });
- },
- focusMenubar: comp => {
- parts$a.getPart(comp, detail, 'menubar').each(menubar => {
- SilverMenubar.focus(menubar);
- });
- }
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components,
- apis,
- behaviours: detail.behaviours
- };
- };
- const partMenubar = partType.optional({
- factory: SilverMenubar,
- name: 'menubar',
- schema: [required$1('backstage')]
- });
- const toolbarFactory = spec => {
- if (spec.type === ToolbarMode$1.sliding) {
- return renderSlidingMoreToolbar;
- } else if (spec.type === ToolbarMode$1.floating) {
- return renderFloatingMoreToolbar;
- } else {
- return renderToolbar;
- }
- };
- const partMultipleToolbar = partType.optional({
- factory: {
- sketch: spec => CustomList.sketch({
- uid: spec.uid,
- dom: spec.dom,
- listBehaviours: derive$1([Keying.config({
- mode: 'acyclic',
- selector: '.tox-toolbar'
- })]),
- makeItem: () => renderToolbar({
- type: spec.type,
- uid: generate$6('multiple-toolbar-item'),
- cyclicKeying: false,
- initGroups: [],
- providers: spec.providers,
- onEscape: () => {
- spec.onEscape();
- return Optional.some(true);
- }
- }),
- setupItem: (_mToolbar, tc, data, _index) => {
- Toolbar.setGroups(tc, data);
- },
- shell: true
- })
- },
- name: 'multiple-toolbar',
- schema: [
- required$1('dom'),
- required$1('onEscape')
- ]
- });
- const partToolbar = partType.optional({
- factory: {
- sketch: spec => {
- const renderer = toolbarFactory(spec);
- const toolbarSpec = {
- type: spec.type,
- uid: spec.uid,
- onEscape: () => {
- spec.onEscape();
- return Optional.some(true);
- },
- cyclicKeying: false,
- initGroups: [],
- getSink: spec.getSink,
- providers: spec.providers,
- moreDrawerData: {
- lazyToolbar: spec.lazyToolbar,
- lazyMoreButton: spec.lazyMoreButton,
- lazyHeader: spec.lazyHeader
- },
- attributes: spec.attributes
- };
- return renderer(toolbarSpec);
- }
- },
- name: 'toolbar',
- schema: [
- required$1('dom'),
- required$1('onEscape'),
- required$1('getSink')
- ]
- });
- const partHeader = partType.optional({
- factory: { sketch: renderHeader },
- name: 'header',
- schema: [required$1('dom')]
- });
- const partSocket = partType.optional({
- name: 'socket',
- schema: [required$1('dom')]
- });
- const partSidebar = partType.optional({
- factory: { sketch: renderSidebar },
- name: 'sidebar',
- schema: [required$1('dom')]
- });
- const partThrobber = partType.optional({
- factory: { sketch: renderThrobber },
- name: 'throbber',
- schema: [required$1('dom')]
- });
- var OuterContainer = composite({
- name: 'OuterContainer',
- factory: factory$6,
- configFields: [
- required$1('dom'),
- required$1('behaviours')
- ],
- partFields: [
- partHeader,
- partMenubar,
- partToolbar,
- partMultipleToolbar,
- partSocket,
- partSidebar,
- partThrobber
- ],
- apis: {
- getSocket: (apis, comp) => {
- return apis.getSocket(comp);
- },
- setSidebar: (apis, comp, panelConfigs) => {
- apis.setSidebar(comp, panelConfigs);
- },
- toggleSidebar: (apis, comp, name) => {
- apis.toggleSidebar(comp, name);
- },
- whichSidebar: (apis, comp) => {
- return apis.whichSidebar(comp);
- },
- getHeader: (apis, comp) => {
- return apis.getHeader(comp);
- },
- getToolbar: (apis, comp) => {
- return apis.getToolbar(comp);
- },
- setToolbar: (apis, comp, grps) => {
- const groups = map$2(grps, grp => {
- return renderToolbarGroup(grp);
- });
- apis.setToolbar(comp, groups);
- },
- setToolbars: (apis, comp, ts) => {
- const renderedToolbars = map$2(ts, g => map$2(g, renderToolbarGroup));
- apis.setToolbars(comp, renderedToolbars);
- },
- refreshToolbar: (apis, comp) => {
- return apis.refreshToolbar(comp);
- },
- toggleToolbarDrawer: (apis, comp) => {
- apis.toggleToolbarDrawer(comp);
- },
- isToolbarDrawerToggled: (apis, comp) => {
- return apis.isToolbarDrawerToggled(comp);
- },
- getThrobber: (apis, comp) => {
- return apis.getThrobber(comp);
- },
- setMenubar: (apis, comp, menus) => {
- apis.setMenubar(comp, menus);
- },
- focusMenubar: (apis, comp) => {
- apis.focusMenubar(comp);
- },
- focusToolbar: (apis, comp) => {
- apis.focusToolbar(comp);
- }
- }
- });
- const defaultMenubar = 'file edit view insert format tools table help';
- const defaultMenus = {
- file: {
- title: 'File',
- items: 'newdocument restoredraft | preview | export print | deleteallconversations'
- },
- edit: {
- title: 'Edit',
- items: 'undo redo | cut copy paste pastetext | selectall | searchreplace'
- },
- view: {
- title: 'View',
- items: 'code | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments'
- },
- insert: {
- title: 'Insert',
- items: 'image link media addcomment pageembed template codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor tableofcontents | insertdatetime'
- },
- format: {
- title: 'Format',
- items: 'bold italic underline strikethrough superscript subscript codeformat | styles blocks fontfamily fontsize align lineheight | forecolor backcolor | language | removeformat'
- },
- tools: {
- title: 'Tools',
- items: 'spellchecker spellcheckerlanguage | a11ycheck code wordcount'
- },
- table: {
- title: 'Table',
- items: 'inserttable | cell row column | advtablesort | tableprops deletetable'
- },
- help: {
- title: 'Help',
- items: 'help'
- }
- };
- const make = (menu, registry, editor) => {
- const removedMenuItems = getRemovedMenuItems(editor).split(/[ ,]/);
- return {
- text: menu.title,
- getItems: () => bind$3(menu.items, i => {
- const itemName = i.toLowerCase();
- if (itemName.trim().length === 0) {
- return [];
- } else if (exists(removedMenuItems, removedMenuItem => removedMenuItem === itemName)) {
- return [];
- } else if (itemName === 'separator' || itemName === '|') {
- return [{ type: 'separator' }];
- } else if (registry.menuItems[itemName]) {
- return [registry.menuItems[itemName]];
- } else {
- return [];
- }
- })
- };
- };
- const parseItemsString = items => {
- if (typeof items === 'string') {
- return items.split(' ');
- }
- return items;
- };
- const identifyMenus = (editor, registry) => {
- const rawMenuData = {
- ...defaultMenus,
- ...registry.menus
- };
- const userDefinedMenus = keys(registry.menus).length > 0;
- const menubar = registry.menubar === undefined || registry.menubar === true ? parseItemsString(defaultMenubar) : parseItemsString(registry.menubar === false ? '' : registry.menubar);
- const validMenus = filter$2(menubar, menuName => {
- const isDefaultMenu = has$2(defaultMenus, menuName);
- if (userDefinedMenus) {
- return isDefaultMenu || get$g(registry.menus, menuName).exists(menu => has$2(menu, 'items'));
- } else {
- return isDefaultMenu;
- }
- });
- const menus = map$2(validMenus, menuName => {
- const menuData = rawMenuData[menuName];
- return make({
- title: menuData.title,
- items: parseItemsString(menuData.items)
- }, registry, editor);
- });
- return filter$2(menus, menu => {
- const isNotSeparator = item => item.type !== 'separator';
- return menu.getItems().length > 0 && exists(menu.getItems(), isNotSeparator);
- });
- };
- const fireSkinLoaded = editor => {
- const done = () => {
- editor._skinLoaded = true;
- fireSkinLoaded$1(editor);
- };
- return () => {
- if (editor.initialized) {
- done();
- } else {
- editor.on('init', done);
- }
- };
- };
- const fireSkinLoadError = (editor, err) => () => fireSkinLoadError$1(editor, { message: err });
- const loadStylesheet = (editor, stylesheetUrl, styleSheetLoader) => {
- editor.on('remove', () => styleSheetLoader.unload(stylesheetUrl));
- return styleSheetLoader.load(stylesheetUrl);
- };
- const loadUiSkins = (editor, skinUrl) => {
- const skinUiCss = skinUrl + '/skin.min.css';
- return loadStylesheet(editor, skinUiCss, editor.ui.styleSheetLoader);
- };
- const loadShadowDomUiSkins = (editor, skinUrl) => {
- const isInShadowRoot$1 = isInShadowRoot(SugarElement.fromDom(editor.getElement()));
- if (isInShadowRoot$1) {
- const shadowDomSkinCss = skinUrl + '/skin.shadowdom.min.css';
- return loadStylesheet(editor, shadowDomSkinCss, global$7.DOM.styleSheetLoader);
- } else {
- return Promise.resolve();
- }
- };
- const loadSkin = (isInline, editor) => {
- const skinUrl = getSkinUrl(editor);
- if (skinUrl) {
- editor.contentCSS.push(skinUrl + (isInline ? '/content.inline' : '/content') + '.min.css');
- }
- if (!isSkinDisabled(editor) && isString(skinUrl)) {
- Promise.all([
- loadUiSkins(editor, skinUrl),
- loadShadowDomUiSkins(editor, skinUrl)
- ]).then(fireSkinLoaded(editor), fireSkinLoadError(editor, 'Skin could not be loaded'));
- } else {
- fireSkinLoaded(editor)();
- }
- };
- const iframe = curry(loadSkin, false);
- const inline = curry(loadSkin, true);
- const onSetupFormatToggle = (editor, name) => api => {
- const boundCallback = unbindable();
- const init = () => {
- api.setActive(editor.formatter.match(name));
- const binding = editor.formatter.formatChanged(name, api.setActive);
- boundCallback.set(binding);
- };
- editor.initialized ? init() : editor.once('init', init);
- return () => {
- editor.off('init', init);
- boundCallback.clear();
- };
- };
- const onSetupEvent = (editor, event, f) => api => {
- const handleEvent = () => f(api);
- const init = () => {
- f(api);
- editor.on(event, handleEvent);
- };
- editor.initialized ? init() : editor.once('init', init);
- return () => {
- editor.off('init', init);
- editor.off(event, handleEvent);
- };
- };
- const onActionToggleFormat$1 = editor => rawItem => () => {
- editor.undoManager.transact(() => {
- editor.focus();
- editor.execCommand('mceToggleFormat', false, rawItem.format);
- });
- };
- const onActionExecCommand = (editor, command) => () => editor.execCommand(command);
- const generateSelectItems = (_editor, backstage, spec) => {
- const generateItem = (rawItem, response, invalid, value) => {
- const translatedText = backstage.shared.providers.translate(rawItem.title);
- if (rawItem.type === 'separator') {
- return Optional.some({
- type: 'separator',
- text: translatedText
- });
- } else if (rawItem.type === 'submenu') {
- const items = bind$3(rawItem.getStyleItems(), si => validate(si, response, value));
- if (response === 0 && items.length <= 0) {
- return Optional.none();
- } else {
- return Optional.some({
- type: 'nestedmenuitem',
- text: translatedText,
- enabled: items.length > 0,
- getSubmenuItems: () => bind$3(rawItem.getStyleItems(), si => validate(si, response, value))
- });
- }
- } else {
- return Optional.some({
- type: 'togglemenuitem',
- text: translatedText,
- icon: rawItem.icon,
- active: rawItem.isSelected(value),
- enabled: !invalid,
- onAction: spec.onAction(rawItem),
- ...rawItem.getStylePreview().fold(() => ({}), preview => ({ meta: { style: preview } }))
- });
- }
- };
- const validate = (item, response, value) => {
- const invalid = item.type === 'formatter' && spec.isInvalid(item);
- if (response === 0) {
- return invalid ? [] : generateItem(item, response, false, value).toArray();
- } else {
- return generateItem(item, response, invalid, value).toArray();
- }
- };
- const validateItems = preItems => {
- const value = spec.getCurrentValue();
- const response = spec.shouldHide ? 0 : 1;
- return bind$3(preItems, item => validate(item, response, value));
- };
- const getFetch = (backstage, getStyleItems) => (comp, callback) => {
- const preItems = getStyleItems();
- const items = validateItems(preItems);
- const menu = build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false);
- callback(menu);
- };
- return {
- validateItems,
- getFetch
- };
- };
- const createMenuItems = (editor, backstage, spec) => {
- const dataset = spec.dataset;
- const getStyleItems = dataset.type === 'basic' ? () => map$2(dataset.data, d => processBasic(d, spec.isSelectedFor, spec.getPreviewFor)) : dataset.getData;
- return {
- items: generateSelectItems(editor, backstage, spec),
- getStyleItems
- };
- };
- const createSelectButton = (editor, backstage, spec) => {
- const {items, getStyleItems} = createMenuItems(editor, backstage, spec);
- const getApi = comp => ({ getComponent: constant$1(comp) });
- const onSetup = onSetupEvent(editor, 'NodeChange', api => {
- const comp = api.getComponent();
- spec.updateText(comp);
- });
- return renderCommonDropdown({
- text: spec.icon.isSome() ? Optional.none() : spec.text,
- icon: spec.icon,
- tooltip: Optional.from(spec.tooltip),
- role: Optional.none(),
- fetch: items.getFetch(backstage, getStyleItems),
- onSetup,
- getApi,
- columns: 1,
- presets: 'normal',
- classes: spec.icon.isSome() ? [] : ['bespoke'],
- dropdownBehaviours: []
- }, 'tox-tbtn', backstage.shared);
- };
- const process = rawFormats => map$2(rawFormats, item => {
- let title = item, format = item;
- const values = item.split('=');
- if (values.length > 1) {
- title = values[0];
- format = values[1];
- }
- return {
- title,
- format
- };
- });
- const buildBasicStaticDataset = data => ({
- type: 'basic',
- data
- });
- var Delimiter;
- (function (Delimiter) {
- Delimiter[Delimiter['SemiColon'] = 0] = 'SemiColon';
- Delimiter[Delimiter['Space'] = 1] = 'Space';
- }(Delimiter || (Delimiter = {})));
- const split = (rawFormats, delimiter) => {
- if (delimiter === Delimiter.SemiColon) {
- return rawFormats.replace(/;$/, '').split(';');
- } else {
- return rawFormats.split(' ');
- }
- };
- const buildBasicSettingsDataset = (editor, settingName, delimiter) => {
- const rawFormats = editor.options.get(settingName);
- const data = process(split(rawFormats, delimiter));
- return {
- type: 'basic',
- data
- };
- };
- const alignMenuItems = [
- {
- title: 'Left',
- icon: 'align-left',
- format: 'alignleft',
- command: 'JustifyLeft'
- },
- {
- title: 'Center',
- icon: 'align-center',
- format: 'aligncenter',
- command: 'JustifyCenter'
- },
- {
- title: 'Right',
- icon: 'align-right',
- format: 'alignright',
- command: 'JustifyRight'
- },
- {
- title: 'Justify',
- icon: 'align-justify',
- format: 'alignjustify',
- command: 'JustifyFull'
- }
- ];
- const getSpec$4 = editor => {
- const getMatchingValue = () => find$5(alignMenuItems, item => editor.formatter.match(item.format));
- const isSelectedFor = format => () => editor.formatter.match(format);
- const getPreviewFor = _format => Optional.none;
- const updateSelectMenuIcon = comp => {
- const match = getMatchingValue();
- const alignment = match.fold(constant$1('left'), item => item.title.toLowerCase());
- emitWith(comp, updateMenuIcon, { icon: `align-${ alignment }` });
- };
- const dataset = buildBasicStaticDataset(alignMenuItems);
- const onAction = rawItem => () => find$5(alignMenuItems, item => item.format === rawItem.format).each(item => editor.execCommand(item.command));
- return {
- tooltip: 'Align',
- text: Optional.none(),
- icon: Optional.some('align-left'),
- isSelectedFor,
- getCurrentValue: Optional.none,
- getPreviewFor,
- onAction,
- updateText: updateSelectMenuIcon,
- dataset,
- shouldHide: false,
- isInvalid: item => !editor.formatter.canApply(item.format)
- };
- };
- const createAlignButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$4(editor));
- const createAlignMenu = (editor, backstage) => {
- const menuItems = createMenuItems(editor, backstage, getSpec$4(editor));
- editor.ui.registry.addNestedMenuItem('align', {
- text: backstage.shared.providers.translate('Align'),
- getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
- });
- };
- const findNearest = (editor, getStyles) => {
- const styles = getStyles();
- const formats = map$2(styles, style => style.format);
- return Optional.from(editor.formatter.closest(formats)).bind(fmt => find$5(styles, data => data.format === fmt)).orThunk(() => someIf(editor.formatter.match('p'), {
- title: 'Paragraph',
- format: 'p'
- }));
- };
- const getSpec$3 = editor => {
- const fallbackFormat = 'Paragraph';
- const isSelectedFor = format => () => editor.formatter.match(format);
- const getPreviewFor = format => () => {
- const fmt = editor.formatter.get(format);
- return Optional.some({
- tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
- styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
- });
- };
- const updateSelectMenuText = comp => {
- const detectedFormat = findNearest(editor, () => dataset.data);
- const text = detectedFormat.fold(constant$1(fallbackFormat), fmt => fmt.title);
- emitWith(comp, updateMenuText, { text });
- };
- const dataset = buildBasicSettingsDataset(editor, 'block_formats', Delimiter.SemiColon);
- return {
- tooltip: 'Blocks',
- text: Optional.some(fallbackFormat),
- icon: Optional.none(),
- isSelectedFor,
- getCurrentValue: Optional.none,
- getPreviewFor,
- onAction: onActionToggleFormat$1(editor),
- updateText: updateSelectMenuText,
- dataset,
- shouldHide: false,
- isInvalid: item => !editor.formatter.canApply(item.format)
- };
- };
- const createBlocksButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$3(editor));
- const createBlocksMenu = (editor, backstage) => {
- const menuItems = createMenuItems(editor, backstage, getSpec$3(editor));
- editor.ui.registry.addNestedMenuItem('blocks', {
- text: 'Blocks',
- getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
- });
- };
- const systemStackFonts = [
- '-apple-system',
- 'Segoe UI',
- 'Roboto',
- 'Helvetica Neue',
- 'sans-serif'
- ];
- const splitFonts = fontFamily => {
- const fonts = fontFamily.split(/\s*,\s*/);
- return map$2(fonts, font => font.replace(/^['"]+|['"]+$/g, ''));
- };
- const isSystemFontStack = fontFamily => {
- const matchesSystemStack = () => {
- const fonts = splitFonts(fontFamily.toLowerCase());
- return forall(systemStackFonts, font => fonts.indexOf(font.toLowerCase()) > -1);
- };
- return fontFamily.indexOf('-apple-system') === 0 && matchesSystemStack();
- };
- const getSpec$2 = editor => {
- const systemFont = 'System Font';
- const getMatchingValue = () => {
- const getFirstFont = fontFamily => fontFamily ? splitFonts(fontFamily)[0] : '';
- const fontFamily = editor.queryCommandValue('FontName');
- const items = dataset.data;
- const font = fontFamily ? fontFamily.toLowerCase() : '';
- const matchOpt = find$5(items, item => {
- const format = item.format;
- return format.toLowerCase() === font || getFirstFont(format).toLowerCase() === getFirstFont(font).toLowerCase();
- }).orThunk(() => {
- return someIf(isSystemFontStack(font), {
- title: systemFont,
- format: font
- });
- });
- return {
- matchOpt,
- font: fontFamily
- };
- };
- const isSelectedFor = item => valueOpt => valueOpt.exists(value => value.format === item);
- const getCurrentValue = () => {
- const {matchOpt} = getMatchingValue();
- return matchOpt;
- };
- const getPreviewFor = item => () => Optional.some({
- tag: 'div',
- styles: item.indexOf('dings') === -1 ? { 'font-family': item } : {}
- });
- const onAction = rawItem => () => {
- editor.undoManager.transact(() => {
- editor.focus();
- editor.execCommand('FontName', false, rawItem.format);
- });
- };
- const updateSelectMenuText = comp => {
- const {matchOpt, font} = getMatchingValue();
- const text = matchOpt.fold(constant$1(font), item => item.title);
- emitWith(comp, updateMenuText, { text });
- };
- const dataset = buildBasicSettingsDataset(editor, 'font_family_formats', Delimiter.SemiColon);
- return {
- tooltip: 'Fonts',
- text: Optional.some(systemFont),
- icon: Optional.none(),
- isSelectedFor,
- getCurrentValue,
- getPreviewFor,
- onAction,
- updateText: updateSelectMenuText,
- dataset,
- shouldHide: false,
- isInvalid: never
- };
- };
- const createFontFamilyButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$2(editor));
- const createFontFamilyMenu = (editor, backstage) => {
- const menuItems = createMenuItems(editor, backstage, getSpec$2(editor));
- editor.ui.registry.addNestedMenuItem('fontfamily', {
- text: backstage.shared.providers.translate('Fonts'),
- getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
- });
- };
- const legacyFontSizes = {
- '8pt': '1',
- '10pt': '2',
- '12pt': '3',
- '14pt': '4',
- '18pt': '5',
- '24pt': '6',
- '36pt': '7'
- };
- const keywordFontSizes = {
- 'xx-small': '7pt',
- 'x-small': '8pt',
- 'small': '10pt',
- 'medium': '12pt',
- 'large': '14pt',
- 'x-large': '18pt',
- 'xx-large': '24pt'
- };
- const round = (number, precision) => {
- const factor = Math.pow(10, precision);
- return Math.round(number * factor) / factor;
- };
- const toPt = (fontSize, precision) => {
- if (/[0-9.]+px$/.test(fontSize)) {
- return round(parseInt(fontSize, 10) * 72 / 96, precision || 0) + 'pt';
- } else {
- return get$g(keywordFontSizes, fontSize).getOr(fontSize);
- }
- };
- const toLegacy = fontSize => get$g(legacyFontSizes, fontSize).getOr('');
- const getSpec$1 = editor => {
- const getMatchingValue = () => {
- let matchOpt = Optional.none();
- const items = dataset.data;
- const fontSize = editor.queryCommandValue('FontSize');
- if (fontSize) {
- for (let precision = 3; matchOpt.isNone() && precision >= 0; precision--) {
- const pt = toPt(fontSize, precision);
- const legacy = toLegacy(pt);
- matchOpt = find$5(items, item => item.format === fontSize || item.format === pt || item.format === legacy);
- }
- }
- return {
- matchOpt,
- size: fontSize
- };
- };
- const isSelectedFor = item => valueOpt => valueOpt.exists(value => value.format === item);
- const getCurrentValue = () => {
- const {matchOpt} = getMatchingValue();
- return matchOpt;
- };
- const getPreviewFor = constant$1(Optional.none);
- const onAction = rawItem => () => {
- editor.undoManager.transact(() => {
- editor.focus();
- editor.execCommand('FontSize', false, rawItem.format);
- });
- };
- const updateSelectMenuText = comp => {
- const {matchOpt, size} = getMatchingValue();
- const text = matchOpt.fold(constant$1(size), match => match.title);
- emitWith(comp, updateMenuText, { text });
- };
- const dataset = buildBasicSettingsDataset(editor, 'font_size_formats', Delimiter.Space);
- return {
- tooltip: 'Font sizes',
- text: Optional.some('12pt'),
- icon: Optional.none(),
- isSelectedFor,
- getPreviewFor,
- getCurrentValue,
- onAction,
- updateText: updateSelectMenuText,
- dataset,
- shouldHide: false,
- isInvalid: never
- };
- };
- const createFontSizeButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$1(editor));
- const createFontSizeMenu = (editor, backstage) => {
- const menuItems = createMenuItems(editor, backstage, getSpec$1(editor));
- editor.ui.registry.addNestedMenuItem('fontsize', {
- text: 'Font sizes',
- getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
- });
- };
- const getSpec = (editor, dataset) => {
- const fallbackFormat = 'Paragraph';
- const isSelectedFor = format => () => editor.formatter.match(format);
- const getPreviewFor = format => () => {
- const fmt = editor.formatter.get(format);
- return fmt !== undefined ? Optional.some({
- tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
- styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
- }) : Optional.none();
- };
- const updateSelectMenuText = comp => {
- const getFormatItems = fmt => {
- const subs = fmt.items;
- return subs !== undefined && subs.length > 0 ? bind$3(subs, getFormatItems) : [{
- title: fmt.title,
- format: fmt.format
- }];
- };
- const flattenedItems = bind$3(getStyleFormats(editor), getFormatItems);
- const detectedFormat = findNearest(editor, constant$1(flattenedItems));
- const text = detectedFormat.fold(constant$1(fallbackFormat), fmt => fmt.title);
- emitWith(comp, updateMenuText, { text });
- };
- return {
- tooltip: 'Formats',
- text: Optional.some(fallbackFormat),
- icon: Optional.none(),
- isSelectedFor,
- getCurrentValue: Optional.none,
- getPreviewFor,
- onAction: onActionToggleFormat$1(editor),
- updateText: updateSelectMenuText,
- shouldHide: shouldAutoHideStyleFormats(editor),
- isInvalid: item => !editor.formatter.canApply(item.format),
- dataset
- };
- };
- const createStylesButton = (editor, backstage) => {
- const dataset = {
- type: 'advanced',
- ...backstage.styles
- };
- return createSelectButton(editor, backstage, getSpec(editor, dataset));
- };
- const createStylesMenu = (editor, backstage) => {
- const dataset = {
- type: 'advanced',
- ...backstage.styles
- };
- const menuItems = createMenuItems(editor, backstage, getSpec(editor, dataset));
- editor.ui.registry.addNestedMenuItem('styles', {
- text: 'Formats',
- getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
- });
- };
- const events$3 = (reflectingConfig, reflectingState) => {
- const update = (component, data) => {
- reflectingConfig.updateState.each(updateState => {
- const newState = updateState(component, data);
- reflectingState.set(newState);
- });
- reflectingConfig.renderComponents.each(renderComponents => {
- const newComponents = renderComponents(data, reflectingState.get());
- const replacer = reflectingConfig.reuseDom ? withReuse : withoutReuse;
- replacer(component, newComponents);
- });
- };
- return derive$2([
- run$1(receive(), (component, message) => {
- const receivingData = message;
- if (!receivingData.universal) {
- const channel = reflectingConfig.channel;
- if (contains$2(receivingData.channels, channel)) {
- update(component, receivingData.data);
- }
- }
- }),
- runOnAttached((comp, _se) => {
- reflectingConfig.initialData.each(rawData => {
- update(comp, rawData);
- });
- })
- ]);
- };
- var ActiveReflecting = /*#__PURE__*/Object.freeze({
- __proto__: null,
- events: events$3
- });
- const getState = (component, replaceConfig, reflectState) => reflectState;
- var ReflectingApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- getState: getState
- });
- var ReflectingSchema = [
- required$1('channel'),
- option$3('renderComponents'),
- option$3('updateState'),
- option$3('initialData'),
- defaultedBoolean('reuseDom', true)
- ];
- const init$3 = () => {
- const cell = Cell(Optional.none());
- const clear = () => cell.set(Optional.none());
- const readState = () => cell.get().getOr('none');
- return {
- readState,
- get: cell.get,
- set: cell.set,
- clear
- };
- };
- var ReflectingState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- init: init$3
- });
- const Reflecting = create$3({
- fields: ReflectingSchema,
- name: 'reflecting',
- active: ActiveReflecting,
- apis: ReflectingApis,
- state: ReflectingState
- });
- const schema$7 = constant$1([
- required$1('toggleClass'),
- required$1('fetch'),
- onStrictHandler('onExecute'),
- defaulted('getHotspot', Optional.some),
- defaulted('getAnchorOverrides', constant$1({})),
- schema$y(),
- onStrictHandler('onItemExecute'),
- option$3('lazySink'),
- required$1('dom'),
- onHandler('onOpen'),
- field('splitDropdownBehaviours', [
- Coupling,
- Keying,
- Focusing
- ]),
- defaulted('matchWidth', false),
- defaulted('useMinWidth', false),
- defaulted('eventOrder', {}),
- option$3('role')
- ].concat(sandboxFields()));
- const arrowPart = required({
- factory: Button,
- schema: [required$1('dom')],
- name: 'arrow',
- defaults: () => {
- return { buttonBehaviours: derive$1([Focusing.revoke()]) };
- },
- overrides: detail => {
- return {
- dom: {
- tag: 'span',
- attributes: { role: 'presentation' }
- },
- action: arrow => {
- arrow.getSystem().getByUid(detail.uid).each(emitExecute);
- },
- buttonBehaviours: derive$1([Toggling.config({
- toggleOnExecute: false,
- toggleClass: detail.toggleClass
- })])
- };
- }
- });
- const buttonPart = required({
- factory: Button,
- schema: [required$1('dom')],
- name: 'button',
- defaults: () => {
- return { buttonBehaviours: derive$1([Focusing.revoke()]) };
- },
- overrides: detail => {
- return {
- dom: {
- tag: 'span',
- attributes: { role: 'presentation' }
- },
- action: btn => {
- btn.getSystem().getByUid(detail.uid).each(splitDropdown => {
- detail.onExecute(splitDropdown, btn);
- });
- }
- };
- }
- });
- const parts$3 = constant$1([
- arrowPart,
- buttonPart,
- optional({
- factory: {
- sketch: spec => {
- return {
- uid: spec.uid,
- dom: {
- tag: 'span',
- styles: { display: 'none' },
- attributes: { 'aria-hidden': 'true' },
- innerHtml: spec.text
- }
- };
- }
- },
- schema: [required$1('text')],
- name: 'aria-descriptor'
- }),
- external({
- schema: [tieredMenuMarkers()],
- name: 'menu',
- defaults: detail => {
- return {
- onExecute: (tmenu, item) => {
- tmenu.getSystem().getByUid(detail.uid).each(splitDropdown => {
- detail.onItemExecute(splitDropdown, tmenu, item);
- });
- }
- };
- }
- }),
- partType$1()
- ]);
- const factory$5 = (detail, components, spec, externals) => {
- const switchToMenu = sandbox => {
- Composing.getCurrent(sandbox).each(current => {
- Highlighting.highlightFirst(current);
- Keying.focusIn(current);
- });
- };
- const action = component => {
- const onOpenSync = switchToMenu;
- togglePopup(detail, identity, component, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
- };
- const openMenu = comp => {
- action(comp);
- return Optional.some(true);
- };
- const executeOnButton = comp => {
- const button = getPartOrDie(comp, detail, 'button');
- emitExecute(button);
- return Optional.some(true);
- };
- const buttonEvents = {
- ...derive$2([runOnAttached((component, _simulatedEvent) => {
- const ariaDescriptor = getPart(component, detail, 'aria-descriptor');
- ariaDescriptor.each(descriptor => {
- const descriptorId = generate$6('aria');
- set$9(descriptor.element, 'id', descriptorId);
- set$9(component.element, 'aria-describedby', descriptorId);
- });
- })]),
- ...events$a(Optional.some(action))
- };
- const apis = {
- repositionMenus: comp => {
- if (Toggling.isOn(comp)) {
- repositionMenus(comp);
- }
- }
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components,
- apis,
- eventOrder: {
- ...detail.eventOrder,
- [execute$5()]: [
- 'disabling',
- 'toggling',
- 'alloy.base.behaviour'
- ]
- },
- events: buttonEvents,
- behaviours: augment(detail.splitDropdownBehaviours, [
- Coupling.config({
- others: {
- sandbox: hotspot => {
- const arrow = getPartOrDie(hotspot, detail, 'arrow');
- const extras = {
- onOpen: () => {
- Toggling.on(arrow);
- Toggling.on(hotspot);
- },
- onClose: () => {
- Toggling.off(arrow);
- Toggling.off(hotspot);
- }
- };
- return makeSandbox$1(detail, hotspot, extras);
- }
- }
- }),
- Keying.config({
- mode: 'special',
- onSpace: executeOnButton,
- onEnter: executeOnButton,
- onDown: openMenu
- }),
- Focusing.config({}),
- Toggling.config({
- toggleOnExecute: false,
- aria: { mode: 'expanded' }
- })
- ]),
- domModification: {
- attributes: {
- 'role': detail.role.getOr('button'),
- 'aria-haspopup': true
- }
- }
- };
- };
- const SplitDropdown = composite({
- name: 'SplitDropdown',
- configFields: schema$7(),
- partFields: parts$3(),
- factory: factory$5,
- apis: { repositionMenus: (apis, comp) => apis.repositionMenus(comp) }
- });
- const getButtonApi = component => ({
- isEnabled: () => !Disabling.isDisabled(component),
- setEnabled: state => Disabling.set(component, !state)
- });
- const getToggleApi = component => ({
- setActive: state => {
- Toggling.set(component, state);
- },
- isActive: () => Toggling.isOn(component),
- isEnabled: () => !Disabling.isDisabled(component),
- setEnabled: state => Disabling.set(component, !state)
- });
- const getTooltipAttributes = (tooltip, providersBackstage) => tooltip.map(tooltip => ({
- 'aria-label': providersBackstage.translate(tooltip),
- 'title': providersBackstage.translate(tooltip)
- })).getOr({});
- const focusButtonEvent = generate$6('focus-button');
- const renderCommonStructure = (icon, text, tooltip, receiver, behaviours, providersBackstage) => {
- return {
- dom: {
- tag: 'button',
- classes: ['tox-tbtn'].concat(text.isSome() ? ['tox-tbtn--select'] : []),
- attributes: getTooltipAttributes(tooltip, providersBackstage)
- },
- components: componentRenderPipeline([
- icon.map(iconName => renderIconFromPack(iconName, providersBackstage.icons)),
- text.map(text => renderLabel(text, 'tox-tbtn', providersBackstage))
- ]),
- eventOrder: {
- [mousedown()]: [
- 'focusing',
- 'alloy.base.behaviour',
- 'common-button-display-events'
- ]
- },
- buttonBehaviours: derive$1([
- DisablingConfigs.toolbarButton(providersBackstage.isDisabled),
- receivingConfig(),
- config('common-button-display-events', [run$1(mousedown(), (button, se) => {
- se.event.prevent();
- emit(button, focusButtonEvent);
- })])
- ].concat(receiver.map(r => Reflecting.config({
- channel: r,
- initialData: {
- icon,
- text
- },
- renderComponents: (data, _state) => componentRenderPipeline([
- data.icon.map(iconName => renderIconFromPack(iconName, providersBackstage.icons)),
- data.text.map(text => renderLabel(text, 'tox-tbtn', providersBackstage))
- ])
- })).toArray()).concat(behaviours.getOr([])))
- };
- };
- const renderFloatingToolbarButton = (spec, backstage, identifyButtons, attributes) => {
- const sharedBackstage = backstage.shared;
- return FloatingToolbarButton.sketch({
- lazySink: sharedBackstage.getSink,
- fetch: () => Future.nu(resolve => {
- resolve(map$2(identifyButtons(spec.items), renderToolbarGroup));
- }),
- markers: { toggledClass: 'tox-tbtn--enabled' },
- parts: {
- button: renderCommonStructure(spec.icon, spec.text, spec.tooltip, Optional.none(), Optional.none(), sharedBackstage.providers),
- toolbar: {
- dom: {
- tag: 'div',
- classes: ['tox-toolbar__overflow'],
- attributes
- }
- }
- }
- });
- };
- const renderCommonToolbarButton = (spec, specialisation, providersBackstage) => {
- const editorOffCell = Cell(noop);
- const structure = renderCommonStructure(spec.icon, spec.text, spec.tooltip, Optional.none(), Optional.none(), providersBackstage);
- return Button.sketch({
- dom: structure.dom,
- components: structure.components,
- eventOrder: toolbarButtonEventOrder,
- buttonBehaviours: derive$1([
- config('toolbar-button-events', [
- onToolbarButtonExecute({
- onAction: spec.onAction,
- getApi: specialisation.getApi
- }),
- onControlAttached(specialisation, editorOffCell),
- onControlDetached(specialisation, editorOffCell)
- ]),
- DisablingConfigs.toolbarButton(() => !spec.enabled || providersBackstage.isDisabled()),
- receivingConfig()
- ].concat(specialisation.toolbarButtonBehaviours))
- });
- };
- const renderToolbarButton = (spec, providersBackstage) => renderToolbarButtonWith(spec, providersBackstage, []);
- const renderToolbarButtonWith = (spec, providersBackstage, bonusEvents) => renderCommonToolbarButton(spec, {
- toolbarButtonBehaviours: [].concat(bonusEvents.length > 0 ? [config('toolbarButtonWith', bonusEvents)] : []),
- getApi: getButtonApi,
- onSetup: spec.onSetup
- }, providersBackstage);
- const renderToolbarToggleButton = (spec, providersBackstage) => renderToolbarToggleButtonWith(spec, providersBackstage, []);
- const renderToolbarToggleButtonWith = (spec, providersBackstage, bonusEvents) => deepMerge(renderCommonToolbarButton(spec, {
- toolbarButtonBehaviours: [
- Replacing.config({}),
- Toggling.config({
- toggleClass: 'tox-tbtn--enabled',
- aria: { mode: 'pressed' },
- toggleOnExecute: false
- })
- ].concat(bonusEvents.length > 0 ? [config('toolbarToggleButtonWith', bonusEvents)] : []),
- getApi: getToggleApi,
- onSetup: spec.onSetup
- }, providersBackstage));
- const fetchChoices = (getApi, spec, providersBackstage) => comp => Future.nu(callback => spec.fetch(callback)).map(items => Optional.from(createTieredDataFrom(deepMerge(createPartialChoiceMenu(generate$6('menu-value'), items, value => {
- spec.onItemAction(getApi(comp), value);
- }, spec.columns, spec.presets, ItemResponse$1.CLOSE_ON_EXECUTE, spec.select.getOr(never), providersBackstage), {
- movement: deriveMenuMovement(spec.columns, spec.presets),
- menuBehaviours: SimpleBehaviours.unnamedEvents(spec.columns !== 'auto' ? [] : [runOnAttached((comp, _se) => {
- detectSize(comp, 4, classForPreset(spec.presets)).each(({numRows, numColumns}) => {
- Keying.setGridSize(comp, numRows, numColumns);
- });
- })])
- }))));
- const renderSplitButton = (spec, sharedBackstage) => {
- const displayChannel = generate$6('channel-update-split-dropdown-display');
- const getApi = comp => ({
- isEnabled: () => !Disabling.isDisabled(comp),
- setEnabled: state => Disabling.set(comp, !state),
- setIconFill: (id, value) => {
- descendant(comp.element, 'svg path[id="' + id + '"], rect[id="' + id + '"]').each(underlinePath => {
- set$9(underlinePath, 'fill', value);
- });
- },
- setActive: state => {
- set$9(comp.element, 'aria-pressed', state);
- descendant(comp.element, 'span').each(button => {
- comp.getSystem().getByDom(button).each(buttonComp => Toggling.set(buttonComp, state));
- });
- },
- isActive: () => descendant(comp.element, 'span').exists(button => comp.getSystem().getByDom(button).exists(Toggling.isOn))
- });
- const editorOffCell = Cell(noop);
- const specialisation = {
- getApi,
- onSetup: spec.onSetup
- };
- return SplitDropdown.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-split-button'],
- attributes: {
- 'aria-pressed': false,
- ...getTooltipAttributes(spec.tooltip, sharedBackstage.providers)
- }
- },
- onExecute: button => {
- spec.onAction(getApi(button));
- },
- onItemExecute: (_a, _b, _c) => {
- },
- splitDropdownBehaviours: derive$1([
- DisablingConfigs.splitButton(sharedBackstage.providers.isDisabled),
- receivingConfig(),
- config('split-dropdown-events', [
- run$1(focusButtonEvent, Focusing.focus),
- onControlAttached(specialisation, editorOffCell),
- onControlDetached(specialisation, editorOffCell)
- ]),
- Unselecting.config({})
- ]),
- eventOrder: {
- [attachedToDom()]: [
- 'alloy.base.behaviour',
- 'split-dropdown-events'
- ]
- },
- toggleClass: 'tox-tbtn--enabled',
- lazySink: sharedBackstage.getSink,
- fetch: fetchChoices(getApi, spec, sharedBackstage.providers),
- parts: { menu: part(false, spec.columns, spec.presets) },
- components: [
- SplitDropdown.parts.button(renderCommonStructure(spec.icon, spec.text, Optional.none(), Optional.some(displayChannel), Optional.some([Toggling.config({
- toggleClass: 'tox-tbtn--enabled',
- toggleOnExecute: false
- })]), sharedBackstage.providers)),
- SplitDropdown.parts.arrow({
- dom: {
- tag: 'button',
- classes: [
- 'tox-tbtn',
- 'tox-split-button__chevron'
- ],
- innerHtml: get$2('chevron-down', sharedBackstage.providers.icons)
- },
- buttonBehaviours: derive$1([
- DisablingConfigs.splitButton(sharedBackstage.providers.isDisabled),
- receivingConfig(),
- addFocusableBehaviour()
- ])
- }),
- SplitDropdown.parts['aria-descriptor']({ text: sharedBackstage.providers.translate('To open the popup, press Shift+Enter') })
- ]
- });
- };
- const defaultToolbar = [
- {
- name: 'history',
- items: [
- 'undo',
- 'redo'
- ]
- },
- {
- name: 'styles',
- items: ['styles']
- },
- {
- name: 'formatting',
- items: [
- 'bold',
- 'italic'
- ]
- },
- {
- name: 'alignment',
- items: [
- 'alignleft',
- 'aligncenter',
- 'alignright',
- 'alignjustify'
- ]
- },
- {
- name: 'indentation',
- items: [
- 'outdent',
- 'indent'
- ]
- },
- {
- name: 'permanent pen',
- items: ['permanentpen']
- },
- {
- name: 'comments',
- items: ['addcomment']
- }
- ];
- const renderFromBridge = (bridgeBuilder, render) => (spec, extras, editor) => {
- const internal = bridgeBuilder(spec).mapError(errInfo => formatError(errInfo)).getOrDie();
- return render(internal, extras, editor);
- };
- const types = {
- button: renderFromBridge(createToolbarButton, (s, extras) => renderToolbarButton(s, extras.backstage.shared.providers)),
- togglebutton: renderFromBridge(createToggleButton, (s, extras) => renderToolbarToggleButton(s, extras.backstage.shared.providers)),
- menubutton: renderFromBridge(createMenuButton, (s, extras) => renderMenuButton(s, 'tox-tbtn', extras.backstage, Optional.none())),
- splitbutton: renderFromBridge(createSplitButton, (s, extras) => renderSplitButton(s, extras.backstage.shared)),
- grouptoolbarbutton: renderFromBridge(createGroupToolbarButton, (s, extras, editor) => {
- const buttons = editor.ui.registry.getAll().buttons;
- const identify = toolbar => identifyButtons(editor, {
- buttons,
- toolbar,
- allowToolbarGroups: false
- }, extras, Optional.none());
- const attributes = { [Attribute]: extras.backstage.shared.header.isPositionedAtTop() ? AttributeValue.TopToBottom : AttributeValue.BottomToTop };
- switch (getToolbarMode(editor)) {
- case ToolbarMode$1.floating:
- return renderFloatingToolbarButton(s, extras.backstage, identify, attributes);
- default:
- throw new Error('Toolbar groups are only supported when using floating toolbar mode');
- }
- }),
- styleSelectButton: (editor, extras) => createStylesButton(editor, extras.backstage),
- fontsizeSelectButton: (editor, extras) => createFontSizeButton(editor, extras.backstage),
- fontSelectButton: (editor, extras) => createFontFamilyButton(editor, extras.backstage),
- formatButton: (editor, extras) => createBlocksButton(editor, extras.backstage),
- alignMenuButton: (editor, extras) => createAlignButton(editor, extras.backstage)
- };
- const extractFrom = (spec, extras, editor) => get$g(types, spec.type).fold(() => {
- console.error('skipping button defined by', spec);
- return Optional.none();
- }, render => Optional.some(render(spec, extras, editor)));
- const bespokeButtons = {
- styles: types.styleSelectButton,
- fontsize: types.fontsizeSelectButton,
- fontfamily: types.fontSelectButton,
- blocks: types.formatButton,
- align: types.alignMenuButton
- };
- const removeUnusedDefaults = buttons => {
- const filteredItemGroups = map$2(defaultToolbar, group => {
- const items = filter$2(group.items, subItem => has$2(buttons, subItem) || has$2(bespokeButtons, subItem));
- return {
- name: group.name,
- items
- };
- });
- return filter$2(filteredItemGroups, group => group.items.length > 0);
- };
- const convertStringToolbar = strToolbar => {
- const groupsStrings = strToolbar.split('|');
- return map$2(groupsStrings, g => ({ items: g.trim().split(' ') }));
- };
- const isToolbarGroupSettingArray = toolbar => isArrayOf(toolbar, t => has$2(t, 'name') && has$2(t, 'items'));
- const createToolbar = toolbarConfig => {
- const toolbar = toolbarConfig.toolbar;
- const buttons = toolbarConfig.buttons;
- if (toolbar === false) {
- return [];
- } else if (toolbar === undefined || toolbar === true) {
- return removeUnusedDefaults(buttons);
- } else if (isString(toolbar)) {
- return convertStringToolbar(toolbar);
- } else if (isToolbarGroupSettingArray(toolbar)) {
- return toolbar;
- } else {
- console.error('Toolbar type should be string, string[], boolean or ToolbarGroup[]');
- return [];
- }
- };
- const lookupButton = (editor, buttons, toolbarItem, allowToolbarGroups, extras, prefixes) => get$g(buttons, toolbarItem.toLowerCase()).orThunk(() => prefixes.bind(ps => findMap(ps, prefix => get$g(buttons, prefix + toolbarItem.toLowerCase())))).fold(() => get$g(bespokeButtons, toolbarItem.toLowerCase()).map(r => r(editor, extras)).orThunk(() => Optional.none()), spec => {
- if (spec.type === 'grouptoolbarbutton' && !allowToolbarGroups) {
- console.warn(`Ignoring the '${ toolbarItem }' toolbar button. Group toolbar buttons are only supported when using floating toolbar mode and cannot be nested.`);
- return Optional.none();
- } else {
- return extractFrom(spec, extras, editor);
- }
- });
- const identifyButtons = (editor, toolbarConfig, extras, prefixes) => {
- const toolbarGroups = createToolbar(toolbarConfig);
- const groups = map$2(toolbarGroups, group => {
- const items = bind$3(group.items, toolbarItem => toolbarItem.trim().length === 0 ? [] : lookupButton(editor, toolbarConfig.buttons, toolbarItem, toolbarConfig.allowToolbarGroups, extras, prefixes).toArray());
- return {
- title: Optional.from(editor.translate(group.name)),
- items
- };
- });
- return filter$2(groups, group => group.items.length > 0);
- };
- const setToolbar = (editor, uiComponents, rawUiConfig, backstage) => {
- const comp = uiComponents.outerContainer;
- const toolbarConfig = rawUiConfig.toolbar;
- const toolbarButtonsConfig = rawUiConfig.buttons;
- if (isArrayOf(toolbarConfig, isString)) {
- const toolbars = toolbarConfig.map(t => {
- const config = {
- toolbar: t,
- buttons: toolbarButtonsConfig,
- allowToolbarGroups: rawUiConfig.allowToolbarGroups
- };
- return identifyButtons(editor, config, { backstage }, Optional.none());
- });
- OuterContainer.setToolbars(comp, toolbars);
- } else {
- OuterContainer.setToolbar(comp, identifyButtons(editor, rawUiConfig, { backstage }, Optional.none()));
- }
- };
- const detection = detect$1();
- const isiOS12 = detection.os.isiOS() && detection.os.version.major <= 12;
- const setupEvents$1 = (editor, uiComponents) => {
- const dom = editor.dom;
- let contentWindow = editor.getWin();
- const initialDocEle = editor.getDoc().documentElement;
- const lastWindowDimensions = Cell(SugarPosition(contentWindow.innerWidth, contentWindow.innerHeight));
- const lastDocumentDimensions = Cell(SugarPosition(initialDocEle.offsetWidth, initialDocEle.offsetHeight));
- const resizeWindow = () => {
- const outer = lastWindowDimensions.get();
- if (outer.left !== contentWindow.innerWidth || outer.top !== contentWindow.innerHeight) {
- lastWindowDimensions.set(SugarPosition(contentWindow.innerWidth, contentWindow.innerHeight));
- fireResizeContent(editor);
- }
- };
- const resizeDocument = () => {
- const docEle = editor.getDoc().documentElement;
- const inner = lastDocumentDimensions.get();
- if (inner.left !== docEle.offsetWidth || inner.top !== docEle.offsetHeight) {
- lastDocumentDimensions.set(SugarPosition(docEle.offsetWidth, docEle.offsetHeight));
- fireResizeContent(editor);
- }
- };
- const scroll = e => fireScrollContent(editor, e);
- dom.bind(contentWindow, 'resize', resizeWindow);
- dom.bind(contentWindow, 'scroll', scroll);
- const elementLoad = capture(SugarElement.fromDom(editor.getBody()), 'load', resizeDocument);
- const mothership = uiComponents.uiMothership.element;
- editor.on('hide', () => {
- set$8(mothership, 'display', 'none');
- });
- editor.on('show', () => {
- remove$6(mothership, 'display');
- });
- editor.on('NodeChange', resizeDocument);
- editor.on('remove', () => {
- elementLoad.unbind();
- dom.unbind(contentWindow, 'resize', resizeWindow);
- dom.unbind(contentWindow, 'scroll', scroll);
- contentWindow = null;
- });
- };
- const render$1 = (editor, uiComponents, rawUiConfig, backstage, args) => {
- const lastToolbarWidth = Cell(0);
- const outerContainer = uiComponents.outerContainer;
- iframe(editor);
- const eTargetNode = SugarElement.fromDom(args.targetNode);
- const uiRoot = getContentContainer(getRootNode(eTargetNode));
- attachSystemAfter(eTargetNode, uiComponents.mothership);
- attachSystem(uiRoot, uiComponents.uiMothership);
- editor.on('PostRender', () => {
- setToolbar(editor, uiComponents, rawUiConfig, backstage);
- lastToolbarWidth.set(editor.getWin().innerWidth);
- OuterContainer.setMenubar(outerContainer, identifyMenus(editor, rawUiConfig));
- OuterContainer.setSidebar(outerContainer, rawUiConfig.sidebar);
- setupEvents$1(editor, uiComponents);
- });
- const socket = OuterContainer.getSocket(outerContainer).getOrDie('Could not find expected socket element');
- if (isiOS12) {
- setAll(socket.element, {
- 'overflow': 'scroll',
- '-webkit-overflow-scrolling': 'touch'
- });
- const limit = first(() => {
- editor.dispatch('ScrollContent');
- }, 20);
- const unbinder = bind(socket.element, 'scroll', limit.throttle);
- editor.on('remove', unbinder.unbind);
- }
- setupReadonlyModeSwitch(editor, uiComponents);
- editor.addCommand('ToggleSidebar', (_ui, value) => {
- OuterContainer.toggleSidebar(outerContainer, value);
- editor.dispatch('ToggleSidebar');
- });
- editor.addQueryValueHandler('ToggleSidebar', () => OuterContainer.whichSidebar(outerContainer));
- const toolbarMode = getToolbarMode(editor);
- const refreshDrawer = () => {
- OuterContainer.refreshToolbar(uiComponents.outerContainer);
- };
- if (toolbarMode === ToolbarMode$1.sliding || toolbarMode === ToolbarMode$1.floating) {
- editor.on('ResizeWindow ResizeEditor ResizeContent', () => {
- const width = editor.getWin().innerWidth;
- if (width !== lastToolbarWidth.get()) {
- refreshDrawer();
- lastToolbarWidth.set(width);
- }
- });
- }
- const api = {
- setEnabled: state => {
- broadcastReadonly(uiComponents, !state);
- },
- isEnabled: () => !Disabling.isDisabled(outerContainer)
- };
- return {
- iframeContainer: socket.element.dom,
- editorContainer: outerContainer.element.dom,
- api
- };
- };
- var Iframe = /*#__PURE__*/Object.freeze({
- __proto__: null,
- render: render$1
- });
- const parseToInt = val => {
- const re = /^[0-9\.]+(|px)$/i;
- if (re.test('' + val)) {
- return Optional.some(parseInt('' + val, 10));
- }
- return Optional.none();
- };
- const numToPx = val => isNumber(val) ? val + 'px' : val;
- const calcCappedSize = (size, minSize, maxSize) => {
- const minOverride = minSize.filter(min => size < min);
- const maxOverride = maxSize.filter(max => size > max);
- return minOverride.or(maxOverride).getOr(size);
- };
- const getHeight = editor => {
- const baseHeight = getHeightOption(editor);
- const minHeight = getMinHeightOption(editor);
- const maxHeight = getMaxHeightOption(editor);
- return parseToInt(baseHeight).map(height => calcCappedSize(height, minHeight, maxHeight));
- };
- const getHeightWithFallback = editor => {
- const height = getHeight(editor);
- return height.getOr(getHeightOption(editor));
- };
- const getWidth = editor => {
- const baseWidth = getWidthOption(editor);
- const minWidth = getMinWidthOption(editor);
- const maxWidth = getMaxWidthOption(editor);
- return parseToInt(baseWidth).map(width => calcCappedSize(width, minWidth, maxWidth));
- };
- const getWidthWithFallback = editor => {
- const width = getWidth(editor);
- return width.getOr(getWidthOption(editor));
- };
- const {ToolbarLocation, ToolbarMode} = Options;
- const InlineHeader = (editor, targetElm, uiComponents, backstage, floatContainer) => {
- const {uiMothership, outerContainer} = uiComponents;
- const DOM = global$7.DOM;
- const useFixedToolbarContainer = useFixedContainer(editor);
- const isSticky = isStickyToolbar(editor);
- const editorMaxWidthOpt = getMaxWidthOption(editor).or(getWidth(editor));
- const headerBackstage = backstage.shared.header;
- const isPositionedAtTop = headerBackstage.isPositionedAtTop;
- const toolbarMode = getToolbarMode(editor);
- const isSplitToolbar = toolbarMode === ToolbarMode.sliding || toolbarMode === ToolbarMode.floating;
- const visible = Cell(false);
- const isVisible = () => visible.get() && !editor.removed;
- const calcToolbarOffset = toolbar => isSplitToolbar ? toolbar.fold(constant$1(0), tbar => tbar.components().length > 1 ? get$d(tbar.components()[1].element) : 0) : 0;
- const calcMode = container => {
- switch (getToolbarLocation(editor)) {
- case ToolbarLocation.auto:
- const toolbar = OuterContainer.getToolbar(outerContainer);
- const offset = calcToolbarOffset(toolbar);
- const toolbarHeight = get$d(container.element) - offset;
- const targetBounds = box$1(targetElm);
- const roomAtTop = targetBounds.y > toolbarHeight;
- if (roomAtTop) {
- return 'top';
- } else {
- const doc = documentElement(targetElm);
- const docHeight = Math.max(doc.dom.scrollHeight, get$d(doc));
- const roomAtBottom = targetBounds.bottom < docHeight - toolbarHeight;
- if (roomAtBottom) {
- return 'bottom';
- } else {
- const winBounds = win();
- const isRoomAtBottomViewport = winBounds.bottom < targetBounds.bottom - toolbarHeight;
- return isRoomAtBottomViewport ? 'bottom' : 'top';
- }
- }
- case ToolbarLocation.bottom:
- return 'bottom';
- case ToolbarLocation.top:
- default:
- return 'top';
- }
- };
- const setupMode = mode => {
- const container = floatContainer.get();
- Docking.setModes(container, [mode]);
- headerBackstage.setDockingMode(mode);
- const verticalDir = isPositionedAtTop() ? AttributeValue.TopToBottom : AttributeValue.BottomToTop;
- set$9(container.element, Attribute, verticalDir);
- };
- const updateChromeWidth = () => {
- const maxWidth = editorMaxWidthOpt.getOrThunk(() => {
- const bodyMargin = parseToInt(get$e(body(), 'margin-left')).getOr(0);
- return get$c(body()) - absolute$3(targetElm).left + bodyMargin;
- });
- set$8(floatContainer.get().element, 'max-width', maxWidth + 'px');
- };
- const updateChromePosition = () => {
- const toolbar = OuterContainer.getToolbar(outerContainer);
- const offset = calcToolbarOffset(toolbar);
- const targetBounds = box$1(targetElm);
- const top = isPositionedAtTop() ? Math.max(targetBounds.y - get$d(floatContainer.get().element) + offset, 0) : targetBounds.bottom;
- setAll(outerContainer.element, {
- position: 'absolute',
- top: Math.round(top) + 'px',
- left: Math.round(targetBounds.x) + 'px'
- });
- };
- const repositionPopups$1 = () => {
- uiMothership.broadcastOn([repositionPopups()], {});
- };
- const updateChromeUi = (resetDocking = false) => {
- if (!isVisible()) {
- return;
- }
- if (!useFixedToolbarContainer) {
- updateChromeWidth();
- }
- if (isSplitToolbar) {
- OuterContainer.refreshToolbar(outerContainer);
- }
- if (!useFixedToolbarContainer) {
- updateChromePosition();
- }
- if (isSticky) {
- const floatContainerComp = floatContainer.get();
- resetDocking ? Docking.reset(floatContainerComp) : Docking.refresh(floatContainerComp);
- }
- repositionPopups$1();
- };
- const updateMode = (updateUi = true) => {
- if (useFixedToolbarContainer || !isSticky || !isVisible()) {
- return;
- }
- const currentMode = headerBackstage.getDockingMode();
- const newMode = calcMode(floatContainer.get());
- if (newMode !== currentMode) {
- setupMode(newMode);
- if (updateUi) {
- updateChromeUi(true);
- }
- }
- };
- const show = () => {
- visible.set(true);
- set$8(outerContainer.element, 'display', 'flex');
- DOM.addClass(editor.getBody(), 'mce-edit-focus');
- remove$6(uiMothership.element, 'display');
- updateMode(false);
- updateChromeUi();
- };
- const hide = () => {
- visible.set(false);
- if (uiComponents.outerContainer) {
- set$8(outerContainer.element, 'display', 'none');
- DOM.removeClass(editor.getBody(), 'mce-edit-focus');
- }
- set$8(uiMothership.element, 'display', 'none');
- };
- return {
- isVisible,
- isPositionedAtTop,
- show,
- hide,
- update: updateChromeUi,
- updateMode,
- repositionPopups: repositionPopups$1
- };
- };
- const getTargetPosAndBounds = (targetElm, isToolbarTop) => {
- const bounds = box$1(targetElm);
- return {
- pos: isToolbarTop ? bounds.y : bounds.bottom,
- bounds
- };
- };
- const setupEvents = (editor, targetElm, ui, toolbarPersist) => {
- const prevPosAndBounds = Cell(getTargetPosAndBounds(targetElm, ui.isPositionedAtTop()));
- const resizeContent = e => {
- const {pos, bounds} = getTargetPosAndBounds(targetElm, ui.isPositionedAtTop());
- const {
- pos: prevPos,
- bounds: prevBounds
- } = prevPosAndBounds.get();
- const hasResized = bounds.height !== prevBounds.height || bounds.width !== prevBounds.width;
- prevPosAndBounds.set({
- pos,
- bounds
- });
- if (hasResized) {
- fireResizeContent(editor, e);
- }
- if (ui.isVisible()) {
- if (prevPos !== pos) {
- ui.update(true);
- } else if (hasResized) {
- ui.updateMode();
- ui.repositionPopups();
- }
- }
- };
- if (!toolbarPersist) {
- editor.on('activate', ui.show);
- editor.on('deactivate', ui.hide);
- }
- editor.on('SkinLoaded ResizeWindow', () => ui.update(true));
- editor.on('NodeChange keydown', e => {
- requestAnimationFrame(() => resizeContent(e));
- });
- editor.on('ScrollWindow', () => ui.updateMode());
- const elementLoad = unbindable();
- elementLoad.set(capture(SugarElement.fromDom(editor.getBody()), 'load', resizeContent));
- editor.on('remove', () => {
- elementLoad.clear();
- });
- };
- const render = (editor, uiComponents, rawUiConfig, backstage, args) => {
- const {mothership, uiMothership, outerContainer} = uiComponents;
- const floatContainer = Cell(null);
- const targetElm = SugarElement.fromDom(args.targetNode);
- const ui = InlineHeader(editor, targetElm, uiComponents, backstage, floatContainer);
- const toolbarPersist = isToolbarPersist(editor);
- inline(editor);
- const render = () => {
- if (floatContainer.get()) {
- ui.show();
- return;
- }
- floatContainer.set(OuterContainer.getHeader(outerContainer).getOrDie());
- const uiContainer = getUiContainer(editor);
- attachSystem(uiContainer, mothership);
- attachSystem(uiContainer, uiMothership);
- setToolbar(editor, uiComponents, rawUiConfig, backstage);
- OuterContainer.setMenubar(outerContainer, identifyMenus(editor, rawUiConfig));
- ui.show();
- setupEvents(editor, targetElm, ui, toolbarPersist);
- editor.nodeChanged();
- };
- editor.on('show', render);
- editor.on('hide', ui.hide);
- if (!toolbarPersist) {
- editor.on('focus', render);
- editor.on('blur', ui.hide);
- }
- editor.on('init', () => {
- if (editor.hasFocus() || toolbarPersist) {
- render();
- }
- });
- setupReadonlyModeSwitch(editor, uiComponents);
- const api = {
- show: () => {
- render();
- },
- hide: () => {
- ui.hide();
- },
- setEnabled: state => {
- broadcastReadonly(uiComponents, !state);
- },
- isEnabled: () => !Disabling.isDisabled(outerContainer)
- };
- return {
- editorContainer: outerContainer.element.dom,
- api
- };
- };
- var Inline = /*#__PURE__*/Object.freeze({
- __proto__: null,
- render: render
- });
- const showContextToolbarEvent = 'contexttoolbar-show';
- const hideContextToolbarEvent = 'contexttoolbar-hide';
- const getFormApi = input => ({
- hide: () => emit(input, sandboxClose()),
- getValue: () => Representing.getValue(input)
- });
- const runOnExecute = (memInput, original) => run$1(internalToolbarButtonExecute, (comp, se) => {
- const input = memInput.get(comp);
- const formApi = getFormApi(input);
- original.onAction(formApi, se.event.buttonApi);
- });
- const renderContextButton = (memInput, button, extras) => {
- const {primary, ...rest} = button.original;
- const bridged = getOrDie(createToolbarButton({
- ...rest,
- type: 'button',
- onAction: noop
- }));
- return renderToolbarButtonWith(bridged, extras.backstage.shared.providers, [runOnExecute(memInput, button)]);
- };
- const renderContextToggleButton = (memInput, button, extras) => {
- const {primary, ...rest} = button.original;
- const bridged = getOrDie(createToggleButton({
- ...rest,
- type: 'togglebutton',
- onAction: noop
- }));
- return renderToolbarToggleButtonWith(bridged, extras.backstage.shared.providers, [runOnExecute(memInput, button)]);
- };
- const generateOne = (memInput, button, providersBackstage) => {
- const extras = { backstage: { shared: { providers: providersBackstage } } };
- if (button.type === 'contextformtogglebutton') {
- return renderContextToggleButton(memInput, button, extras);
- } else {
- return renderContextButton(memInput, button, extras);
- }
- };
- const generate = (memInput, buttons, providersBackstage) => {
- const mementos = map$2(buttons, button => record(generateOne(memInput, button, providersBackstage)));
- const asSpecs = () => map$2(mementos, mem => mem.asSpec());
- const findPrimary = compInSystem => findMap(buttons, (button, i) => {
- if (button.primary) {
- return Optional.from(mementos[i]).bind(mem => mem.getOpt(compInSystem)).filter(not(Disabling.isDisabled));
- } else {
- return Optional.none();
- }
- });
- return {
- asSpecs,
- findPrimary
- };
- };
- const buildInitGroups = (ctx, providers) => {
- const inputAttributes = ctx.label.fold(() => ({}), label => ({ 'aria-label': label }));
- const memInput = record(Input.sketch({
- inputClasses: [
- 'tox-toolbar-textfield',
- 'tox-toolbar-nav-js'
- ],
- data: ctx.initValue(),
- inputAttributes,
- selectOnFocus: true,
- inputBehaviours: derive$1([Keying.config({
- mode: 'special',
- onEnter: input => commands.findPrimary(input).map(primary => {
- emitExecute(primary);
- return true;
- }),
- onLeft: (comp, se) => {
- se.cut();
- return Optional.none();
- },
- onRight: (comp, se) => {
- se.cut();
- return Optional.none();
- }
- })])
- }));
- const commands = generate(memInput, ctx.commands, providers);
- return [
- {
- title: Optional.none(),
- items: [memInput.asSpec()]
- },
- {
- title: Optional.none(),
- items: commands.asSpecs()
- }
- ];
- };
- const renderContextForm = (toolbarType, ctx, providers) => renderToolbar({
- type: toolbarType,
- uid: generate$6('context-toolbar'),
- initGroups: buildInitGroups(ctx, providers),
- onEscape: Optional.none,
- cyclicKeying: true,
- providers
- });
- const ContextForm = {
- renderContextForm,
- buildInitGroups
- };
- const isVerticalOverlap = (a, b, threshold = 0.01) => b.bottom - a.y >= threshold && a.bottom - b.y >= threshold;
- const getRangeRect = rng => {
- const rect = rng.getBoundingClientRect();
- if (rect.height <= 0 && rect.width <= 0) {
- const leaf$1 = leaf(SugarElement.fromDom(rng.startContainer), rng.startOffset).element;
- const elm = isText(leaf$1) ? parent(leaf$1) : Optional.some(leaf$1);
- return elm.filter(isElement$1).map(e => e.dom.getBoundingClientRect()).getOr(rect);
- } else {
- return rect;
- }
- };
- const getSelectionBounds = editor => {
- const rng = editor.selection.getRng();
- const rect = getRangeRect(rng);
- if (editor.inline) {
- const scroll = get$b();
- return bounds(scroll.left + rect.left, scroll.top + rect.top, rect.width, rect.height);
- } else {
- const bodyPos = absolute$2(SugarElement.fromDom(editor.getBody()));
- return bounds(bodyPos.x + rect.left, bodyPos.y + rect.top, rect.width, rect.height);
- }
- };
- const getAnchorElementBounds = (editor, lastElement) => lastElement.filter(inBody).map(absolute$2).getOrThunk(() => getSelectionBounds(editor));
- const getHorizontalBounds = (contentAreaBox, viewportBounds, margin) => {
- const x = Math.max(contentAreaBox.x + margin, viewportBounds.x);
- const right = Math.min(contentAreaBox.right - margin, viewportBounds.right);
- return {
- x,
- width: right - x
- };
- };
- const getVerticalBounds = (editor, contentAreaBox, viewportBounds, isToolbarLocationTop, toolbarType, margin) => {
- const container = SugarElement.fromDom(editor.getContainer());
- const header = descendant(container, '.tox-editor-header').getOr(container);
- const headerBox = box$1(header);
- const isToolbarBelowContentArea = headerBox.y >= contentAreaBox.bottom;
- const isToolbarAbove = isToolbarLocationTop && !isToolbarBelowContentArea;
- if (editor.inline && isToolbarAbove) {
- return {
- y: Math.max(headerBox.bottom + margin, viewportBounds.y),
- bottom: viewportBounds.bottom
- };
- }
- if (editor.inline && !isToolbarAbove) {
- return {
- y: viewportBounds.y,
- bottom: Math.min(headerBox.y - margin, viewportBounds.bottom)
- };
- }
- const containerBounds = toolbarType === 'line' ? box$1(container) : contentAreaBox;
- if (isToolbarAbove) {
- return {
- y: Math.max(headerBox.bottom + margin, viewportBounds.y),
- bottom: Math.min(containerBounds.bottom - margin, viewportBounds.bottom)
- };
- }
- return {
- y: Math.max(containerBounds.y + margin, viewportBounds.y),
- bottom: Math.min(headerBox.y - margin, viewportBounds.bottom)
- };
- };
- const getContextToolbarBounds = (editor, sharedBackstage, toolbarType, margin = 0) => {
- const viewportBounds = getBounds$3(window);
- const contentAreaBox = box$1(SugarElement.fromDom(editor.getContentAreaContainer()));
- const toolbarOrMenubarEnabled = isMenubarEnabled(editor) || isToolbarEnabled(editor) || isMultipleToolbars(editor);
- const {x, width} = getHorizontalBounds(contentAreaBox, viewportBounds, margin);
- if (editor.inline && !toolbarOrMenubarEnabled) {
- return bounds(x, viewportBounds.y, width, viewportBounds.height);
- } else {
- const isToolbarTop = sharedBackstage.header.isPositionedAtTop();
- const {y, bottom} = getVerticalBounds(editor, contentAreaBox, viewportBounds, isToolbarTop, toolbarType, margin);
- return bounds(x, y, width, bottom - y);
- }
- };
- const bubbleSize$1 = 12;
- const bubbleAlignments$1 = {
- valignCentre: [],
- alignCentre: [],
- alignLeft: ['tox-pop--align-left'],
- alignRight: ['tox-pop--align-right'],
- right: ['tox-pop--right'],
- left: ['tox-pop--left'],
- bottom: ['tox-pop--bottom'],
- top: ['tox-pop--top'],
- inset: ['tox-pop--inset']
- };
- const anchorOverrides = {
- maxHeightFunction: expandable$1(),
- maxWidthFunction: expandable()
- };
- const isEntireElementSelected = (editor, elem) => {
- const rng = editor.selection.getRng();
- const leaf$1 = leaf(SugarElement.fromDom(rng.startContainer), rng.startOffset);
- return rng.startContainer === rng.endContainer && rng.startOffset === rng.endOffset - 1 && eq(leaf$1.element, elem);
- };
- const preservePosition = (elem, position, f) => {
- const currentPosition = getRaw(elem, 'position');
- set$8(elem, 'position', position);
- const result = f(elem);
- currentPosition.each(pos => set$8(elem, 'position', pos));
- return result;
- };
- const shouldUseInsetLayouts = position => position === 'node';
- const determineInsetLayout = (editor, contextbar, elem, data, bounds) => {
- const selectionBounds = getSelectionBounds(editor);
- const isSameAnchorElement = data.lastElement().exists(prev => eq(elem, prev));
- if (isEntireElementSelected(editor, elem)) {
- return isSameAnchorElement ? preserve : north;
- } else if (isSameAnchorElement) {
- return preservePosition(contextbar, data.getMode(), () => {
- const isOverlapping = isVerticalOverlap(selectionBounds, box$1(contextbar));
- return isOverlapping && !data.isReposition() ? flip : preserve;
- });
- } else {
- const yBounds = data.getMode() === 'fixed' ? bounds.y + get$b().top : bounds.y;
- const contextbarHeight = get$d(contextbar) + bubbleSize$1;
- return yBounds + contextbarHeight <= selectionBounds.y ? north : south;
- }
- };
- const getAnchorSpec$2 = (editor, mobile, data, position) => {
- const smartInsetLayout = elem => (anchor, element, bubbles, placee, bounds) => {
- const layout = determineInsetLayout(editor, placee, elem, data, bounds);
- const newAnchor = {
- ...anchor,
- y: bounds.y,
- height: bounds.height
- };
- return {
- ...layout(newAnchor, element, bubbles, placee, bounds),
- alwaysFit: true
- };
- };
- const getInsetLayouts = elem => shouldUseInsetLayouts(position) ? [smartInsetLayout(elem)] : [];
- const desktopAnchorSpecLayouts = {
- onLtr: elem => [
- north$2,
- south$2,
- northeast$2,
- southeast$2,
- northwest$2,
- southwest$2
- ].concat(getInsetLayouts(elem)),
- onRtl: elem => [
- north$2,
- south$2,
- northwest$2,
- southwest$2,
- northeast$2,
- southeast$2
- ].concat(getInsetLayouts(elem))
- };
- const mobileAnchorSpecLayouts = {
- onLtr: elem => [
- south$2,
- southeast$2,
- southwest$2,
- northeast$2,
- northwest$2,
- north$2
- ].concat(getInsetLayouts(elem)),
- onRtl: elem => [
- south$2,
- southwest$2,
- southeast$2,
- northwest$2,
- northeast$2,
- north$2
- ].concat(getInsetLayouts(elem))
- };
- return mobile ? mobileAnchorSpecLayouts : desktopAnchorSpecLayouts;
- };
- const getAnchorLayout = (editor, position, isTouch, data) => {
- if (position === 'line') {
- return {
- bubble: nu$5(bubbleSize$1, 0, bubbleAlignments$1),
- layouts: {
- onLtr: () => [east$2],
- onRtl: () => [west$2]
- },
- overrides: anchorOverrides
- };
- } else {
- return {
- bubble: nu$5(0, bubbleSize$1, bubbleAlignments$1, 1 / bubbleSize$1),
- layouts: getAnchorSpec$2(editor, isTouch, data, position),
- overrides: anchorOverrides
- };
- }
- };
- const matchTargetWith = (elem, candidates) => {
- const ctxs = filter$2(candidates, toolbarApi => toolbarApi.predicate(elem.dom));
- const {pass, fail} = partition$3(ctxs, t => t.type === 'contexttoolbar');
- return {
- contextToolbars: pass,
- contextForms: fail
- };
- };
- const filterByPositionForStartNode = toolbars => {
- if (toolbars.length <= 1) {
- return toolbars;
- } else {
- const doesPositionExist = value => exists(toolbars, t => t.position === value);
- const filterToolbarsByPosition = value => filter$2(toolbars, t => t.position === value);
- const hasSelectionToolbars = doesPositionExist('selection');
- const hasNodeToolbars = doesPositionExist('node');
- if (hasSelectionToolbars || hasNodeToolbars) {
- if (hasNodeToolbars && hasSelectionToolbars) {
- const nodeToolbars = filterToolbarsByPosition('node');
- const selectionToolbars = map$2(filterToolbarsByPosition('selection'), t => ({
- ...t,
- position: 'node'
- }));
- return nodeToolbars.concat(selectionToolbars);
- } else {
- return hasSelectionToolbars ? filterToolbarsByPosition('selection') : filterToolbarsByPosition('node');
- }
- } else {
- return filterToolbarsByPosition('line');
- }
- }
- };
- const filterByPositionForAncestorNode = toolbars => {
- if (toolbars.length <= 1) {
- return toolbars;
- } else {
- const findPosition = value => find$5(toolbars, t => t.position === value);
- const basePosition = findPosition('selection').orThunk(() => findPosition('node')).orThunk(() => findPosition('line')).map(t => t.position);
- return basePosition.fold(() => [], pos => filter$2(toolbars, t => t.position === pos));
- }
- };
- const matchStartNode = (elem, nodeCandidates, editorCandidates) => {
- const nodeMatches = matchTargetWith(elem, nodeCandidates);
- if (nodeMatches.contextForms.length > 0) {
- return Optional.some({
- elem,
- toolbars: [nodeMatches.contextForms[0]]
- });
- } else {
- const editorMatches = matchTargetWith(elem, editorCandidates);
- if (editorMatches.contextForms.length > 0) {
- return Optional.some({
- elem,
- toolbars: [editorMatches.contextForms[0]]
- });
- } else if (nodeMatches.contextToolbars.length > 0 || editorMatches.contextToolbars.length > 0) {
- const toolbars = filterByPositionForStartNode(nodeMatches.contextToolbars.concat(editorMatches.contextToolbars));
- return Optional.some({
- elem,
- toolbars
- });
- } else {
- return Optional.none();
- }
- }
- };
- const matchAncestor = (isRoot, startNode, scopes) => {
- if (isRoot(startNode)) {
- return Optional.none();
- } else {
- return ancestor$2(startNode, ancestorElem => {
- if (isElement$1(ancestorElem)) {
- const {contextToolbars, contextForms} = matchTargetWith(ancestorElem, scopes.inNodeScope);
- const toolbars = contextForms.length > 0 ? contextForms : filterByPositionForAncestorNode(contextToolbars);
- return toolbars.length > 0 ? Optional.some({
- elem: ancestorElem,
- toolbars
- }) : Optional.none();
- } else {
- return Optional.none();
- }
- }, isRoot);
- }
- };
- const lookup$1 = (scopes, editor) => {
- const rootElem = SugarElement.fromDom(editor.getBody());
- const isRoot = elem => eq(elem, rootElem);
- const isOutsideRoot = startNode => !isRoot(startNode) && !contains(rootElem, startNode);
- const startNode = SugarElement.fromDom(editor.selection.getNode());
- if (isOutsideRoot(startNode)) {
- return Optional.none();
- }
- return matchStartNode(startNode, scopes.inNodeScope, scopes.inEditorScope).orThunk(() => matchAncestor(isRoot, startNode, scopes));
- };
- const categorise = (contextToolbars, navigate) => {
- const forms = {};
- const inNodeScope = [];
- const inEditorScope = [];
- const formNavigators = {};
- const lookupTable = {};
- const registerForm = (key, toolbarSpec) => {
- const contextForm = getOrDie(createContextForm(toolbarSpec));
- forms[key] = contextForm;
- contextForm.launch.map(launch => {
- formNavigators['form:' + key + ''] = {
- ...toolbarSpec.launch,
- type: launch.type === 'contextformtogglebutton' ? 'togglebutton' : 'button',
- onAction: () => {
- navigate(contextForm);
- }
- };
- });
- if (contextForm.scope === 'editor') {
- inEditorScope.push(contextForm);
- } else {
- inNodeScope.push(contextForm);
- }
- lookupTable[key] = contextForm;
- };
- const registerToolbar = (key, toolbarSpec) => {
- createContextToolbar(toolbarSpec).each(contextToolbar => {
- if (toolbarSpec.scope === 'editor') {
- inEditorScope.push(contextToolbar);
- } else {
- inNodeScope.push(contextToolbar);
- }
- lookupTable[key] = contextToolbar;
- });
- };
- const keys$1 = keys(contextToolbars);
- each$1(keys$1, key => {
- const toolbarApi = contextToolbars[key];
- if (toolbarApi.type === 'contextform') {
- registerForm(key, toolbarApi);
- } else if (toolbarApi.type === 'contexttoolbar') {
- registerToolbar(key, toolbarApi);
- }
- });
- return {
- forms,
- inNodeScope,
- inEditorScope,
- lookupTable,
- formNavigators
- };
- };
- const forwardSlideEvent = generate$6('forward-slide');
- const backSlideEvent = generate$6('backward-slide');
- const changeSlideEvent = generate$6('change-slide-event');
- const resizingClass = 'tox-pop--resizing';
- const renderContextToolbar = spec => {
- const stack = Cell([]);
- return InlineView.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-pop']
- },
- fireDismissalEventInstead: { event: 'doNotDismissYet' },
- onShow: comp => {
- stack.set([]);
- InlineView.getContent(comp).each(c => {
- remove$6(c.element, 'visibility');
- });
- remove$2(comp.element, resizingClass);
- remove$6(comp.element, 'width');
- },
- inlineBehaviours: derive$1([
- config('context-toolbar-events', [
- runOnSource(transitionend(), (comp, se) => {
- if (se.event.raw.propertyName === 'width') {
- remove$2(comp.element, resizingClass);
- remove$6(comp.element, 'width');
- }
- }),
- run$1(changeSlideEvent, (comp, se) => {
- const elem = comp.element;
- remove$6(elem, 'width');
- const currentWidth = get$c(elem);
- InlineView.setContent(comp, se.event.contents);
- add$2(elem, resizingClass);
- const newWidth = get$c(elem);
- set$8(elem, 'width', currentWidth + 'px');
- InlineView.getContent(comp).each(newContents => {
- se.event.focus.bind(f => {
- focus$3(f);
- return search(elem);
- }).orThunk(() => {
- Keying.focusIn(newContents);
- return active$1(getRootNode(elem));
- });
- });
- setTimeout(() => {
- set$8(comp.element, 'width', newWidth + 'px');
- }, 0);
- }),
- run$1(forwardSlideEvent, (comp, se) => {
- InlineView.getContent(comp).each(oldContents => {
- stack.set(stack.get().concat([{
- bar: oldContents,
- focus: active$1(getRootNode(comp.element))
- }]));
- });
- emitWith(comp, changeSlideEvent, {
- contents: se.event.forwardContents,
- focus: Optional.none()
- });
- }),
- run$1(backSlideEvent, (comp, _se) => {
- last$1(stack.get()).each(last => {
- stack.set(stack.get().slice(0, stack.get().length - 1));
- emitWith(comp, changeSlideEvent, {
- contents: premade(last.bar),
- focus: last.focus
- });
- });
- })
- ]),
- Keying.config({
- mode: 'special',
- onEscape: comp => last$1(stack.get()).fold(() => spec.onEscape(), _ => {
- emit(comp, backSlideEvent);
- return Optional.some(true);
- })
- })
- ]),
- lazySink: () => Result.value(spec.sink)
- });
- };
- const transitionClass = 'tox-pop--transition';
- const register$9 = (editor, registryContextToolbars, sink, extras) => {
- const backstage = extras.backstage;
- const sharedBackstage = backstage.shared;
- const isTouch = detect$1().deviceType.isTouch;
- const lastElement = value$2();
- const lastTrigger = value$2();
- const lastContextPosition = value$2();
- const contextbar = build$1(renderContextToolbar({
- sink,
- onEscape: () => {
- editor.focus();
- return Optional.some(true);
- }
- }));
- const getBounds = () => {
- const position = lastContextPosition.get().getOr('node');
- const margin = shouldUseInsetLayouts(position) ? 1 : 0;
- return getContextToolbarBounds(editor, sharedBackstage, position, margin);
- };
- const canLaunchToolbar = () => {
- return !editor.removed && !(isTouch() && backstage.isContextMenuOpen());
- };
- const isSameLaunchElement = elem => is$1(lift2(elem, lastElement.get(), eq), true);
- const shouldContextToolbarHide = () => {
- if (!canLaunchToolbar()) {
- return true;
- } else {
- const contextToolbarBounds = getBounds();
- const anchorBounds = is$1(lastContextPosition.get(), 'node') ? getAnchorElementBounds(editor, lastElement.get()) : getSelectionBounds(editor);
- return contextToolbarBounds.height <= 0 || !isVerticalOverlap(anchorBounds, contextToolbarBounds);
- }
- };
- const close = () => {
- lastElement.clear();
- lastTrigger.clear();
- lastContextPosition.clear();
- InlineView.hide(contextbar);
- };
- const hideOrRepositionIfNecessary = () => {
- if (InlineView.isOpen(contextbar)) {
- const contextBarEle = contextbar.element;
- remove$6(contextBarEle, 'display');
- if (shouldContextToolbarHide()) {
- set$8(contextBarEle, 'display', 'none');
- } else {
- lastTrigger.set(0);
- InlineView.reposition(contextbar);
- }
- }
- };
- const wrapInPopDialog = toolbarSpec => ({
- dom: {
- tag: 'div',
- classes: ['tox-pop__dialog']
- },
- components: [toolbarSpec],
- behaviours: derive$1([
- Keying.config({ mode: 'acyclic' }),
- config('pop-dialog-wrap-events', [
- runOnAttached(comp => {
- editor.shortcuts.add('ctrl+F9', 'focus statusbar', () => Keying.focusIn(comp));
- }),
- runOnDetached(_comp => {
- editor.shortcuts.remove('ctrl+F9');
- })
- ])
- ])
- });
- const getScopes = cached(() => categorise(registryContextToolbars, toolbarApi => {
- const alloySpec = buildToolbar([toolbarApi]);
- emitWith(contextbar, forwardSlideEvent, { forwardContents: wrapInPopDialog(alloySpec) });
- }));
- const buildContextToolbarGroups = (allButtons, ctx) => identifyButtons(editor, {
- buttons: allButtons,
- toolbar: ctx.items,
- allowToolbarGroups: false
- }, extras, Optional.some(['form:']));
- const buildContextFormGroups = (ctx, providers) => ContextForm.buildInitGroups(ctx, providers);
- const buildToolbar = toolbars => {
- const {buttons} = editor.ui.registry.getAll();
- const scopes = getScopes();
- const allButtons = {
- ...buttons,
- ...scopes.formNavigators
- };
- const toolbarType = getToolbarMode(editor) === ToolbarMode$1.scrolling ? ToolbarMode$1.scrolling : ToolbarMode$1.default;
- const initGroups = flatten(map$2(toolbars, ctx => ctx.type === 'contexttoolbar' ? buildContextToolbarGroups(allButtons, ctx) : buildContextFormGroups(ctx, sharedBackstage.providers)));
- return renderToolbar({
- type: toolbarType,
- uid: generate$6('context-toolbar'),
- initGroups,
- onEscape: Optional.none,
- cyclicKeying: true,
- providers: sharedBackstage.providers
- });
- };
- const getAnchor = (position, element) => {
- const anchorage = position === 'node' ? sharedBackstage.anchors.node(element) : sharedBackstage.anchors.cursor();
- const anchorLayout = getAnchorLayout(editor, position, isTouch(), {
- lastElement: lastElement.get,
- isReposition: () => is$1(lastTrigger.get(), 0),
- getMode: () => Positioning.getMode(sink)
- });
- return deepMerge(anchorage, anchorLayout);
- };
- const launchContext = (toolbarApi, elem) => {
- launchContextToolbar.cancel();
- if (!canLaunchToolbar()) {
- return;
- }
- const toolbarSpec = buildToolbar(toolbarApi);
- const position = toolbarApi[0].position;
- const anchor = getAnchor(position, elem);
- lastContextPosition.set(position);
- lastTrigger.set(1);
- const contextBarEle = contextbar.element;
- remove$6(contextBarEle, 'display');
- if (!isSameLaunchElement(elem)) {
- remove$2(contextBarEle, transitionClass);
- Positioning.reset(sink, contextbar);
- }
- InlineView.showWithinBounds(contextbar, wrapInPopDialog(toolbarSpec), {
- anchor,
- transition: {
- classes: [transitionClass],
- mode: 'placement'
- }
- }, () => Optional.some(getBounds()));
- elem.fold(lastElement.clear, lastElement.set);
- if (shouldContextToolbarHide()) {
- set$8(contextBarEle, 'display', 'none');
- }
- };
- const launchContextToolbar = last(() => {
- if (!editor.hasFocus() || editor.removed) {
- return;
- }
- if (has(contextbar.element, transitionClass)) {
- launchContextToolbar.throttle();
- } else {
- const scopes = getScopes();
- lookup$1(scopes, editor).fold(close, info => {
- launchContext(info.toolbars, Optional.some(info.elem));
- });
- }
- }, 17);
- editor.on('init', () => {
- editor.on('remove', close);
- editor.on('ScrollContent ScrollWindow ObjectResized ResizeEditor longpress', hideOrRepositionIfNecessary);
- editor.on('click keyup focus SetContent', launchContextToolbar.throttle);
- editor.on(hideContextToolbarEvent, close);
- editor.on(showContextToolbarEvent, e => {
- const scopes = getScopes();
- get$g(scopes.lookupTable, e.toolbarKey).each(ctx => {
- launchContext([ctx], someIf(e.target !== editor, e.target));
- InlineView.getContent(contextbar).each(Keying.focusIn);
- });
- });
- editor.on('focusout', _e => {
- global$9.setEditorTimeout(editor, () => {
- if (search(sink.element).isNone() && search(contextbar.element).isNone()) {
- close();
- }
- }, 0);
- });
- editor.on('SwitchMode', () => {
- if (editor.mode.isReadOnly()) {
- close();
- }
- });
- editor.on('AfterProgressState', event => {
- if (event.state) {
- close();
- } else if (editor.hasFocus()) {
- launchContextToolbar.throttle();
- }
- });
- editor.on('NodeChange', _e => {
- search(contextbar.element).fold(launchContextToolbar.throttle, noop);
- });
- });
- };
- const register$8 = editor => {
- const alignToolbarButtons = [
- {
- name: 'alignleft',
- text: 'Align left',
- cmd: 'JustifyLeft',
- icon: 'align-left'
- },
- {
- name: 'aligncenter',
- text: 'Align center',
- cmd: 'JustifyCenter',
- icon: 'align-center'
- },
- {
- name: 'alignright',
- text: 'Align right',
- cmd: 'JustifyRight',
- icon: 'align-right'
- },
- {
- name: 'alignjustify',
- text: 'Justify',
- cmd: 'JustifyFull',
- icon: 'align-justify'
- }
- ];
- each$1(alignToolbarButtons, item => {
- editor.ui.registry.addToggleButton(item.name, {
- tooltip: item.text,
- icon: item.icon,
- onAction: onActionExecCommand(editor, item.cmd),
- onSetup: onSetupFormatToggle(editor, item.name)
- });
- });
- editor.ui.registry.addButton('alignnone', {
- tooltip: 'No alignment',
- icon: 'align-none',
- onAction: onActionExecCommand(editor, 'JustifyNone')
- });
- };
- const units = {
- unsupportedLength: [
- 'em',
- 'ex',
- 'cap',
- 'ch',
- 'ic',
- 'rem',
- 'lh',
- 'rlh',
- 'vw',
- 'vh',
- 'vi',
- 'vb',
- 'vmin',
- 'vmax',
- 'cm',
- 'mm',
- 'Q',
- 'in',
- 'pc',
- 'pt',
- 'px'
- ],
- fixed: [
- 'px',
- 'pt'
- ],
- relative: ['%'],
- empty: ['']
- };
- const pattern = (() => {
- const decimalDigits = '[0-9]+';
- const signedInteger = '[+-]?' + decimalDigits;
- const exponentPart = '[eE]' + signedInteger;
- const dot = '\\.';
- const opt = input => `(?:${ input })?`;
- const unsignedDecimalLiteral = [
- 'Infinity',
- decimalDigits + dot + opt(decimalDigits) + opt(exponentPart),
- dot + decimalDigits + opt(exponentPart),
- decimalDigits + opt(exponentPart)
- ].join('|');
- const float = `[+-]?(?:${ unsignedDecimalLiteral })`;
- return new RegExp(`^(${ float })(.*)$`);
- })();
- const isUnit = (unit, accepted) => exists(accepted, acc => exists(units[acc], check => unit === check));
- const parse = (input, accepted) => {
- const match = Optional.from(pattern.exec(input));
- return match.bind(array => {
- const value = Number(array[1]);
- const unitRaw = array[2];
- if (isUnit(unitRaw, accepted)) {
- return Optional.some({
- value,
- unit: unitRaw
- });
- } else {
- return Optional.none();
- }
- });
- };
- const normalise = (input, accepted) => parse(input, accepted).map(({value, unit}) => value + unit);
- const registerController = (editor, spec) => {
- const getMenuItems = () => {
- const options = spec.getOptions(editor);
- const initial = spec.getCurrent(editor).map(spec.hash);
- const current = value$2();
- return map$2(options, value => ({
- type: 'togglemenuitem',
- text: spec.display(value),
- onSetup: api => {
- const setActive = active => {
- if (active) {
- current.on(oldApi => oldApi.setActive(false));
- current.set(api);
- }
- api.setActive(active);
- };
- setActive(is$1(initial, spec.hash(value)));
- const unbindWatcher = spec.watcher(editor, value, setActive);
- return () => {
- current.clear();
- unbindWatcher();
- };
- },
- onAction: () => spec.setCurrent(editor, value)
- }));
- };
- editor.ui.registry.addMenuButton(spec.name, {
- tooltip: spec.text,
- icon: spec.icon,
- fetch: callback => callback(getMenuItems()),
- onSetup: spec.onToolbarSetup
- });
- editor.ui.registry.addNestedMenuItem(spec.name, {
- type: 'nestedmenuitem',
- text: spec.text,
- getSubmenuItems: getMenuItems,
- onSetup: spec.onMenuSetup
- });
- };
- const lineHeightSpec = {
- name: 'lineheight',
- text: 'Line height',
- icon: 'line-height',
- getOptions: getLineHeightFormats,
- hash: input => normalise(input, [
- 'fixed',
- 'relative',
- 'empty'
- ]).getOr(input),
- display: identity,
- watcher: (editor, value, callback) => editor.formatter.formatChanged('lineheight', callback, false, { value }).unbind,
- getCurrent: editor => Optional.from(editor.queryCommandValue('LineHeight')),
- setCurrent: (editor, value) => editor.execCommand('LineHeight', false, value)
- };
- const languageSpec = editor => {
- const settingsOpt = Optional.from(getContentLanguages(editor));
- return settingsOpt.map(settings => ({
- name: 'language',
- text: 'Language',
- icon: 'language',
- getOptions: constant$1(settings),
- hash: input => isUndefined(input.customCode) ? input.code : `${ input.code }/${ input.customCode }`,
- display: input => input.title,
- watcher: (editor, value, callback) => editor.formatter.formatChanged('lang', callback, false, {
- value: value.code,
- customValue: value.customCode
- }).unbind,
- getCurrent: editor => {
- const node = SugarElement.fromDom(editor.selection.getNode());
- return closest$4(node, n => Optional.some(n).filter(isElement$1).bind(ele => {
- const codeOpt = getOpt(ele, 'lang');
- return codeOpt.map(code => {
- const customCode = getOpt(ele, 'data-mce-lang').getOrUndefined();
- return {
- code,
- customCode,
- title: ''
- };
- });
- }));
- },
- setCurrent: (editor, lang) => editor.execCommand('Lang', false, lang),
- onToolbarSetup: api => {
- const unbinder = unbindable();
- api.setActive(editor.formatter.match('lang', {}, undefined, true));
- unbinder.set(editor.formatter.formatChanged('lang', api.setActive, true));
- return unbinder.clear;
- }
- }));
- };
- const register$7 = editor => {
- registerController(editor, lineHeightSpec);
- languageSpec(editor).each(spec => registerController(editor, spec));
- };
- const register$6 = (editor, backstage) => {
- createAlignMenu(editor, backstage);
- createFontFamilyMenu(editor, backstage);
- createStylesMenu(editor, backstage);
- createBlocksMenu(editor, backstage);
- createFontSizeMenu(editor, backstage);
- };
- const onSetupOutdentState = editor => onSetupEvent(editor, 'NodeChange', api => {
- api.setEnabled(editor.queryCommandState('outdent'));
- });
- const registerButtons$2 = editor => {
- editor.ui.registry.addButton('outdent', {
- tooltip: 'Decrease indent',
- icon: 'outdent',
- onSetup: onSetupOutdentState(editor),
- onAction: onActionExecCommand(editor, 'outdent')
- });
- editor.ui.registry.addButton('indent', {
- tooltip: 'Increase indent',
- icon: 'indent',
- onAction: onActionExecCommand(editor, 'indent')
- });
- };
- const register$5 = editor => {
- registerButtons$2(editor);
- };
- const makeSetupHandler = (editor, pasteAsText) => api => {
- api.setActive(pasteAsText.get());
- const pastePlainTextToggleHandler = e => {
- pasteAsText.set(e.state);
- api.setActive(e.state);
- };
- editor.on('PastePlainTextToggle', pastePlainTextToggleHandler);
- return () => editor.off('PastePlainTextToggle', pastePlainTextToggleHandler);
- };
- const register$4 = editor => {
- const pasteAsText = Cell(getPasteAsText(editor));
- const onAction = () => editor.execCommand('mceTogglePlainTextPaste');
- editor.ui.registry.addToggleButton('pastetext', {
- active: false,
- icon: 'paste-text',
- tooltip: 'Paste as text',
- onAction,
- onSetup: makeSetupHandler(editor, pasteAsText)
- });
- editor.ui.registry.addToggleMenuItem('pastetext', {
- text: 'Paste as text',
- icon: 'paste-text',
- onAction,
- onSetup: makeSetupHandler(editor, pasteAsText)
- });
- };
- const onActionToggleFormat = (editor, fmt) => () => {
- editor.execCommand('mceToggleFormat', false, fmt);
- };
- const registerFormatButtons = editor => {
- global$1.each([
- {
- name: 'bold',
- text: 'Bold',
- icon: 'bold'
- },
- {
- name: 'italic',
- text: 'Italic',
- icon: 'italic'
- },
- {
- name: 'underline',
- text: 'Underline',
- icon: 'underline'
- },
- {
- name: 'strikethrough',
- text: 'Strikethrough',
- icon: 'strike-through'
- },
- {
- name: 'subscript',
- text: 'Subscript',
- icon: 'subscript'
- },
- {
- name: 'superscript',
- text: 'Superscript',
- icon: 'superscript'
- }
- ], (btn, _idx) => {
- editor.ui.registry.addToggleButton(btn.name, {
- tooltip: btn.text,
- icon: btn.icon,
- onSetup: onSetupFormatToggle(editor, btn.name),
- onAction: onActionToggleFormat(editor, btn.name)
- });
- });
- for (let i = 1; i <= 6; i++) {
- const name = 'h' + i;
- editor.ui.registry.addToggleButton(name, {
- text: name.toUpperCase(),
- tooltip: 'Heading ' + i,
- onSetup: onSetupFormatToggle(editor, name),
- onAction: onActionToggleFormat(editor, name)
- });
- }
- };
- const registerCommandButtons = editor => {
- global$1.each([
- {
- name: 'cut',
- text: 'Cut',
- action: 'Cut',
- icon: 'cut'
- },
- {
- name: 'copy',
- text: 'Copy',
- action: 'Copy',
- icon: 'copy'
- },
- {
- name: 'paste',
- text: 'Paste',
- action: 'Paste',
- icon: 'paste'
- },
- {
- name: 'help',
- text: 'Help',
- action: 'mceHelp',
- icon: 'help'
- },
- {
- name: 'selectall',
- text: 'Select all',
- action: 'SelectAll',
- icon: 'select-all'
- },
- {
- name: 'newdocument',
- text: 'New document',
- action: 'mceNewDocument',
- icon: 'new-document'
- },
- {
- name: 'removeformat',
- text: 'Clear formatting',
- action: 'RemoveFormat',
- icon: 'remove-formatting'
- },
- {
- name: 'remove',
- text: 'Remove',
- action: 'Delete',
- icon: 'remove'
- },
- {
- name: 'print',
- text: 'Print',
- action: 'mcePrint',
- icon: 'print'
- },
- {
- name: 'hr',
- text: 'Horizontal line',
- action: 'InsertHorizontalRule',
- icon: 'horizontal-rule'
- }
- ], btn => {
- editor.ui.registry.addButton(btn.name, {
- tooltip: btn.text,
- icon: btn.icon,
- onAction: onActionExecCommand(editor, btn.action)
- });
- });
- };
- const registerCommandToggleButtons = editor => {
- global$1.each([{
- name: 'blockquote',
- text: 'Blockquote',
- action: 'mceBlockQuote',
- icon: 'quote'
- }], btn => {
- editor.ui.registry.addToggleButton(btn.name, {
- tooltip: btn.text,
- icon: btn.icon,
- onAction: onActionExecCommand(editor, btn.action),
- onSetup: onSetupFormatToggle(editor, btn.name)
- });
- });
- };
- const registerButtons$1 = editor => {
- registerFormatButtons(editor);
- registerCommandButtons(editor);
- registerCommandToggleButtons(editor);
- };
- const registerMenuItems$2 = editor => {
- global$1.each([
- {
- name: 'bold',
- text: 'Bold',
- action: 'Bold',
- icon: 'bold',
- shortcut: 'Meta+B'
- },
- {
- name: 'italic',
- text: 'Italic',
- action: 'Italic',
- icon: 'italic',
- shortcut: 'Meta+I'
- },
- {
- name: 'underline',
- text: 'Underline',
- action: 'Underline',
- icon: 'underline',
- shortcut: 'Meta+U'
- },
- {
- name: 'strikethrough',
- text: 'Strikethrough',
- action: 'Strikethrough',
- icon: 'strike-through'
- },
- {
- name: 'subscript',
- text: 'Subscript',
- action: 'Subscript',
- icon: 'subscript'
- },
- {
- name: 'superscript',
- text: 'Superscript',
- action: 'Superscript',
- icon: 'superscript'
- },
- {
- name: 'removeformat',
- text: 'Clear formatting',
- action: 'RemoveFormat',
- icon: 'remove-formatting'
- },
- {
- name: 'newdocument',
- text: 'New document',
- action: 'mceNewDocument',
- icon: 'new-document'
- },
- {
- name: 'cut',
- text: 'Cut',
- action: 'Cut',
- icon: 'cut',
- shortcut: 'Meta+X'
- },
- {
- name: 'copy',
- text: 'Copy',
- action: 'Copy',
- icon: 'copy',
- shortcut: 'Meta+C'
- },
- {
- name: 'paste',
- text: 'Paste',
- action: 'Paste',
- icon: 'paste',
- shortcut: 'Meta+V'
- },
- {
- name: 'selectall',
- text: 'Select all',
- action: 'SelectAll',
- icon: 'select-all',
- shortcut: 'Meta+A'
- },
- {
- name: 'print',
- text: 'Print...',
- action: 'mcePrint',
- icon: 'print',
- shortcut: 'Meta+P'
- },
- {
- name: 'hr',
- text: 'Horizontal line',
- action: 'InsertHorizontalRule',
- icon: 'horizontal-rule'
- }
- ], menuitem => {
- editor.ui.registry.addMenuItem(menuitem.name, {
- text: menuitem.text,
- icon: menuitem.icon,
- shortcut: menuitem.shortcut,
- onAction: onActionExecCommand(editor, menuitem.action)
- });
- });
- editor.ui.registry.addMenuItem('codeformat', {
- text: 'Code',
- icon: 'sourcecode',
- onAction: onActionToggleFormat(editor, 'code')
- });
- };
- const register$3 = editor => {
- registerButtons$1(editor);
- registerMenuItems$2(editor);
- };
- const onSetupUndoRedoState = (editor, type) => onSetupEvent(editor, 'Undo Redo AddUndo TypingUndo ClearUndos SwitchMode', api => {
- api.setEnabled(!editor.mode.isReadOnly() && editor.undoManager[type]());
- });
- const registerMenuItems$1 = editor => {
- editor.ui.registry.addMenuItem('undo', {
- text: 'Undo',
- icon: 'undo',
- shortcut: 'Meta+Z',
- onSetup: onSetupUndoRedoState(editor, 'hasUndo'),
- onAction: onActionExecCommand(editor, 'undo')
- });
- editor.ui.registry.addMenuItem('redo', {
- text: 'Redo',
- icon: 'redo',
- shortcut: 'Meta+Y',
- onSetup: onSetupUndoRedoState(editor, 'hasRedo'),
- onAction: onActionExecCommand(editor, 'redo')
- });
- };
- const registerButtons = editor => {
- editor.ui.registry.addButton('undo', {
- tooltip: 'Undo',
- icon: 'undo',
- enabled: false,
- onSetup: onSetupUndoRedoState(editor, 'hasUndo'),
- onAction: onActionExecCommand(editor, 'undo')
- });
- editor.ui.registry.addButton('redo', {
- tooltip: 'Redo',
- icon: 'redo',
- enabled: false,
- onSetup: onSetupUndoRedoState(editor, 'hasRedo'),
- onAction: onActionExecCommand(editor, 'redo')
- });
- };
- const register$2 = editor => {
- registerMenuItems$1(editor);
- registerButtons(editor);
- };
- const onSetupVisualAidState = editor => onSetupEvent(editor, 'VisualAid', api => {
- api.setActive(editor.hasVisual);
- });
- const registerMenuItems = editor => {
- editor.ui.registry.addToggleMenuItem('visualaid', {
- text: 'Visual aids',
- onSetup: onSetupVisualAidState(editor),
- onAction: onActionExecCommand(editor, 'mceToggleVisualAid')
- });
- };
- const registerToolbarButton = editor => {
- editor.ui.registry.addButton('visualaid', {
- tooltip: 'Visual aids',
- text: 'Visual aids',
- onAction: onActionExecCommand(editor, 'mceToggleVisualAid')
- });
- };
- const register$1 = editor => {
- registerToolbarButton(editor);
- registerMenuItems(editor);
- };
- const setup$6 = (editor, backstage) => {
- register$8(editor);
- register$3(editor);
- register$6(editor, backstage);
- register$2(editor);
- register$c(editor);
- register$1(editor);
- register$5(editor);
- register$7(editor);
- register$4(editor);
- };
- const patchPipeConfig = config => isString(config) ? config.split(/[ ,]/) : config;
- const option = name => editor => editor.options.get(name);
- const register = editor => {
- const registerOption = editor.options.register;
- registerOption('contextmenu_avoid_overlap', {
- processor: 'string',
- default: ''
- });
- registerOption('contextmenu_never_use_native', {
- processor: 'boolean',
- default: false
- });
- registerOption('contextmenu', {
- processor: value => {
- if (value === false) {
- return {
- value: [],
- valid: true
- };
- } else if (isString(value) || isArrayOf(value, isString)) {
- return {
- value: patchPipeConfig(value),
- valid: true
- };
- } else {
- return {
- valid: false,
- message: 'Must be false or a string.'
- };
- }
- },
- default: 'link linkchecker image editimage table spellchecker configurepermanentpen'
- });
- };
- const shouldNeverUseNative = option('contextmenu_never_use_native');
- const getAvoidOverlapSelector = option('contextmenu_avoid_overlap');
- const isContextMenuDisabled = editor => getContextMenu(editor).length === 0;
- const getContextMenu = editor => {
- const contextMenus = editor.ui.registry.getAll().contextMenus;
- const contextMenu = editor.options.get('contextmenu');
- if (editor.options.isSet('contextmenu')) {
- return contextMenu;
- } else {
- return filter$2(contextMenu, item => has$2(contextMenus, item));
- }
- };
- const nu = (x, y) => ({
- type: 'makeshift',
- x,
- y
- });
- const transpose = (pos, dx, dy) => {
- return nu(pos.x + dx, pos.y + dy);
- };
- const isTouchEvent = e => e.type === 'longpress' || e.type.indexOf('touch') === 0;
- const fromPageXY = e => {
- if (isTouchEvent(e)) {
- const touch = e.touches[0];
- return nu(touch.pageX, touch.pageY);
- } else {
- return nu(e.pageX, e.pageY);
- }
- };
- const fromClientXY = e => {
- if (isTouchEvent(e)) {
- const touch = e.touches[0];
- return nu(touch.clientX, touch.clientY);
- } else {
- return nu(e.clientX, e.clientY);
- }
- };
- const transposeContentAreaContainer = (element, pos) => {
- const containerPos = global$7.DOM.getPos(element);
- return transpose(pos, containerPos.x, containerPos.y);
- };
- const getPointAnchor = (editor, e) => {
- if (e.type === 'contextmenu' || e.type === 'longpress') {
- if (editor.inline) {
- return fromPageXY(e);
- } else {
- return transposeContentAreaContainer(editor.getContentAreaContainer(), fromClientXY(e));
- }
- } else {
- return getSelectionAnchor(editor);
- }
- };
- const getSelectionAnchor = editor => {
- return {
- type: 'selection',
- root: SugarElement.fromDom(editor.selection.getNode())
- };
- };
- const getNodeAnchor = editor => ({
- type: 'node',
- node: Optional.some(SugarElement.fromDom(editor.selection.getNode())),
- root: SugarElement.fromDom(editor.getBody())
- });
- const getAnchorSpec$1 = (editor, e, anchorType) => {
- switch (anchorType) {
- case 'node':
- return getNodeAnchor(editor);
- case 'point':
- return getPointAnchor(editor, e);
- case 'selection':
- return getSelectionAnchor(editor);
- }
- };
- const initAndShow$1 = (editor, e, buildMenu, backstage, contextmenu, anchorType) => {
- const items = buildMenu();
- const anchorSpec = getAnchorSpec$1(editor, e, anchorType);
- build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false).map(menuData => {
- e.preventDefault();
- InlineView.showMenuAt(contextmenu, { anchor: anchorSpec }, {
- menu: { markers: markers('normal') },
- data: menuData
- });
- });
- };
- const layouts = {
- onLtr: () => [
- south$2,
- southeast$2,
- southwest$2,
- northeast$2,
- northwest$2,
- north$2,
- north,
- south,
- northeast,
- southeast,
- northwest,
- southwest
- ],
- onRtl: () => [
- south$2,
- southwest$2,
- southeast$2,
- northwest$2,
- northeast$2,
- north$2,
- north,
- south,
- northwest,
- southwest,
- northeast,
- southeast
- ]
- };
- const bubbleSize = 12;
- const bubbleAlignments = {
- valignCentre: [],
- alignCentre: [],
- alignLeft: ['tox-pop--align-left'],
- alignRight: ['tox-pop--align-right'],
- right: ['tox-pop--right'],
- left: ['tox-pop--left'],
- bottom: ['tox-pop--bottom'],
- top: ['tox-pop--top']
- };
- const isTouchWithinSelection = (editor, e) => {
- const selection = editor.selection;
- if (selection.isCollapsed() || e.touches.length < 1) {
- return false;
- } else {
- const touch = e.touches[0];
- const rng = selection.getRng();
- const rngRectOpt = getFirstRect(editor.getWin(), SimSelection.domRange(rng));
- return rngRectOpt.exists(rngRect => rngRect.left <= touch.clientX && rngRect.right >= touch.clientX && rngRect.top <= touch.clientY && rngRect.bottom >= touch.clientY);
- }
- };
- const setupiOSOverrides = editor => {
- const originalSelection = editor.selection.getRng();
- const selectionReset = () => {
- global$9.setEditorTimeout(editor, () => {
- editor.selection.setRng(originalSelection);
- }, 10);
- unbindEventListeners();
- };
- editor.once('touchend', selectionReset);
- const preventMousedown = e => {
- e.preventDefault();
- e.stopImmediatePropagation();
- };
- editor.on('mousedown', preventMousedown, true);
- const clearSelectionReset = () => unbindEventListeners();
- editor.once('longpresscancel', clearSelectionReset);
- const unbindEventListeners = () => {
- editor.off('touchend', selectionReset);
- editor.off('longpresscancel', clearSelectionReset);
- editor.off('mousedown', preventMousedown);
- };
- };
- const getAnchorSpec = (editor, e, anchorType) => {
- const anchorSpec = getAnchorSpec$1(editor, e, anchorType);
- const bubbleYOffset = anchorType === 'point' ? bubbleSize : 0;
- return {
- bubble: nu$5(0, bubbleYOffset, bubbleAlignments),
- layouts,
- overrides: {
- maxWidthFunction: expandable(),
- maxHeightFunction: expandable$1()
- },
- ...anchorSpec
- };
- };
- const show = (editor, e, items, backstage, contextmenu, anchorType, highlightImmediately) => {
- const anchorSpec = getAnchorSpec(editor, e, anchorType);
- build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, true).map(menuData => {
- e.preventDefault();
- InlineView.showMenuWithinBounds(contextmenu, { anchor: anchorSpec }, {
- menu: {
- markers: markers('normal'),
- highlightImmediately
- },
- data: menuData,
- type: 'horizontal'
- }, () => Optional.some(getContextToolbarBounds(editor, backstage.shared, anchorType === 'node' ? 'node' : 'selection')));
- editor.dispatch(hideContextToolbarEvent);
- });
- };
- const initAndShow = (editor, e, buildMenu, backstage, contextmenu, anchorType) => {
- const detection = detect$1();
- const isiOS = detection.os.isiOS();
- const isMacOS = detection.os.isMacOS();
- const isAndroid = detection.os.isAndroid();
- const isTouch = detection.deviceType.isTouch();
- const shouldHighlightImmediately = () => !(isAndroid || isiOS || isMacOS && isTouch);
- const open = () => {
- const items = buildMenu();
- show(editor, e, items, backstage, contextmenu, anchorType, shouldHighlightImmediately());
- };
- if ((isMacOS || isiOS) && anchorType !== 'node') {
- const openiOS = () => {
- setupiOSOverrides(editor);
- open();
- };
- if (isTouchWithinSelection(editor, e)) {
- openiOS();
- } else {
- editor.once('selectionchange', openiOS);
- editor.once('touchend', () => editor.off('selectionchange', openiOS));
- }
- } else {
- open();
- }
- };
- const isSeparator = item => isString(item) ? item === '|' : item.type === 'separator';
- const separator = { type: 'separator' };
- const makeContextItem = item => {
- const commonMenuItem = item => ({
- text: item.text,
- icon: item.icon,
- enabled: item.enabled,
- shortcut: item.shortcut
- });
- if (isString(item)) {
- return item;
- } else {
- switch (item.type) {
- case 'separator':
- return separator;
- case 'submenu':
- return {
- type: 'nestedmenuitem',
- ...commonMenuItem(item),
- getSubmenuItems: () => {
- const items = item.getSubmenuItems();
- if (isString(items)) {
- return items;
- } else {
- return map$2(items, makeContextItem);
- }
- }
- };
- default:
- return {
- type: 'menuitem',
- ...commonMenuItem(item),
- onAction: noarg(item.onAction)
- };
- }
- }
- };
- const addContextMenuGroup = (xs, groupItems) => {
- if (groupItems.length === 0) {
- return xs;
- }
- const lastMenuItem = last$1(xs).filter(item => !isSeparator(item));
- const before = lastMenuItem.fold(() => [], _ => [separator]);
- return xs.concat(before).concat(groupItems).concat([separator]);
- };
- const generateContextMenu = (contextMenus, menuConfig, selectedElement) => {
- const sections = foldl(menuConfig, (acc, name) => {
- return get$g(contextMenus, name.toLowerCase()).map(menu => {
- const items = menu.update(selectedElement);
- if (isString(items)) {
- return addContextMenuGroup(acc, items.split(' '));
- } else if (items.length > 0) {
- const allItems = map$2(items, makeContextItem);
- return addContextMenuGroup(acc, allItems);
- } else {
- return acc;
- }
- }).getOrThunk(() => acc.concat([name]));
- }, []);
- if (sections.length > 0 && isSeparator(sections[sections.length - 1])) {
- sections.pop();
- }
- return sections;
- };
- const isNativeOverrideKeyEvent = (editor, e) => e.ctrlKey && !shouldNeverUseNative(editor);
- const isTriggeredByKeyboard = (editor, e) => e.type !== 'longpress' && (e.button !== 2 || e.target === editor.getBody() && e.pointerType === '');
- const getSelectedElement = (editor, e) => isTriggeredByKeyboard(editor, e) ? editor.selection.getStart(true) : e.target;
- const getAnchorType = (editor, e) => {
- const selector = getAvoidOverlapSelector(editor);
- const anchorType = isTriggeredByKeyboard(editor, e) ? 'selection' : 'point';
- if (isNotEmpty(selector)) {
- const target = getSelectedElement(editor, e);
- const selectorExists = closest(SugarElement.fromDom(target), selector);
- return selectorExists ? 'node' : anchorType;
- } else {
- return anchorType;
- }
- };
- const setup$5 = (editor, lazySink, backstage) => {
- const detection = detect$1();
- const isTouch = detection.deviceType.isTouch;
- const contextmenu = build$1(InlineView.sketch({
- dom: { tag: 'div' },
- lazySink,
- onEscape: () => editor.focus(),
- onShow: () => backstage.setContextMenuState(true),
- onHide: () => backstage.setContextMenuState(false),
- fireDismissalEventInstead: {},
- inlineBehaviours: derive$1([config('dismissContextMenu', [run$1(dismissRequested(), (comp, _se) => {
- Sandboxing.close(comp);
- editor.focus();
- })])])
- }));
- const hideContextMenu = _e => InlineView.hide(contextmenu);
- const showContextMenu = e => {
- if (shouldNeverUseNative(editor)) {
- e.preventDefault();
- }
- if (isNativeOverrideKeyEvent(editor, e) || isContextMenuDisabled(editor)) {
- return;
- }
- const anchorType = getAnchorType(editor, e);
- const buildMenu = () => {
- const selectedElement = getSelectedElement(editor, e);
- const registry = editor.ui.registry.getAll();
- const menuConfig = getContextMenu(editor);
- return generateContextMenu(registry.contextMenus, menuConfig, selectedElement);
- };
- const initAndShow$2 = isTouch() ? initAndShow : initAndShow$1;
- initAndShow$2(editor, e, buildMenu, backstage, contextmenu, anchorType);
- };
- editor.on('init', () => {
- const hideEvents = 'ResizeEditor ScrollContent ScrollWindow longpresscancel' + (isTouch() ? '' : ' ResizeWindow');
- editor.on(hideEvents, hideContextMenu);
- editor.on('longpress contextmenu', showContextMenu);
- });
- };
- const adt = Adt.generate([
- {
- offset: [
- 'x',
- 'y'
- ]
- },
- {
- absolute: [
- 'x',
- 'y'
- ]
- },
- {
- fixed: [
- 'x',
- 'y'
- ]
- }
- ]);
- const subtract = change => point => point.translate(-change.left, -change.top);
- const add = change => point => point.translate(change.left, change.top);
- const transform = changes => (x, y) => foldl(changes, (rest, f) => f(rest), SugarPosition(x, y));
- const asFixed = (coord, scroll, origin) => coord.fold(transform([
- add(origin),
- subtract(scroll)
- ]), transform([subtract(scroll)]), transform([]));
- const asAbsolute = (coord, scroll, origin) => coord.fold(transform([add(origin)]), transform([]), transform([add(scroll)]));
- const asOffset = (coord, scroll, origin) => coord.fold(transform([]), transform([subtract(origin)]), transform([
- add(scroll),
- subtract(origin)
- ]));
- const withinRange = (coord1, coord2, xRange, yRange, scroll, origin) => {
- const a1 = asAbsolute(coord1, scroll, origin);
- const a2 = asAbsolute(coord2, scroll, origin);
- return Math.abs(a1.left - a2.left) <= xRange && Math.abs(a1.top - a2.top) <= yRange;
- };
- const getDeltas = (coord1, coord2, xRange, yRange, scroll, origin) => {
- const a1 = asAbsolute(coord1, scroll, origin);
- const a2 = asAbsolute(coord2, scroll, origin);
- const left = Math.abs(a1.left - a2.left);
- const top = Math.abs(a1.top - a2.top);
- return SugarPosition(left, top);
- };
- const toStyles = (coord, scroll, origin) => {
- const stylesOpt = coord.fold((x, y) => ({
- position: Optional.some('absolute'),
- left: Optional.some(x + 'px'),
- top: Optional.some(y + 'px')
- }), (x, y) => ({
- position: Optional.some('absolute'),
- left: Optional.some(x - origin.left + 'px'),
- top: Optional.some(y - origin.top + 'px')
- }), (x, y) => ({
- position: Optional.some('fixed'),
- left: Optional.some(x + 'px'),
- top: Optional.some(y + 'px')
- }));
- return {
- right: Optional.none(),
- bottom: Optional.none(),
- ...stylesOpt
- };
- };
- const translate = (coord, deltaX, deltaY) => coord.fold((x, y) => offset(x + deltaX, y + deltaY), (x, y) => absolute(x + deltaX, y + deltaY), (x, y) => fixed(x + deltaX, y + deltaY));
- const absorb = (partialCoord, originalCoord, scroll, origin) => {
- const absorbOne = (stencil, nu) => (optX, optY) => {
- const original = stencil(originalCoord, scroll, origin);
- return nu(optX.getOr(original.left), optY.getOr(original.top));
- };
- return partialCoord.fold(absorbOne(asOffset, offset), absorbOne(asAbsolute, absolute), absorbOne(asFixed, fixed));
- };
- const offset = adt.offset;
- const absolute = adt.absolute;
- const fixed = adt.fixed;
- const parseAttrToInt = (element, name) => {
- const value = get$f(element, name);
- return isUndefined(value) ? NaN : parseInt(value, 10);
- };
- const get = (component, snapsInfo) => {
- const element = component.element;
- const x = parseAttrToInt(element, snapsInfo.leftAttr);
- const y = parseAttrToInt(element, snapsInfo.topAttr);
- return isNaN(x) || isNaN(y) ? Optional.none() : Optional.some(SugarPosition(x, y));
- };
- const set = (component, snapsInfo, pt) => {
- const element = component.element;
- set$9(element, snapsInfo.leftAttr, pt.left + 'px');
- set$9(element, snapsInfo.topAttr, pt.top + 'px');
- };
- const clear = (component, snapsInfo) => {
- const element = component.element;
- remove$7(element, snapsInfo.leftAttr);
- remove$7(element, snapsInfo.topAttr);
- };
- const getCoords = (component, snapInfo, coord, delta) => get(component, snapInfo).fold(() => coord, fixed$1 => fixed(fixed$1.left + delta.left, fixed$1.top + delta.top));
- const moveOrSnap = (component, snapInfo, coord, delta, scroll, origin) => {
- const newCoord = getCoords(component, snapInfo, coord, delta);
- const snap = snapInfo.mustSnap ? findClosestSnap(component, snapInfo, newCoord, scroll, origin) : findSnap(component, snapInfo, newCoord, scroll, origin);
- const fixedCoord = asFixed(newCoord, scroll, origin);
- set(component, snapInfo, fixedCoord);
- return snap.fold(() => ({
- coord: fixed(fixedCoord.left, fixedCoord.top),
- extra: Optional.none()
- }), spanned => ({
- coord: spanned.output,
- extra: spanned.extra
- }));
- };
- const stopDrag = (component, snapInfo) => {
- clear(component, snapInfo);
- };
- const findMatchingSnap = (snaps, newCoord, scroll, origin) => findMap(snaps, snap => {
- const sensor = snap.sensor;
- const inRange = withinRange(newCoord, sensor, snap.range.left, snap.range.top, scroll, origin);
- return inRange ? Optional.some({
- output: absorb(snap.output, newCoord, scroll, origin),
- extra: snap.extra
- }) : Optional.none();
- });
- const findClosestSnap = (component, snapInfo, newCoord, scroll, origin) => {
- const snaps = snapInfo.getSnapPoints(component);
- const matchSnap = findMatchingSnap(snaps, newCoord, scroll, origin);
- return matchSnap.orThunk(() => {
- const bestSnap = foldl(snaps, (acc, snap) => {
- const sensor = snap.sensor;
- const deltas = getDeltas(newCoord, sensor, snap.range.left, snap.range.top, scroll, origin);
- return acc.deltas.fold(() => ({
- deltas: Optional.some(deltas),
- snap: Optional.some(snap)
- }), bestDeltas => {
- const currAvg = (deltas.left + deltas.top) / 2;
- const bestAvg = (bestDeltas.left + bestDeltas.top) / 2;
- if (currAvg <= bestAvg) {
- return {
- deltas: Optional.some(deltas),
- snap: Optional.some(snap)
- };
- } else {
- return acc;
- }
- });
- }, {
- deltas: Optional.none(),
- snap: Optional.none()
- });
- return bestSnap.snap.map(snap => ({
- output: absorb(snap.output, newCoord, scroll, origin),
- extra: snap.extra
- }));
- });
- };
- const findSnap = (component, snapInfo, newCoord, scroll, origin) => {
- const snaps = snapInfo.getSnapPoints(component);
- return findMatchingSnap(snaps, newCoord, scroll, origin);
- };
- const snapTo$1 = (snap, scroll, origin) => ({
- coord: absorb(snap.output, snap.output, scroll, origin),
- extra: snap.extra
- });
- const snapTo = (component, dragConfig, _state, snap) => {
- const target = dragConfig.getTarget(component.element);
- if (dragConfig.repositionTarget) {
- const doc = owner$4(component.element);
- const scroll = get$b(doc);
- const origin = getOrigin(target);
- const snapPin = snapTo$1(snap, scroll, origin);
- const styles = toStyles(snapPin.coord, scroll, origin);
- setOptions(target, styles);
- }
- };
- var DraggingApis = /*#__PURE__*/Object.freeze({
- __proto__: null,
- snapTo: snapTo
- });
- const initialAttribute = 'data-initial-z-index';
- const resetZIndex = blocker => {
- parent(blocker.element).filter(isElement$1).each(root => {
- getOpt(root, initialAttribute).fold(() => remove$6(root, 'z-index'), zIndex => set$8(root, 'z-index', zIndex));
- remove$7(root, initialAttribute);
- });
- };
- const changeZIndex = blocker => {
- parent(blocker.element).filter(isElement$1).each(root => {
- getRaw(root, 'z-index').each(zindex => {
- set$9(root, initialAttribute, zindex);
- });
- set$8(root, 'z-index', get$e(blocker.element, 'z-index'));
- });
- };
- const instigate = (anyComponent, blocker) => {
- anyComponent.getSystem().addToGui(blocker);
- changeZIndex(blocker);
- };
- const discard = blocker => {
- resetZIndex(blocker);
- blocker.getSystem().removeFromGui(blocker);
- };
- const createComponent = (component, blockerClass, blockerEvents) => component.getSystem().build(Container.sketch({
- dom: {
- styles: {
- 'left': '0px',
- 'top': '0px',
- 'width': '100%',
- 'height': '100%',
- 'position': 'fixed',
- 'z-index': '1000000000000000'
- },
- classes: [blockerClass]
- },
- events: blockerEvents
- }));
- var SnapSchema = optionObjOf('snaps', [
- required$1('getSnapPoints'),
- onHandler('onSensor'),
- required$1('leftAttr'),
- required$1('topAttr'),
- defaulted('lazyViewport', win),
- defaulted('mustSnap', false)
- ]);
- const schema$6 = [
- defaulted('useFixed', never),
- required$1('blockerClass'),
- defaulted('getTarget', identity),
- defaulted('onDrag', noop),
- defaulted('repositionTarget', true),
- defaulted('onDrop', noop),
- defaultedFunction('getBounds', win),
- SnapSchema
- ];
- const getCurrentCoord = target => lift3(getRaw(target, 'left'), getRaw(target, 'top'), getRaw(target, 'position'), (left, top, position) => {
- const nu = position === 'fixed' ? fixed : offset;
- return nu(parseInt(left, 10), parseInt(top, 10));
- }).getOrThunk(() => {
- const location = absolute$3(target);
- return absolute(location.left, location.top);
- });
- const clampCoords = (component, coords, scroll, origin, startData) => {
- const bounds = startData.bounds;
- const absoluteCoord = asAbsolute(coords, scroll, origin);
- const newX = clamp(absoluteCoord.left, bounds.x, bounds.x + bounds.width - startData.width);
- const newY = clamp(absoluteCoord.top, bounds.y, bounds.y + bounds.height - startData.height);
- const newCoords = absolute(newX, newY);
- return coords.fold(() => {
- const offset$1 = asOffset(newCoords, scroll, origin);
- return offset(offset$1.left, offset$1.top);
- }, constant$1(newCoords), () => {
- const fixed$1 = asFixed(newCoords, scroll, origin);
- return fixed(fixed$1.left, fixed$1.top);
- });
- };
- const calcNewCoord = (component, optSnaps, currentCoord, scroll, origin, delta, startData) => {
- const newCoord = optSnaps.fold(() => {
- const translated = translate(currentCoord, delta.left, delta.top);
- const fixedCoord = asFixed(translated, scroll, origin);
- return fixed(fixedCoord.left, fixedCoord.top);
- }, snapInfo => {
- const snapping = moveOrSnap(component, snapInfo, currentCoord, delta, scroll, origin);
- snapping.extra.each(extra => {
- snapInfo.onSensor(component, extra);
- });
- return snapping.coord;
- });
- return clampCoords(component, newCoord, scroll, origin, startData);
- };
- const dragBy = (component, dragConfig, startData, delta) => {
- const target = dragConfig.getTarget(component.element);
- if (dragConfig.repositionTarget) {
- const doc = owner$4(component.element);
- const scroll = get$b(doc);
- const origin = getOrigin(target);
- const currentCoord = getCurrentCoord(target);
- const newCoord = calcNewCoord(component, dragConfig.snaps, currentCoord, scroll, origin, delta, startData);
- const styles = toStyles(newCoord, scroll, origin);
- setOptions(target, styles);
- }
- dragConfig.onDrag(component, target, delta);
- };
- const calcStartData = (dragConfig, comp) => ({
- bounds: dragConfig.getBounds(),
- height: getOuter$2(comp.element),
- width: getOuter$1(comp.element)
- });
- const move = (component, dragConfig, dragState, dragMode, event) => {
- const delta = dragState.update(dragMode, event);
- const dragStartData = dragState.getStartData().getOrThunk(() => calcStartData(dragConfig, component));
- delta.each(dlt => {
- dragBy(component, dragConfig, dragStartData, dlt);
- });
- };
- const stop = (component, blocker, dragConfig, dragState) => {
- blocker.each(discard);
- dragConfig.snaps.each(snapInfo => {
- stopDrag(component, snapInfo);
- });
- const target = dragConfig.getTarget(component.element);
- dragState.reset();
- dragConfig.onDrop(component, target);
- };
- const handlers = events => (dragConfig, dragState) => {
- const updateStartState = comp => {
- dragState.setStartData(calcStartData(dragConfig, comp));
- };
- return derive$2([
- run$1(windowScroll(), comp => {
- dragState.getStartData().each(() => updateStartState(comp));
- }),
- ...events(dragConfig, dragState, updateStartState)
- ]);
- };
- const init$2 = dragApi => derive$2([
- run$1(mousedown(), dragApi.forceDrop),
- run$1(mouseup(), dragApi.drop),
- run$1(mousemove(), (comp, simulatedEvent) => {
- dragApi.move(simulatedEvent.event);
- }),
- run$1(mouseout(), dragApi.delayDrop)
- ]);
- const getData$1 = event => Optional.from(SugarPosition(event.x, event.y));
- const getDelta$1 = (old, nu) => SugarPosition(nu.left - old.left, nu.top - old.top);
- var MouseData = /*#__PURE__*/Object.freeze({
- __proto__: null,
- getData: getData$1,
- getDelta: getDelta$1
- });
- const events$2 = (dragConfig, dragState, updateStartState) => [run$1(mousedown(), (component, simulatedEvent) => {
- const raw = simulatedEvent.event.raw;
- if (raw.button !== 0) {
- return;
- }
- simulatedEvent.stop();
- const stop$1 = () => stop(component, Optional.some(blocker), dragConfig, dragState);
- const delayDrop = DelayedFunction(stop$1, 200);
- const dragApi = {
- drop: stop$1,
- delayDrop: delayDrop.schedule,
- forceDrop: stop$1,
- move: event => {
- delayDrop.cancel();
- move(component, dragConfig, dragState, MouseData, event);
- }
- };
- const blocker = createComponent(component, dragConfig.blockerClass, init$2(dragApi));
- const start = () => {
- updateStartState(component);
- instigate(component, blocker);
- };
- start();
- })];
- const schema$5 = [
- ...schema$6,
- output$1('dragger', { handlers: handlers(events$2) })
- ];
- const init$1 = dragApi => derive$2([
- run$1(touchstart(), dragApi.forceDrop),
- run$1(touchend(), dragApi.drop),
- run$1(touchcancel(), dragApi.drop),
- run$1(touchmove(), (comp, simulatedEvent) => {
- dragApi.move(simulatedEvent.event);
- })
- ]);
- const getDataFrom = touches => {
- const touch = touches[0];
- return Optional.some(SugarPosition(touch.clientX, touch.clientY));
- };
- const getData = event => {
- const raw = event.raw;
- const touches = raw.touches;
- return touches.length === 1 ? getDataFrom(touches) : Optional.none();
- };
- const getDelta = (old, nu) => SugarPosition(nu.left - old.left, nu.top - old.top);
- var TouchData = /*#__PURE__*/Object.freeze({
- __proto__: null,
- getData: getData,
- getDelta: getDelta
- });
- const events$1 = (dragConfig, dragState, updateStartState) => {
- const blockerSingleton = value$2();
- const stopBlocking = component => {
- stop(component, blockerSingleton.get(), dragConfig, dragState);
- blockerSingleton.clear();
- };
- return [
- run$1(touchstart(), (component, simulatedEvent) => {
- simulatedEvent.stop();
- const stop = () => stopBlocking(component);
- const dragApi = {
- drop: stop,
- delayDrop: noop,
- forceDrop: stop,
- move: event => {
- move(component, dragConfig, dragState, TouchData, event);
- }
- };
- const blocker = createComponent(component, dragConfig.blockerClass, init$1(dragApi));
- blockerSingleton.set(blocker);
- const start = () => {
- updateStartState(component);
- instigate(component, blocker);
- };
- start();
- }),
- run$1(touchmove(), (component, simulatedEvent) => {
- simulatedEvent.stop();
- move(component, dragConfig, dragState, TouchData, simulatedEvent.event);
- }),
- run$1(touchend(), (component, simulatedEvent) => {
- simulatedEvent.stop();
- stopBlocking(component);
- }),
- run$1(touchcancel(), stopBlocking)
- ];
- };
- const schema$4 = [
- ...schema$6,
- output$1('dragger', { handlers: handlers(events$1) })
- ];
- const events = (dragConfig, dragState, updateStartState) => [
- ...events$2(dragConfig, dragState, updateStartState),
- ...events$1(dragConfig, dragState, updateStartState)
- ];
- const schema$3 = [
- ...schema$6,
- output$1('dragger', { handlers: handlers(events) })
- ];
- const mouse = schema$5;
- const touch = schema$4;
- const mouseOrTouch = schema$3;
- var DraggingBranches = /*#__PURE__*/Object.freeze({
- __proto__: null,
- mouse: mouse,
- touch: touch,
- mouseOrTouch: mouseOrTouch
- });
- const init = () => {
- let previous = Optional.none();
- let startData = Optional.none();
- const reset = () => {
- previous = Optional.none();
- startData = Optional.none();
- };
- const calculateDelta = (mode, nu) => {
- const result = previous.map(old => mode.getDelta(old, nu));
- previous = Optional.some(nu);
- return result;
- };
- const update = (mode, dragEvent) => mode.getData(dragEvent).bind(nuData => calculateDelta(mode, nuData));
- const setStartData = data => {
- startData = Optional.some(data);
- };
- const getStartData = () => startData;
- const readState = constant$1({});
- return nu$8({
- readState,
- reset,
- update,
- getStartData,
- setStartData
- });
- };
- var DragState = /*#__PURE__*/Object.freeze({
- __proto__: null,
- init: init
- });
- const Dragging = createModes({
- branchKey: 'mode',
- branches: DraggingBranches,
- name: 'dragging',
- active: {
- events: (dragConfig, dragState) => {
- const dragger = dragConfig.dragger;
- return dragger.handlers(dragConfig, dragState);
- }
- },
- extra: {
- snap: sConfig => ({
- sensor: sConfig.sensor,
- range: sConfig.range,
- output: sConfig.output,
- extra: Optional.from(sConfig.extra)
- })
- },
- state: DragState,
- apis: DraggingApis
- });
- const snapWidth = 40;
- const snapOffset = snapWidth / 2;
- const calcSnap = (selectorOpt, td, x, y, width, height) => selectorOpt.fold(() => Dragging.snap({
- sensor: absolute(x - snapOffset, y - snapOffset),
- range: SugarPosition(width, height),
- output: absolute(Optional.some(x), Optional.some(y)),
- extra: { td }
- }), selectorHandle => {
- const sensorLeft = x - snapOffset;
- const sensorTop = y - snapOffset;
- const sensorWidth = snapWidth;
- const sensorHeight = snapWidth;
- const rect = selectorHandle.element.dom.getBoundingClientRect();
- return Dragging.snap({
- sensor: absolute(sensorLeft, sensorTop),
- range: SugarPosition(sensorWidth, sensorHeight),
- output: absolute(Optional.some(x - rect.width / 2), Optional.some(y - rect.height / 2)),
- extra: { td }
- });
- });
- const getSnapsConfig = (getSnapPoints, cell, onChange) => {
- const isSameCell = (cellOpt, td) => cellOpt.exists(currentTd => eq(currentTd, td));
- return {
- getSnapPoints,
- leftAttr: 'data-drag-left',
- topAttr: 'data-drag-top',
- onSensor: (component, extra) => {
- const td = extra.td;
- if (!isSameCell(cell.get(), td)) {
- cell.set(td);
- onChange(td);
- }
- },
- mustSnap: true
- };
- };
- const createSelector = snaps => record(Button.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-selector']
- },
- buttonBehaviours: derive$1([
- Dragging.config({
- mode: 'mouseOrTouch',
- blockerClass: 'blocker',
- snaps
- }),
- Unselecting.config({})
- ]),
- eventOrder: {
- mousedown: [
- 'dragging',
- 'alloy.base.behaviour'
- ],
- touchstart: [
- 'dragging',
- 'alloy.base.behaviour'
- ]
- }
- }));
- const setup$4 = (editor, sink) => {
- const tlTds = Cell([]);
- const brTds = Cell([]);
- const isVisible = Cell(false);
- const startCell = value$2();
- const finishCell = value$2();
- const getTopLeftSnap = td => {
- const box = absolute$2(td);
- return calcSnap(memTopLeft.getOpt(sink), td, box.x, box.y, box.width, box.height);
- };
- const getTopLeftSnaps = () => map$2(tlTds.get(), td => getTopLeftSnap(td));
- const getBottomRightSnap = td => {
- const box = absolute$2(td);
- return calcSnap(memBottomRight.getOpt(sink), td, box.right, box.bottom, box.width, box.height);
- };
- const getBottomRightSnaps = () => map$2(brTds.get(), td => getBottomRightSnap(td));
- const topLeftSnaps = getSnapsConfig(getTopLeftSnaps, startCell, start => {
- finishCell.get().each(finish => {
- editor.dispatch('TableSelectorChange', {
- start,
- finish
- });
- });
- });
- const bottomRightSnaps = getSnapsConfig(getBottomRightSnaps, finishCell, finish => {
- startCell.get().each(start => {
- editor.dispatch('TableSelectorChange', {
- start,
- finish
- });
- });
- });
- const memTopLeft = createSelector(topLeftSnaps);
- const memBottomRight = createSelector(bottomRightSnaps);
- const topLeft = build$1(memTopLeft.asSpec());
- const bottomRight = build$1(memBottomRight.asSpec());
- const showOrHideHandle = (selector, cell, isAbove, isBelow) => {
- const cellRect = cell.dom.getBoundingClientRect();
- remove$6(selector.element, 'display');
- const viewportHeight = defaultView(SugarElement.fromDom(editor.getBody())).dom.innerHeight;
- const aboveViewport = isAbove(cellRect);
- const belowViewport = isBelow(cellRect, viewportHeight);
- if (aboveViewport || belowViewport) {
- set$8(selector.element, 'display', 'none');
- }
- };
- const snapTo = (selector, cell, getSnapConfig, pos) => {
- const snap = getSnapConfig(cell);
- Dragging.snapTo(selector, snap);
- const isAbove = rect => rect[pos] < 0;
- const isBelow = (rect, viewportHeight) => rect[pos] > viewportHeight;
- showOrHideHandle(selector, cell, isAbove, isBelow);
- };
- const snapTopLeft = cell => snapTo(topLeft, cell, getTopLeftSnap, 'top');
- const snapLastTopLeft = () => startCell.get().each(snapTopLeft);
- const snapBottomRight = cell => snapTo(bottomRight, cell, getBottomRightSnap, 'bottom');
- const snapLastBottomRight = () => finishCell.get().each(snapBottomRight);
- if (detect$1().deviceType.isTouch()) {
- editor.on('TableSelectionChange', e => {
- if (!isVisible.get()) {
- attach(sink, topLeft);
- attach(sink, bottomRight);
- isVisible.set(true);
- }
- startCell.set(e.start);
- finishCell.set(e.finish);
- e.otherCells.each(otherCells => {
- tlTds.set(otherCells.upOrLeftCells);
- brTds.set(otherCells.downOrRightCells);
- snapTopLeft(e.start);
- snapBottomRight(e.finish);
- });
- });
- editor.on('ResizeEditor ResizeWindow ScrollContent', () => {
- snapLastTopLeft();
- snapLastBottomRight();
- });
- editor.on('TableSelectionClear', () => {
- if (isVisible.get()) {
- detach(topLeft);
- detach(bottomRight);
- isVisible.set(false);
- }
- startCell.clear();
- finishCell.clear();
- });
- }
- };
- var Logo = "<svg width=\"50px\" height=\"16px\" viewBox=\"0 0 50 16\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.143 0c2.608.015 5.186 2.178 5.186 5.331 0 0 .077 3.812-.084 4.87-.361 2.41-2.164 4.074-4.65 4.496-1.453.284-2.523.49-3.212.623-.373.071-.634.122-.785.152-.184.038-.997.145-1.35.145-2.732 0-5.21-2.04-5.248-5.33 0 0 0-3.514.03-4.442.093-2.4 1.758-4.342 4.926-4.963 0 0 3.875-.752 4.036-.782.368-.07.775-.1 1.15-.1Zm1.826 2.8L5.83 3.989v2.393l-2.455.475v5.968l6.137-1.189V9.243l2.456-.476V2.8ZM5.83 6.382l3.682-.713v3.574l-3.682.713V6.382Zm27.173-1.64-.084-1.066h-2.226v9.132h2.456V7.743c-.008-1.151.998-2.064 2.149-2.072 1.15-.008 1.987.92 1.995 2.072v5.065h2.455V7.359c-.015-2.18-1.657-3.929-3.837-3.913a3.993 3.993 0 0 0-2.908 1.296Zm-6.3-4.266L29.16 0v2.387l-2.456.475V.476Zm0 3.2v9.132h2.456V3.676h-2.456Zm18.179 11.787L49.11 3.676H46.58l-1.612 4.527-.46 1.382-.384-1.382-1.611-4.527H39.98l3.3 9.132L42.15 16l2.732-.537ZM22.867 9.738c0 .752.568 1.075.921 1.075.353 0 .668-.047.998-.154l.537 1.765c-.23.154-.92.537-2.225.537-1.305 0-2.655-.997-2.686-2.686a136.877 136.877 0 0 1 0-4.374H18.8V3.676h1.612v-1.98l2.455-.476v2.456h2.302V5.9h-2.302v3.837Z\"/>\n</svg>\n";
- const isHidden = elm => elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus') || elm.getAttribute('data-mce-type') === 'bookmark';
- const renderElementPath = (editor, settings, providersBackstage) => {
- var _a;
- const delimiter = (_a = settings.delimiter) !== null && _a !== void 0 ? _a : '\u203A';
- const renderElement = (name, element, index) => Button.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-statusbar__path-item'],
- attributes: {
- 'data-index': index,
- 'aria-level': index + 1
- }
- },
- components: [text$1(name)],
- action: _btn => {
- editor.focus();
- editor.selection.select(element);
- editor.nodeChanged();
- },
- buttonBehaviours: derive$1([
- DisablingConfigs.button(providersBackstage.isDisabled),
- receivingConfig()
- ])
- });
- const renderDivider = () => ({
- dom: {
- tag: 'div',
- classes: ['tox-statusbar__path-divider'],
- attributes: { 'aria-hidden': true }
- },
- components: [text$1(` ${ delimiter } `)]
- });
- const renderPathData = data => foldl(data, (acc, path, index) => {
- const element = renderElement(path.name, path.element, index);
- if (index === 0) {
- return acc.concat([element]);
- } else {
- return acc.concat([
- renderDivider(),
- element
- ]);
- }
- }, []);
- const updatePath = parents => {
- const newPath = [];
- let i = parents.length;
- while (i-- > 0) {
- const parent = parents[i];
- if (parent.nodeType === 1 && !isHidden(parent)) {
- const args = editor.dispatch('ResolveName', {
- name: parent.nodeName.toLowerCase(),
- target: parent
- });
- if (!args.isDefaultPrevented()) {
- newPath.push({
- name: args.name,
- element: parent
- });
- }
- if (args.isPropagationStopped()) {
- break;
- }
- }
- }
- return newPath;
- };
- return {
- dom: {
- tag: 'div',
- classes: ['tox-statusbar__path'],
- attributes: { role: 'navigation' }
- },
- behaviours: derive$1([
- Keying.config({
- mode: 'flow',
- selector: 'div[role=button]'
- }),
- Disabling.config({ disabled: providersBackstage.isDisabled }),
- receivingConfig(),
- Tabstopping.config({}),
- Replacing.config({}),
- config('elementPathEvents', [runOnAttached((comp, _e) => {
- editor.shortcuts.add('alt+F11', 'focus statusbar elementpath', () => Keying.focusIn(comp));
- editor.on('NodeChange', e => {
- const newPath = updatePath(e.parents);
- const newChildren = newPath.length > 0 ? renderPathData(newPath) : [];
- Replacing.set(comp, newChildren);
- });
- })])
- ]),
- components: []
- };
- };
- var ResizeTypes;
- (function (ResizeTypes) {
- ResizeTypes[ResizeTypes['None'] = 0] = 'None';
- ResizeTypes[ResizeTypes['Both'] = 1] = 'Both';
- ResizeTypes[ResizeTypes['Vertical'] = 2] = 'Vertical';
- }(ResizeTypes || (ResizeTypes = {})));
- const getDimensions = (editor, deltas, resizeType, originalHeight, originalWidth) => {
- const dimensions = {};
- dimensions.height = calcCappedSize(originalHeight + deltas.top, getMinHeightOption(editor), getMaxHeightOption(editor));
- if (resizeType === ResizeTypes.Both) {
- dimensions.width = calcCappedSize(originalWidth + deltas.left, getMinWidthOption(editor), getMaxWidthOption(editor));
- }
- return dimensions;
- };
- const resize = (editor, deltas, resizeType) => {
- const container = SugarElement.fromDom(editor.getContainer());
- const dimensions = getDimensions(editor, deltas, resizeType, get$d(container), get$c(container));
- each(dimensions, (val, dim) => set$8(container, dim, numToPx(val)));
- fireResizeEditor(editor);
- };
- const getResizeType = editor => {
- const resize = getResize(editor);
- if (resize === false) {
- return ResizeTypes.None;
- } else if (resize === 'both') {
- return ResizeTypes.Both;
- } else {
- return ResizeTypes.Vertical;
- }
- };
- const keyboardHandler = (editor, resizeType, x, y) => {
- const scale = 20;
- const delta = SugarPosition(x * scale, y * scale);
- resize(editor, delta, resizeType);
- return Optional.some(true);
- };
- const renderResizeHandler = (editor, providersBackstage) => {
- const resizeType = getResizeType(editor);
- if (resizeType === ResizeTypes.None) {
- return Optional.none();
- }
- return Optional.some(render$3('resize-handle', {
- tag: 'div',
- classes: ['tox-statusbar__resize-handle'],
- attributes: { title: providersBackstage.translate('Resize') },
- behaviours: [
- Dragging.config({
- mode: 'mouse',
- repositionTarget: false,
- onDrag: (_comp, _target, delta) => resize(editor, delta, resizeType),
- blockerClass: 'tox-blocker'
- }),
- Keying.config({
- mode: 'special',
- onLeft: () => keyboardHandler(editor, resizeType, -1, 0),
- onRight: () => keyboardHandler(editor, resizeType, 1, 0),
- onUp: () => keyboardHandler(editor, resizeType, 0, -1),
- onDown: () => keyboardHandler(editor, resizeType, 0, 1)
- }),
- Tabstopping.config({}),
- Focusing.config({})
- ]
- }, providersBackstage.icons));
- };
- const renderWordCount = (editor, providersBackstage) => {
- const replaceCountText = (comp, count, mode) => Replacing.set(comp, [text$1(providersBackstage.translate([
- '{0} ' + mode,
- count[mode]
- ]))]);
- return Button.sketch({
- dom: {
- tag: 'button',
- classes: ['tox-statusbar__wordcount']
- },
- components: [],
- buttonBehaviours: derive$1([
- DisablingConfigs.button(providersBackstage.isDisabled),
- receivingConfig(),
- Tabstopping.config({}),
- Replacing.config({}),
- Representing.config({
- store: {
- mode: 'memory',
- initialValue: {
- mode: 'words',
- count: {
- words: 0,
- characters: 0
- }
- }
- }
- }),
- config('wordcount-events', [
- runOnExecute$1(comp => {
- const currentVal = Representing.getValue(comp);
- const newMode = currentVal.mode === 'words' ? 'characters' : 'words';
- Representing.setValue(comp, {
- mode: newMode,
- count: currentVal.count
- });
- replaceCountText(comp, currentVal.count, newMode);
- }),
- runOnAttached(comp => {
- editor.on('wordCountUpdate', e => {
- const {mode} = Representing.getValue(comp);
- Representing.setValue(comp, {
- mode,
- count: e.wordCount
- });
- replaceCountText(comp, e.wordCount, mode);
- });
- })
- ])
- ]),
- eventOrder: {
- [execute$5()]: [
- 'disabling',
- 'alloy.base.behaviour',
- 'wordcount-events'
- ]
- }
- });
- };
- const renderStatusbar = (editor, providersBackstage) => {
- const renderBranding = () => {
- return {
- dom: {
- tag: 'span',
- classes: ['tox-statusbar__branding']
- },
- components: [{
- dom: {
- tag: 'a',
- attributes: {
- 'href': 'https://www.tiny.cloud/powered-by-tiny?utm_campaign=editor_referral&utm_medium=poweredby&utm_source=tinymce&utm_content=v6',
- 'rel': 'noopener',
- 'target': '_blank',
- 'aria-label': global$8.translate([
- 'Powered by {0}',
- 'Tiny'
- ])
- },
- innerHtml: Logo.trim()
- },
- behaviours: derive$1([Focusing.config({})])
- }]
- };
- };
- const getTextComponents = () => {
- const components = [];
- if (useElementPath(editor)) {
- components.push(renderElementPath(editor, {}, providersBackstage));
- }
- if (editor.hasPlugin('wordcount')) {
- components.push(renderWordCount(editor, providersBackstage));
- }
- if (useBranding(editor)) {
- components.push(renderBranding());
- }
- if (components.length > 0) {
- return [{
- dom: {
- tag: 'div',
- classes: ['tox-statusbar__text-container']
- },
- components
- }];
- }
- return [];
- };
- const getComponents = () => {
- const components = getTextComponents();
- const resizeHandler = renderResizeHandler(editor, providersBackstage);
- return components.concat(resizeHandler.toArray());
- };
- return {
- dom: {
- tag: 'div',
- classes: ['tox-statusbar']
- },
- components: getComponents()
- };
- };
- const getLazyMothership = singleton => singleton.get().getOrDie('UI has not been rendered');
- const setup$3 = editor => {
- const isInline = editor.inline;
- const mode = isInline ? Inline : Iframe;
- const header = isStickyToolbar(editor) ? StickyHeader : StaticHeader;
- const lazySink = value$2();
- const lazyOuterContainer = value$2();
- const lazyMothership = value$2();
- const lazyUiMothership = value$2();
- const platform = detect$1();
- const isTouch = platform.deviceType.isTouch();
- const touchPlatformClass = 'tox-platform-touch';
- const deviceClasses = isTouch ? [touchPlatformClass] : [];
- const isToolbarBottom = isToolbarLocationBottom(editor);
- const toolbarMode = getToolbarMode(editor);
- const memAnchorBar = record({
- dom: {
- tag: 'div',
- classes: ['tox-anchorbar']
- }
- });
- const lazyHeader = () => lazyOuterContainer.get().bind(OuterContainer.getHeader);
- const lazySinkResult = () => Result.fromOption(lazySink.get(), 'UI has not been rendered');
- const lazyAnchorBar = () => lazyOuterContainer.get().bind(container => memAnchorBar.getOpt(container)).getOrDie('Could not find a anchor bar element');
- const lazyToolbar = () => lazyOuterContainer.get().bind(container => OuterContainer.getToolbar(container)).getOrDie('Could not find more toolbar element');
- const lazyThrobber = () => lazyOuterContainer.get().bind(container => OuterContainer.getThrobber(container)).getOrDie('Could not find throbber element');
- const backstage = init$7(lazySinkResult, editor, lazyAnchorBar);
- const makeHeaderPart = () => {
- const verticalDirAttributes = { attributes: { [Attribute]: isToolbarBottom ? AttributeValue.BottomToTop : AttributeValue.TopToBottom } };
- const partMenubar = OuterContainer.parts.menubar({
- dom: {
- tag: 'div',
- classes: ['tox-menubar']
- },
- backstage,
- onEscape: () => {
- editor.focus();
- }
- });
- const partToolbar = OuterContainer.parts.toolbar({
- dom: {
- tag: 'div',
- classes: ['tox-toolbar']
- },
- getSink: lazySinkResult,
- providers: backstage.shared.providers,
- onEscape: () => {
- editor.focus();
- },
- type: toolbarMode,
- lazyToolbar,
- lazyHeader: () => lazyHeader().getOrDie('Could not find header element'),
- ...verticalDirAttributes
- });
- const partMultipleToolbar = OuterContainer.parts['multiple-toolbar']({
- dom: {
- tag: 'div',
- classes: ['tox-toolbar-overlord']
- },
- providers: backstage.shared.providers,
- onEscape: () => {
- editor.focus();
- },
- type: toolbarMode
- });
- const hasMultipleToolbar = isMultipleToolbars(editor);
- const hasToolbar = isToolbarEnabled(editor);
- const hasMenubar = isMenubarEnabled(editor);
- const getPartToolbar = () => {
- if (hasMultipleToolbar) {
- return [partMultipleToolbar];
- } else if (hasToolbar) {
- return [partToolbar];
- } else {
- return [];
- }
- };
- return OuterContainer.parts.header({
- dom: {
- tag: 'div',
- classes: ['tox-editor-header'],
- ...verticalDirAttributes
- },
- components: flatten([
- hasMenubar ? [partMenubar] : [],
- getPartToolbar(),
- useFixedContainer(editor) ? [] : [memAnchorBar.asSpec()]
- ]),
- sticky: isStickyToolbar(editor),
- editor,
- sharedBackstage: backstage.shared
- });
- };
- const makeSidebarDefinition = () => {
- const partSocket = OuterContainer.parts.socket({
- dom: {
- tag: 'div',
- classes: ['tox-edit-area']
- }
- });
- const partSidebar = OuterContainer.parts.sidebar({
- dom: {
- tag: 'div',
- classes: ['tox-sidebar']
- }
- });
- return {
- dom: {
- tag: 'div',
- classes: ['tox-sidebar-wrap']
- },
- components: [
- partSocket,
- partSidebar
- ]
- };
- };
- const renderSink = () => {
- const uiContainer = getUiContainer(editor);
- const isGridUiContainer = eq(body(), uiContainer) && get$e(uiContainer, 'display') === 'grid';
- const sinkSpec = {
- dom: {
- tag: 'div',
- classes: [
- 'tox',
- 'tox-silver-sink',
- 'tox-tinymce-aux'
- ].concat(deviceClasses),
- attributes: { ...global$8.isRtl() ? { dir: 'rtl' } : {} }
- },
- behaviours: derive$1([Positioning.config({ useFixed: () => header.isDocked(lazyHeader) })])
- };
- const reactiveWidthSpec = {
- dom: { styles: { width: document.body.clientWidth + 'px' } },
- events: derive$2([run$1(windowResize(), comp => {
- set$8(comp.element, 'width', document.body.clientWidth + 'px');
- })])
- };
- const sink = build$1(deepMerge(sinkSpec, isGridUiContainer ? reactiveWidthSpec : {}));
- const uiMothership = takeover(sink);
- lazySink.set(sink);
- lazyUiMothership.set(uiMothership);
- return {
- sink,
- uiMothership
- };
- };
- const renderContainer = () => {
- const partHeader = makeHeaderPart();
- const sidebarContainer = makeSidebarDefinition();
- const partThrobber = OuterContainer.parts.throbber({
- dom: {
- tag: 'div',
- classes: ['tox-throbber']
- },
- backstage
- });
- const statusbar = useStatusBar(editor) && !isInline ? Optional.some(renderStatusbar(editor, backstage.shared.providers)) : Optional.none();
- const editorComponents = flatten([
- isToolbarBottom ? [] : [partHeader],
- isInline ? [] : [sidebarContainer],
- isToolbarBottom ? [partHeader] : []
- ]);
- const editorContainer = {
- dom: {
- tag: 'div',
- classes: ['tox-editor-container']
- },
- components: editorComponents
- };
- const containerComponents = flatten([
- [editorContainer],
- isInline ? [] : statusbar.toArray(),
- [partThrobber]
- ]);
- const isHidden = isDistractionFree(editor);
- const attributes = {
- role: 'application',
- ...global$8.isRtl() ? { dir: 'rtl' } : {},
- ...isHidden ? { 'aria-hidden': 'true' } : {}
- };
- const outerContainer = build$1(OuterContainer.sketch({
- dom: {
- tag: 'div',
- classes: [
- 'tox',
- 'tox-tinymce'
- ].concat(isInline ? ['tox-tinymce-inline'] : []).concat(isToolbarBottom ? ['tox-tinymce--toolbar-bottom'] : []).concat(deviceClasses),
- styles: {
- visibility: 'hidden',
- ...isHidden ? {
- opacity: '0',
- border: '0'
- } : {}
- },
- attributes
- },
- components: containerComponents,
- behaviours: derive$1([
- receivingConfig(),
- Disabling.config({ disableClass: 'tox-tinymce--disabled' }),
- Keying.config({
- mode: 'cyclic',
- selector: '.tox-menubar, .tox-toolbar, .tox-toolbar__primary, .tox-toolbar__overflow--open, .tox-sidebar__overflow--open, .tox-statusbar__path, .tox-statusbar__wordcount, .tox-statusbar__branding a, .tox-statusbar__resize-handle'
- })
- ])
- }));
- const mothership = takeover(outerContainer);
- lazyOuterContainer.set(outerContainer);
- lazyMothership.set(mothership);
- return {
- mothership,
- outerContainer
- };
- };
- const setEditorSize = outerContainer => {
- const parsedHeight = numToPx(getHeightWithFallback(editor));
- const parsedWidth = numToPx(getWidthWithFallback(editor));
- if (!editor.inline) {
- if (isValidValue('div', 'width', parsedWidth)) {
- set$8(outerContainer.element, 'width', parsedWidth);
- }
- if (isValidValue('div', 'height', parsedHeight)) {
- set$8(outerContainer.element, 'height', parsedHeight);
- } else {
- set$8(outerContainer.element, 'height', '400px');
- }
- }
- return parsedHeight;
- };
- const setupShortcutsAndCommands = outerContainer => {
- editor.addShortcut('alt+F9', 'focus menubar', () => {
- OuterContainer.focusMenubar(outerContainer);
- });
- editor.addShortcut('alt+F10', 'focus toolbar', () => {
- OuterContainer.focusToolbar(outerContainer);
- });
- editor.addCommand('ToggleToolbarDrawer', () => {
- OuterContainer.toggleToolbarDrawer(outerContainer);
- });
- editor.addQueryStateHandler('ToggleToolbarDrawer', () => OuterContainer.isToolbarDrawerToggled(outerContainer));
- };
- const renderUI = () => {
- const {mothership, outerContainer} = renderContainer();
- const {uiMothership, sink} = renderSink();
- map$1(getToolbarGroups(editor), (toolbarGroupButtonConfig, name) => {
- editor.ui.registry.addGroupToolbarButton(name, toolbarGroupButtonConfig);
- });
- const {buttons, menuItems, contextToolbars, sidebars} = editor.ui.registry.getAll();
- const toolbarOpt = getMultipleToolbarsOption(editor);
- const rawUiConfig = {
- menuItems,
- menus: getMenus(editor),
- menubar: getMenubar(editor),
- toolbar: toolbarOpt.getOrThunk(() => getToolbar(editor)),
- allowToolbarGroups: toolbarMode === ToolbarMode$1.floating,
- buttons,
- sidebar: sidebars
- };
- setupShortcutsAndCommands(outerContainer);
- setup$b(editor, mothership, uiMothership);
- header.setup(editor, backstage.shared, lazyHeader);
- setup$6(editor, backstage);
- setup$5(editor, lazySinkResult, backstage);
- setup$8(editor);
- setup$7(editor, lazyThrobber, backstage.shared);
- register$9(editor, contextToolbars, sink, { backstage });
- setup$4(editor, sink);
- const elm = editor.getElement();
- const height = setEditorSize(outerContainer);
- const uiComponents = {
- mothership,
- uiMothership,
- outerContainer,
- sink
- };
- const args = {
- targetNode: elm,
- height
- };
- return mode.render(editor, uiComponents, rawUiConfig, backstage, args);
- };
- const getMothership = () => getLazyMothership(lazyMothership);
- const getUiMothership = () => getLazyMothership(lazyUiMothership);
- return {
- getMothership,
- getUiMothership,
- backstage,
- renderUI
- };
- };
- const describedBy = (describedElement, describeElement) => {
- const describeId = Optional.from(get$f(describedElement, 'id')).fold(() => {
- const id = generate$6('dialog-describe');
- set$9(describeElement, 'id', id);
- return id;
- }, identity);
- set$9(describedElement, 'aria-describedby', describeId);
- };
- const labelledBy = (labelledElement, labelElement) => {
- const labelId = getOpt(labelledElement, 'id').fold(() => {
- const id = generate$6('dialog-label');
- set$9(labelElement, 'id', id);
- return id;
- }, identity);
- set$9(labelledElement, 'aria-labelledby', labelId);
- };
- const schema$2 = constant$1([
- required$1('lazySink'),
- option$3('dragBlockClass'),
- defaultedFunction('getBounds', win),
- defaulted('useTabstopAt', always),
- defaulted('eventOrder', {}),
- field('modalBehaviours', [Keying]),
- onKeyboardHandler('onExecute'),
- onStrictKeyboardHandler('onEscape')
- ]);
- const basic = { sketch: identity };
- const parts$2 = constant$1([
- optional({
- name: 'draghandle',
- overrides: (detail, spec) => {
- return {
- behaviours: derive$1([Dragging.config({
- mode: 'mouse',
- getTarget: handle => {
- return ancestor(handle, '[role="dialog"]').getOr(handle);
- },
- blockerClass: detail.dragBlockClass.getOrDie(new Error('The drag blocker class was not specified for a dialog with a drag handle: \n' + JSON.stringify(spec, null, 2)).message),
- getBounds: detail.getDragBounds
- })])
- };
- }
- }),
- required({
- schema: [required$1('dom')],
- name: 'title'
- }),
- required({
- factory: basic,
- schema: [required$1('dom')],
- name: 'close'
- }),
- required({
- factory: basic,
- schema: [required$1('dom')],
- name: 'body'
- }),
- optional({
- factory: basic,
- schema: [required$1('dom')],
- name: 'footer'
- }),
- external({
- factory: {
- sketch: (spec, detail) => ({
- ...spec,
- dom: detail.dom,
- components: detail.components
- })
- },
- schema: [
- defaulted('dom', {
- tag: 'div',
- styles: {
- position: 'fixed',
- left: '0px',
- top: '0px',
- right: '0px',
- bottom: '0px'
- }
- }),
- defaulted('components', [])
- ],
- name: 'blocker'
- })
- ]);
- const factory$4 = (detail, components, spec, externals) => {
- const dialogComp = value$2();
- const showDialog = dialog => {
- dialogComp.set(dialog);
- const sink = detail.lazySink(dialog).getOrDie();
- const externalBlocker = externals.blocker();
- const blocker = sink.getSystem().build({
- ...externalBlocker,
- components: externalBlocker.components.concat([premade(dialog)]),
- behaviours: derive$1([
- Focusing.config({}),
- config('dialog-blocker-events', [runOnSource(focusin(), () => {
- Keying.focusIn(dialog);
- })])
- ])
- });
- attach(sink, blocker);
- Keying.focusIn(dialog);
- };
- const hideDialog = dialog => {
- dialogComp.clear();
- parent(dialog.element).each(blockerDom => {
- dialog.getSystem().getByDom(blockerDom).each(blocker => {
- detach(blocker);
- });
- });
- };
- const getDialogBody = dialog => getPartOrDie(dialog, detail, 'body');
- const getDialogFooter = dialog => getPartOrDie(dialog, detail, 'footer');
- const setBusy = (dialog, getBusySpec) => {
- Blocking.block(dialog, getBusySpec);
- };
- const setIdle = dialog => {
- Blocking.unblock(dialog);
- };
- const modalEventsId = generate$6('modal-events');
- const eventOrder = {
- ...detail.eventOrder,
- [attachedToDom()]: [modalEventsId].concat(detail.eventOrder['alloy.system.attached'] || [])
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components,
- apis: {
- show: showDialog,
- hide: hideDialog,
- getBody: getDialogBody,
- getFooter: getDialogFooter,
- setIdle,
- setBusy
- },
- eventOrder,
- domModification: {
- attributes: {
- 'role': 'dialog',
- 'aria-modal': 'true'
- }
- },
- behaviours: augment(detail.modalBehaviours, [
- Replacing.config({}),
- Keying.config({
- mode: 'cyclic',
- onEnter: detail.onExecute,
- onEscape: detail.onEscape,
- useTabstopAt: detail.useTabstopAt
- }),
- Blocking.config({ getRoot: dialogComp.get }),
- config(modalEventsId, [runOnAttached(c => {
- labelledBy(c.element, getPartOrDie(c, detail, 'title').element);
- describedBy(c.element, getPartOrDie(c, detail, 'body').element);
- })])
- ])
- };
- };
- const ModalDialog = composite({
- name: 'ModalDialog',
- configFields: schema$2(),
- partFields: parts$2(),
- factory: factory$4,
- apis: {
- show: (apis, dialog) => {
- apis.show(dialog);
- },
- hide: (apis, dialog) => {
- apis.hide(dialog);
- },
- getBody: (apis, dialog) => apis.getBody(dialog),
- getFooter: (apis, dialog) => apis.getFooter(dialog),
- setBusy: (apis, dialog, getBusySpec) => {
- apis.setBusy(dialog, getBusySpec);
- },
- setIdle: (apis, dialog) => {
- apis.setIdle(dialog);
- }
- }
- });
- const dialogToggleMenuItemSchema = objOf([
- type,
- name$1
- ].concat(commonMenuItemFields));
- const dialogToggleMenuItemDataProcessor = boolean;
- const baseFooterButtonFields = [
- generatedName('button'),
- optionalIcon,
- defaultedStringEnum('align', 'end', [
- 'start',
- 'end'
- ]),
- primary,
- enabled,
- optionStringEnum('buttonType', [
- 'primary',
- 'secondary'
- ])
- ];
- const dialogFooterButtonFields = [
- ...baseFooterButtonFields,
- text
- ];
- const normalFooterButtonFields = [
- requiredStringEnum('type', [
- 'submit',
- 'cancel',
- 'custom'
- ]),
- ...dialogFooterButtonFields
- ];
- const menuFooterButtonFields = [
- requiredStringEnum('type', ['menu']),
- optionalText,
- optionalTooltip,
- optionalIcon,
- requiredArrayOf('items', dialogToggleMenuItemSchema),
- ...baseFooterButtonFields
- ];
- const dialogFooterButtonSchema = choose$1('type', {
- submit: normalFooterButtonFields,
- cancel: normalFooterButtonFields,
- custom: normalFooterButtonFields,
- menu: menuFooterButtonFields
- });
- const alertBannerFields = [
- type,
- text,
- requiredStringEnum('level', [
- 'info',
- 'warn',
- 'error',
- 'success'
- ]),
- icon,
- defaulted('url', '')
- ];
- const alertBannerSchema = objOf(alertBannerFields);
- const createBarFields = itemsField => [
- type,
- itemsField
- ];
- const buttonFields = [
- type,
- text,
- enabled,
- generatedName('button'),
- optionalIcon,
- borderless,
- optionStringEnum('buttonType', [
- 'primary',
- 'secondary',
- 'toolbar'
- ]),
- primary
- ];
- const buttonSchema = objOf(buttonFields);
- const formComponentFields = [
- type,
- name$1
- ];
- const formComponentWithLabelFields = formComponentFields.concat([optionalLabel]);
- const checkboxFields = formComponentFields.concat([
- label,
- enabled
- ]);
- const checkboxSchema = objOf(checkboxFields);
- const checkboxDataProcessor = boolean;
- const collectionFields = formComponentWithLabelFields.concat([defaultedColumns('auto')]);
- const collectionSchema = objOf(collectionFields);
- const collectionDataProcessor = arrOfObj([
- value$1,
- text,
- icon
- ]);
- const colorInputFields = formComponentWithLabelFields;
- const colorInputSchema = objOf(colorInputFields);
- const colorInputDataProcessor = string;
- const colorPickerFields = formComponentWithLabelFields;
- const colorPickerSchema = objOf(colorPickerFields);
- const colorPickerDataProcessor = string;
- const customEditorFields = formComponentFields.concat([
- defaultedString('tag', 'textarea'),
- requiredString('scriptId'),
- requiredString('scriptUrl'),
- defaultedPostMsg('settings', undefined)
- ]);
- const customEditorFieldsOld = formComponentFields.concat([
- defaultedString('tag', 'textarea'),
- requiredFunction('init')
- ]);
- const customEditorSchema = valueOf(v => asRaw('customeditor.old', objOfOnly(customEditorFieldsOld), v).orThunk(() => asRaw('customeditor.new', objOfOnly(customEditorFields), v)));
- const customEditorDataProcessor = string;
- const dropZoneFields = formComponentWithLabelFields;
- const dropZoneSchema = objOf(dropZoneFields);
- const dropZoneDataProcessor = arrOfVal();
- const createGridFields = itemsField => [
- type,
- requiredNumber('columns'),
- itemsField
- ];
- const htmlPanelFields = [
- type,
- requiredString('html'),
- defaultedStringEnum('presets', 'presentation', [
- 'presentation',
- 'document'
- ])
- ];
- const htmlPanelSchema = objOf(htmlPanelFields);
- const iframeFields = formComponentWithLabelFields.concat([defaultedBoolean('sandboxed', true)]);
- const iframeSchema = objOf(iframeFields);
- const iframeDataProcessor = string;
- const imagePreviewSchema = objOf(formComponentFields.concat([optionString('height')]));
- const imagePreviewDataProcessor = objOf([
- requiredString('url'),
- optionNumber('zoom'),
- optionNumber('cachedWidth'),
- optionNumber('cachedHeight')
- ]);
- const inputFields = formComponentWithLabelFields.concat([
- optionString('inputMode'),
- optionString('placeholder'),
- defaultedBoolean('maximized', false),
- enabled
- ]);
- const inputSchema = objOf(inputFields);
- const inputDataProcessor = string;
- const createLabelFields = itemsField => [
- type,
- label,
- itemsField
- ];
- const listBoxSingleItemFields = [
- text,
- value$1
- ];
- const listBoxNestedItemFields = [
- text,
- requiredArrayOf('items', thunkOf('items', () => listBoxItemSchema))
- ];
- const listBoxItemSchema = oneOf([
- objOf(listBoxSingleItemFields),
- objOf(listBoxNestedItemFields)
- ]);
- const listBoxFields = formComponentWithLabelFields.concat([
- requiredArrayOf('items', listBoxItemSchema),
- enabled
- ]);
- const listBoxSchema = objOf(listBoxFields);
- const listBoxDataProcessor = string;
- const selectBoxFields = formComponentWithLabelFields.concat([
- requiredArrayOfObj('items', [
- text,
- value$1
- ]),
- defaultedNumber('size', 1),
- enabled
- ]);
- const selectBoxSchema = objOf(selectBoxFields);
- const selectBoxDataProcessor = string;
- const sizeInputFields = formComponentWithLabelFields.concat([
- defaultedBoolean('constrain', true),
- enabled
- ]);
- const sizeInputSchema = objOf(sizeInputFields);
- const sizeInputDataProcessor = objOf([
- requiredString('width'),
- requiredString('height')
- ]);
- const sliderFields = formComponentFields.concat([
- label,
- defaultedNumber('min', 0),
- defaultedNumber('max', 0)
- ]);
- const sliderSchema = objOf(sliderFields);
- const sliderInputDataProcessor = number;
- const tableFields = [
- type,
- requiredArrayOf('header', string),
- requiredArrayOf('cells', arrOf(string))
- ];
- const tableSchema = objOf(tableFields);
- const textAreaFields = formComponentWithLabelFields.concat([
- optionString('placeholder'),
- defaultedBoolean('maximized', false),
- enabled
- ]);
- const textAreaSchema = objOf(textAreaFields);
- const textAreaDataProcessor = string;
- const urlInputFields = formComponentWithLabelFields.concat([
- defaultedStringEnum('filetype', 'file', [
- 'image',
- 'media',
- 'file'
- ]),
- enabled
- ]);
- const urlInputSchema = objOf(urlInputFields);
- const urlInputDataProcessor = objOf([
- value$1,
- defaultedMeta
- ]);
- const createItemsField = name => field$1('items', 'items', required$2(), arrOf(valueOf(v => asRaw(`Checking item of ${ name }`, itemSchema, v).fold(sErr => Result.error(formatError(sErr)), passValue => Result.value(passValue)))));
- const itemSchema = valueThunk(() => choose$2('type', {
- alertbanner: alertBannerSchema,
- bar: objOf(createBarFields(createItemsField('bar'))),
- button: buttonSchema,
- checkbox: checkboxSchema,
- colorinput: colorInputSchema,
- colorpicker: colorPickerSchema,
- dropzone: dropZoneSchema,
- grid: objOf(createGridFields(createItemsField('grid'))),
- iframe: iframeSchema,
- input: inputSchema,
- listbox: listBoxSchema,
- selectbox: selectBoxSchema,
- sizeinput: sizeInputSchema,
- slider: sliderSchema,
- textarea: textAreaSchema,
- urlinput: urlInputSchema,
- customeditor: customEditorSchema,
- htmlpanel: htmlPanelSchema,
- imagepreview: imagePreviewSchema,
- collection: collectionSchema,
- label: objOf(createLabelFields(createItemsField('label'))),
- table: tableSchema,
- panel: panelSchema
- }));
- const panelFields = [
- type,
- defaulted('classes', []),
- requiredArrayOf('items', itemSchema)
- ];
- const panelSchema = objOf(panelFields);
- const tabFields = [
- generatedName('tab'),
- title,
- requiredArrayOf('items', itemSchema)
- ];
- const tabPanelFields = [
- type,
- requiredArrayOfObj('tabs', tabFields)
- ];
- const tabPanelSchema = objOf(tabPanelFields);
- const dialogButtonFields = dialogFooterButtonFields;
- const dialogButtonSchema = dialogFooterButtonSchema;
- const dialogSchema = objOf([
- requiredString('title'),
- requiredOf('body', choose$2('type', {
- panel: panelSchema,
- tabpanel: tabPanelSchema
- })),
- defaultedString('size', 'normal'),
- requiredArrayOf('buttons', dialogButtonSchema),
- defaulted('initialData', {}),
- defaultedFunction('onAction', noop),
- defaultedFunction('onChange', noop),
- defaultedFunction('onSubmit', noop),
- defaultedFunction('onClose', noop),
- defaultedFunction('onCancel', noop),
- defaultedFunction('onTabChange', noop)
- ]);
- const createDialog = spec => asRaw('dialog', dialogSchema, spec);
- const urlDialogButtonSchema = objOf([
- requiredStringEnum('type', [
- 'cancel',
- 'custom'
- ]),
- ...dialogButtonFields
- ]);
- const urlDialogSchema = objOf([
- requiredString('title'),
- requiredString('url'),
- optionNumber('height'),
- optionNumber('width'),
- optionArrayOf('buttons', urlDialogButtonSchema),
- defaultedFunction('onAction', noop),
- defaultedFunction('onCancel', noop),
- defaultedFunction('onClose', noop),
- defaultedFunction('onMessage', noop)
- ]);
- const createUrlDialog = spec => asRaw('dialog', urlDialogSchema, spec);
- const getAllObjects = obj => {
- if (isObject(obj)) {
- return [obj].concat(bind$3(values(obj), getAllObjects));
- } else if (isArray(obj)) {
- return bind$3(obj, getAllObjects);
- } else {
- return [];
- }
- };
- const isNamedItem = obj => isString(obj.type) && isString(obj.name);
- const dataProcessors = {
- checkbox: checkboxDataProcessor,
- colorinput: colorInputDataProcessor,
- colorpicker: colorPickerDataProcessor,
- dropzone: dropZoneDataProcessor,
- input: inputDataProcessor,
- iframe: iframeDataProcessor,
- imagepreview: imagePreviewDataProcessor,
- selectbox: selectBoxDataProcessor,
- sizeinput: sizeInputDataProcessor,
- slider: sliderInputDataProcessor,
- listbox: listBoxDataProcessor,
- size: sizeInputDataProcessor,
- textarea: textAreaDataProcessor,
- urlinput: urlInputDataProcessor,
- customeditor: customEditorDataProcessor,
- collection: collectionDataProcessor,
- togglemenuitem: dialogToggleMenuItemDataProcessor
- };
- const getDataProcessor = item => Optional.from(dataProcessors[item.type]);
- const getNamedItems = structure => filter$2(getAllObjects(structure), isNamedItem);
- const createDataValidator = structure => {
- const namedItems = getNamedItems(structure);
- const fields = bind$3(namedItems, item => getDataProcessor(item).fold(() => [], schema => [requiredOf(item.name, schema)]));
- return objOf(fields);
- };
- const extract = structure => {
- const internalDialog = getOrDie(createDialog(structure));
- const dataValidator = createDataValidator(structure);
- const initialData = structure.initialData;
- return {
- internalDialog,
- dataValidator,
- initialData
- };
- };
- const DialogManager = {
- open: (factory, structure) => {
- const extraction = extract(structure);
- return factory(extraction.internalDialog, extraction.initialData, extraction.dataValidator);
- },
- openUrl: (factory, structure) => {
- const internalDialog = getOrDie(createUrlDialog(structure));
- return factory(internalDialog);
- },
- redial: structure => extract(structure)
- };
- const toValidValues = values => {
- const errors = [];
- const result = {};
- each(values, (value, name) => {
- value.fold(() => {
- errors.push(name);
- }, v => {
- result[name] = v;
- });
- });
- return errors.length > 0 ? Result.error(errors) : Result.value(result);
- };
- const renderBodyPanel = (spec, dialogData, backstage) => {
- const memForm = record(Form.sketch(parts => ({
- dom: {
- tag: 'div',
- classes: ['tox-form'].concat(spec.classes)
- },
- components: map$2(spec.items, item => interpretInForm(parts, item, dialogData, backstage))
- })));
- return {
- dom: {
- tag: 'div',
- classes: ['tox-dialog__body']
- },
- components: [{
- dom: {
- tag: 'div',
- classes: ['tox-dialog__body-content']
- },
- components: [memForm.asSpec()]
- }],
- behaviours: derive$1([
- Keying.config({
- mode: 'acyclic',
- useTabstopAt: not(isPseudoStop)
- }),
- ComposingConfigs.memento(memForm),
- RepresentingConfigs.memento(memForm, {
- postprocess: formValue => toValidValues(formValue).fold(err => {
- console.error(err);
- return {};
- }, identity)
- })
- ])
- };
- };
- const factory$3 = (detail, _spec) => ({
- uid: detail.uid,
- dom: detail.dom,
- components: detail.components,
- events: events$a(detail.action),
- behaviours: augment(detail.tabButtonBehaviours, [
- Focusing.config({}),
- Keying.config({
- mode: 'execution',
- useSpace: true,
- useEnter: true
- }),
- Representing.config({
- store: {
- mode: 'memory',
- initialValue: detail.value
- }
- })
- ]),
- domModification: detail.domModification
- });
- const TabButton = single({
- name: 'TabButton',
- configFields: [
- defaulted('uid', undefined),
- required$1('value'),
- field$1('dom', 'dom', mergeWithThunk(() => ({
- attributes: {
- 'role': 'tab',
- 'id': generate$6('aria'),
- 'aria-selected': 'false'
- }
- })), anyValue()),
- option$3('action'),
- defaulted('domModification', {}),
- field('tabButtonBehaviours', [
- Focusing,
- Keying,
- Representing
- ]),
- required$1('view')
- ],
- factory: factory$3
- });
- const schema$1 = constant$1([
- required$1('tabs'),
- required$1('dom'),
- defaulted('clickToDismiss', false),
- field('tabbarBehaviours', [
- Highlighting,
- Keying
- ]),
- markers$1([
- 'tabClass',
- 'selectedClass'
- ])
- ]);
- const tabsPart = group({
- factory: TabButton,
- name: 'tabs',
- unit: 'tab',
- overrides: barDetail => {
- const dismissTab$1 = (tabbar, button) => {
- Highlighting.dehighlight(tabbar, button);
- emitWith(tabbar, dismissTab(), {
- tabbar,
- button
- });
- };
- const changeTab$1 = (tabbar, button) => {
- Highlighting.highlight(tabbar, button);
- emitWith(tabbar, changeTab(), {
- tabbar,
- button
- });
- };
- return {
- action: button => {
- const tabbar = button.getSystem().getByUid(barDetail.uid).getOrDie();
- const activeButton = Highlighting.isHighlighted(tabbar, button);
- const response = (() => {
- if (activeButton && barDetail.clickToDismiss) {
- return dismissTab$1;
- } else if (!activeButton) {
- return changeTab$1;
- } else {
- return noop;
- }
- })();
- response(tabbar, button);
- },
- domModification: { classes: [barDetail.markers.tabClass] }
- };
- }
- });
- const parts$1 = constant$1([tabsPart]);
- const factory$2 = (detail, components, _spec, _externals) => ({
- 'uid': detail.uid,
- 'dom': detail.dom,
- components,
- 'debug.sketcher': 'Tabbar',
- 'domModification': { attributes: { role: 'tablist' } },
- 'behaviours': augment(detail.tabbarBehaviours, [
- Highlighting.config({
- highlightClass: detail.markers.selectedClass,
- itemClass: detail.markers.tabClass,
- onHighlight: (tabbar, tab) => {
- set$9(tab.element, 'aria-selected', 'true');
- },
- onDehighlight: (tabbar, tab) => {
- set$9(tab.element, 'aria-selected', 'false');
- }
- }),
- Keying.config({
- mode: 'flow',
- getInitial: tabbar => {
- return Highlighting.getHighlighted(tabbar).map(tab => tab.element);
- },
- selector: '.' + detail.markers.tabClass,
- executeOnMove: true
- })
- ])
- });
- const Tabbar = composite({
- name: 'Tabbar',
- configFields: schema$1(),
- partFields: parts$1(),
- factory: factory$2
- });
- const factory$1 = (detail, _spec) => ({
- uid: detail.uid,
- dom: detail.dom,
- behaviours: augment(detail.tabviewBehaviours, [Replacing.config({})]),
- domModification: { attributes: { role: 'tabpanel' } }
- });
- const Tabview = single({
- name: 'Tabview',
- configFields: [field('tabviewBehaviours', [Replacing])],
- factory: factory$1
- });
- const schema = constant$1([
- defaulted('selectFirst', true),
- onHandler('onChangeTab'),
- onHandler('onDismissTab'),
- defaulted('tabs', []),
- field('tabSectionBehaviours', [])
- ]);
- const barPart = required({
- factory: Tabbar,
- schema: [
- required$1('dom'),
- requiredObjOf('markers', [
- required$1('tabClass'),
- required$1('selectedClass')
- ])
- ],
- name: 'tabbar',
- defaults: detail => {
- return { tabs: detail.tabs };
- }
- });
- const viewPart = required({
- factory: Tabview,
- name: 'tabview'
- });
- const parts = constant$1([
- barPart,
- viewPart
- ]);
- const factory = (detail, components, _spec, _externals) => {
- const changeTab$1 = button => {
- const tabValue = Representing.getValue(button);
- getPart(button, detail, 'tabview').each(tabview => {
- const tabWithValue = find$5(detail.tabs, t => t.value === tabValue);
- tabWithValue.each(tabData => {
- const panel = tabData.view();
- getOpt(button.element, 'id').each(id => {
- set$9(tabview.element, 'aria-labelledby', id);
- });
- Replacing.set(tabview, panel);
- detail.onChangeTab(tabview, button, panel);
- });
- });
- };
- const changeTabBy = (section, byPred) => {
- getPart(section, detail, 'tabbar').each(tabbar => {
- byPred(tabbar).each(emitExecute);
- });
- };
- return {
- uid: detail.uid,
- dom: detail.dom,
- components,
- behaviours: get$3(detail.tabSectionBehaviours),
- events: derive$2(flatten([
- detail.selectFirst ? [runOnAttached((section, _simulatedEvent) => {
- changeTabBy(section, Highlighting.getFirst);
- })] : [],
- [
- run$1(changeTab(), (section, simulatedEvent) => {
- const button = simulatedEvent.event.button;
- changeTab$1(button);
- }),
- run$1(dismissTab(), (section, simulatedEvent) => {
- const button = simulatedEvent.event.button;
- detail.onDismissTab(section, button);
- })
- ]
- ])),
- apis: {
- getViewItems: section => {
- return getPart(section, detail, 'tabview').map(tabview => Replacing.contents(tabview)).getOr([]);
- },
- showTab: (section, tabKey) => {
- const getTabIfNotActive = tabbar => {
- const candidates = Highlighting.getCandidates(tabbar);
- const optTab = find$5(candidates, c => Representing.getValue(c) === tabKey);
- return optTab.filter(tab => !Highlighting.isHighlighted(tabbar, tab));
- };
- changeTabBy(section, getTabIfNotActive);
- }
- }
- };
- };
- const TabSection = composite({
- name: 'TabSection',
- configFields: schema(),
- partFields: parts(),
- factory,
- apis: {
- getViewItems: (apis, component) => apis.getViewItems(component),
- showTab: (apis, component, tabKey) => {
- apis.showTab(component, tabKey);
- }
- }
- });
- const measureHeights = (allTabs, tabview, tabviewComp) => map$2(allTabs, (_tab, i) => {
- Replacing.set(tabviewComp, allTabs[i].view());
- const rect = tabview.dom.getBoundingClientRect();
- Replacing.set(tabviewComp, []);
- return rect.height;
- });
- const getMaxHeight = heights => head(sort(heights, (a, b) => {
- if (a > b) {
- return -1;
- } else if (a < b) {
- return +1;
- } else {
- return 0;
- }
- }));
- const getMaxTabviewHeight = (dialog, tabview, tablist) => {
- const documentElement$1 = documentElement(dialog).dom;
- const rootElm = ancestor(dialog, '.tox-dialog-wrap').getOr(dialog);
- const isFixed = get$e(rootElm, 'position') === 'fixed';
- let maxHeight;
- if (isFixed) {
- maxHeight = Math.max(documentElement$1.clientHeight, window.innerHeight);
- } else {
- maxHeight = Math.max(documentElement$1.offsetHeight, documentElement$1.scrollHeight);
- }
- const tabviewHeight = get$d(tabview);
- const isTabListBeside = tabview.dom.offsetLeft >= tablist.dom.offsetLeft + get$c(tablist);
- const currentTabHeight = isTabListBeside ? Math.max(get$d(tablist), tabviewHeight) : tabviewHeight;
- const dialogTopMargin = parseInt(get$e(dialog, 'margin-top'), 10) || 0;
- const dialogBottomMargin = parseInt(get$e(dialog, 'margin-bottom'), 10) || 0;
- const dialogHeight = get$d(dialog) + dialogTopMargin + dialogBottomMargin;
- const chromeHeight = dialogHeight - currentTabHeight;
- return maxHeight - chromeHeight;
- };
- const showTab = (allTabs, comp) => {
- head(allTabs).each(tab => TabSection.showTab(comp, tab.value));
- };
- const setTabviewHeight = (tabview, height) => {
- set$8(tabview, 'height', height + 'px');
- set$8(tabview, 'flex-basis', height + 'px');
- };
- const updateTabviewHeight = (dialogBody, tabview, maxTabHeight) => {
- ancestor(dialogBody, '[role="dialog"]').each(dialog => {
- descendant(dialog, '[role="tablist"]').each(tablist => {
- maxTabHeight.get().map(height => {
- set$8(tabview, 'height', '0');
- set$8(tabview, 'flex-basis', '0');
- return Math.min(height, getMaxTabviewHeight(dialog, tabview, tablist));
- }).each(height => {
- setTabviewHeight(tabview, height);
- });
- });
- });
- };
- const getTabview = dialog => descendant(dialog, '[role="tabpanel"]');
- const setMode = allTabs => {
- const smartTabHeight = (() => {
- const maxTabHeight = value$2();
- const extraEvents = [
- runOnAttached(comp => {
- const dialog = comp.element;
- getTabview(dialog).each(tabview => {
- set$8(tabview, 'visibility', 'hidden');
- comp.getSystem().getByDom(tabview).toOptional().each(tabviewComp => {
- const heights = measureHeights(allTabs, tabview, tabviewComp);
- const maxTabHeightOpt = getMaxHeight(heights);
- maxTabHeightOpt.fold(maxTabHeight.clear, maxTabHeight.set);
- });
- updateTabviewHeight(dialog, tabview, maxTabHeight);
- remove$6(tabview, 'visibility');
- showTab(allTabs, comp);
- requestAnimationFrame(() => {
- updateTabviewHeight(dialog, tabview, maxTabHeight);
- });
- });
- }),
- run$1(windowResize(), comp => {
- const dialog = comp.element;
- getTabview(dialog).each(tabview => {
- updateTabviewHeight(dialog, tabview, maxTabHeight);
- });
- }),
- run$1(formResizeEvent, (comp, _se) => {
- const dialog = comp.element;
- getTabview(dialog).each(tabview => {
- const oldFocus = active$1(getRootNode(tabview));
- set$8(tabview, 'visibility', 'hidden');
- const oldHeight = getRaw(tabview, 'height').map(h => parseInt(h, 10));
- remove$6(tabview, 'height');
- remove$6(tabview, 'flex-basis');
- const newHeight = tabview.dom.getBoundingClientRect().height;
- const hasGrown = oldHeight.forall(h => newHeight > h);
- if (hasGrown) {
- maxTabHeight.set(newHeight);
- updateTabviewHeight(dialog, tabview, maxTabHeight);
- } else {
- oldHeight.each(h => {
- setTabviewHeight(tabview, h);
- });
- }
- remove$6(tabview, 'visibility');
- oldFocus.each(focus$3);
- });
- })
- ];
- const selectFirst = false;
- return {
- extraEvents,
- selectFirst
- };
- })();
- const naiveTabHeight = (() => {
- const extraEvents = [];
- const selectFirst = true;
- return {
- extraEvents,
- selectFirst
- };
- })();
- return {
- smartTabHeight,
- naiveTabHeight
- };
- };
- const SendDataToSectionChannel = 'send-data-to-section';
- const SendDataToViewChannel = 'send-data-to-view';
- const renderTabPanel = (spec, dialogData, backstage) => {
- const storedValue = Cell({});
- const updateDataWithForm = form => {
- const formData = Representing.getValue(form);
- const validData = toValidValues(formData).getOr({});
- const currentData = storedValue.get();
- const newData = deepMerge(currentData, validData);
- storedValue.set(newData);
- };
- const setDataOnForm = form => {
- const tabData = storedValue.get();
- Representing.setValue(form, tabData);
- };
- const oldTab = Cell(null);
- const allTabs = map$2(spec.tabs, tab => {
- return {
- value: tab.name,
- dom: {
- tag: 'div',
- classes: ['tox-dialog__body-nav-item']
- },
- components: [text$1(backstage.shared.providers.translate(tab.title))],
- view: () => {
- return [Form.sketch(parts => ({
- dom: {
- tag: 'div',
- classes: ['tox-form']
- },
- components: map$2(tab.items, item => interpretInForm(parts, item, dialogData, backstage)),
- formBehaviours: derive$1([
- Keying.config({
- mode: 'acyclic',
- useTabstopAt: not(isPseudoStop)
- }),
- config('TabView.form.events', [
- runOnAttached(setDataOnForm),
- runOnDetached(updateDataWithForm)
- ]),
- Receiving.config({
- channels: wrapAll([
- {
- key: SendDataToSectionChannel,
- value: { onReceive: updateDataWithForm }
- },
- {
- key: SendDataToViewChannel,
- value: { onReceive: setDataOnForm }
- }
- ])
- })
- ])
- }))];
- }
- };
- });
- const tabMode = setMode(allTabs).smartTabHeight;
- return TabSection.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-dialog__body']
- },
- onChangeTab: (section, button, _viewItems) => {
- const name = Representing.getValue(button);
- emitWith(section, formTabChangeEvent, {
- name,
- oldName: oldTab.get()
- });
- oldTab.set(name);
- },
- tabs: allTabs,
- components: [
- TabSection.parts.tabbar({
- dom: {
- tag: 'div',
- classes: ['tox-dialog__body-nav']
- },
- components: [Tabbar.parts.tabs({})],
- markers: {
- tabClass: 'tox-tab',
- selectedClass: 'tox-dialog__body-nav-item--active'
- },
- tabbarBehaviours: derive$1([Tabstopping.config({})])
- }),
- TabSection.parts.tabview({
- dom: {
- tag: 'div',
- classes: ['tox-dialog__body-content']
- }
- })
- ],
- selectFirst: tabMode.selectFirst,
- tabSectionBehaviours: derive$1([
- config('tabpanel', tabMode.extraEvents),
- Keying.config({ mode: 'acyclic' }),
- Composing.config({ find: comp => head(TabSection.getViewItems(comp)) }),
- RepresentingConfigs.withComp(Optional.none(), tsection => {
- tsection.getSystem().broadcastOn([SendDataToSectionChannel], {});
- return storedValue.get();
- }, (tsection, value) => {
- storedValue.set(value);
- tsection.getSystem().broadcastOn([SendDataToViewChannel], {});
- })
- ])
- });
- };
- const dialogChannel = generate$6('update-dialog');
- const titleChannel = generate$6('update-title');
- const bodyChannel = generate$6('update-body');
- const footerChannel = generate$6('update-footer');
- const bodySendMessageChannel = generate$6('body-send-message');
- const renderBody = (spec, dialogId, contentId, backstage, ariaAttrs) => {
- const renderComponents = incoming => {
- const body = incoming.body;
- switch (body.type) {
- case 'tabpanel': {
- return [renderTabPanel(body, incoming.initialData, backstage)];
- }
- default: {
- return [renderBodyPanel(body, incoming.initialData, backstage)];
- }
- }
- };
- const updateState = (_comp, incoming) => Optional.some({ isTabPanel: () => incoming.body.type === 'tabpanel' });
- const ariaAttributes = { 'aria-live': 'polite' };
- return {
- dom: {
- tag: 'div',
- classes: ['tox-dialog__content-js'],
- attributes: {
- ...contentId.map(x => ({ id: x })).getOr({}),
- ...ariaAttrs ? ariaAttributes : {}
- }
- },
- components: [],
- behaviours: derive$1([
- ComposingConfigs.childAt(0),
- Reflecting.config({
- channel: `${ bodyChannel }-${ dialogId }`,
- updateState,
- renderComponents,
- initialData: spec
- })
- ])
- };
- };
- const renderInlineBody = (spec, dialogId, contentId, backstage, ariaAttrs) => renderBody(spec, dialogId, Optional.some(contentId), backstage, ariaAttrs);
- const renderModalBody = (spec, dialogId, backstage) => {
- const bodySpec = renderBody(spec, dialogId, Optional.none(), backstage, false);
- return ModalDialog.parts.body(bodySpec);
- };
- const renderIframeBody = spec => {
- const bodySpec = {
- dom: {
- tag: 'div',
- classes: ['tox-dialog__content-js']
- },
- components: [{
- dom: {
- tag: 'div',
- classes: ['tox-dialog__body-iframe']
- },
- components: [craft({
- dom: {
- tag: 'iframe',
- attributes: { src: spec.url }
- },
- behaviours: derive$1([
- Tabstopping.config({}),
- Focusing.config({})
- ])
- })]
- }],
- behaviours: derive$1([Keying.config({
- mode: 'acyclic',
- useTabstopAt: not(isPseudoStop)
- })])
- };
- return ModalDialog.parts.body(bodySpec);
- };
- const isTouch = global$5.deviceType.isTouch();
- const hiddenHeader = (title, close) => ({
- dom: {
- tag: 'div',
- styles: { display: 'none' },
- classes: ['tox-dialog__header']
- },
- components: [
- title,
- close
- ]
- });
- const pClose = (onClose, providersBackstage) => ModalDialog.parts.close(Button.sketch({
- dom: {
- tag: 'button',
- classes: [
- 'tox-button',
- 'tox-button--icon',
- 'tox-button--naked'
- ],
- attributes: {
- 'type': 'button',
- 'aria-label': providersBackstage.translate('Close')
- }
- },
- action: onClose,
- buttonBehaviours: derive$1([Tabstopping.config({})])
- }));
- const pUntitled = () => ModalDialog.parts.title({
- dom: {
- tag: 'div',
- classes: ['tox-dialog__title'],
- innerHtml: '',
- styles: { display: 'none' }
- }
- });
- const pBodyMessage = (message, providersBackstage) => ModalDialog.parts.body({
- dom: {
- tag: 'div',
- classes: ['tox-dialog__body']
- },
- components: [{
- dom: {
- tag: 'div',
- classes: ['tox-dialog__body-content']
- },
- components: [{ dom: fromHtml(`<p>${ providersBackstage.translate(message) }</p>`) }]
- }]
- });
- const pFooter = buttons => ModalDialog.parts.footer({
- dom: {
- tag: 'div',
- classes: ['tox-dialog__footer']
- },
- components: buttons
- });
- const pFooterGroup = (startButtons, endButtons) => [
- Container.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-dialog__footer-start']
- },
- components: startButtons
- }),
- Container.sketch({
- dom: {
- tag: 'div',
- classes: ['tox-dialog__footer-end']
- },
- components: endButtons
- })
- ];
- const renderDialog$1 = spec => {
- const dialogClass = 'tox-dialog';
- const blockerClass = dialogClass + '-wrap';
- const blockerBackdropClass = blockerClass + '__backdrop';
- const scrollLockClass = dialogClass + '__disable-scroll';
- return ModalDialog.sketch({
- lazySink: spec.lazySink,
- onEscape: comp => {
- spec.onEscape(comp);
- return Optional.some(true);
- },
- useTabstopAt: elem => !isPseudoStop(elem),
- dom: {
- tag: 'div',
- classes: [dialogClass].concat(spec.extraClasses),
- styles: {
- position: 'relative',
- ...spec.extraStyles
- }
- },
- components: [
- spec.header,
- spec.body,
- ...spec.footer.toArray()
- ],
- parts: {
- blocker: {
- dom: fromHtml(`<div class="${ blockerClass }"></div>`),
- components: [{
- dom: {
- tag: 'div',
- classes: isTouch ? [
- blockerBackdropClass,
- blockerBackdropClass + '--opaque'
- ] : [blockerBackdropClass]
- }
- }]
- }
- },
- dragBlockClass: blockerClass,
- modalBehaviours: derive$1([
- Focusing.config({}),
- config('dialog-events', spec.dialogEvents.concat([runOnSource(focusin(), (comp, _se) => {
- Keying.focusIn(comp);
- })])),
- config('scroll-lock', [
- runOnAttached(() => {
- add$2(body(), scrollLockClass);
- }),
- runOnDetached(() => {
- remove$2(body(), scrollLockClass);
- })
- ]),
- ...spec.extraBehaviours
- ]),
- eventOrder: {
- [execute$5()]: ['dialog-events'],
- [attachedToDom()]: [
- 'scroll-lock',
- 'dialog-events',
- 'alloy.base.behaviour'
- ],
- [detachedFromDom()]: [
- 'alloy.base.behaviour',
- 'dialog-events',
- 'scroll-lock'
- ],
- ...spec.eventOrder
- }
- });
- };
- const renderClose = providersBackstage => Button.sketch({
- dom: {
- tag: 'button',
- classes: [
- 'tox-button',
- 'tox-button--icon',
- 'tox-button--naked'
- ],
- attributes: {
- 'type': 'button',
- 'aria-label': providersBackstage.translate('Close'),
- 'title': providersBackstage.translate('Close')
- }
- },
- components: [render$3('close', {
- tag: 'div',
- classes: ['tox-icon']
- }, providersBackstage.icons)],
- action: comp => {
- emit(comp, formCancelEvent);
- }
- });
- const renderTitle = (spec, dialogId, titleId, providersBackstage) => {
- const renderComponents = data => [text$1(providersBackstage.translate(data.title))];
- return {
- dom: {
- tag: 'div',
- classes: ['tox-dialog__title'],
- attributes: { ...titleId.map(x => ({ id: x })).getOr({}) }
- },
- components: [],
- behaviours: derive$1([Reflecting.config({
- channel: `${ titleChannel }-${ dialogId }`,
- initialData: spec,
- renderComponents
- })])
- };
- };
- const renderDragHandle = () => ({ dom: fromHtml('<div class="tox-dialog__draghandle"></div>') });
- const renderInlineHeader = (spec, dialogId, titleId, providersBackstage) => Container.sketch({
- dom: fromHtml('<div class="tox-dialog__header"></div>'),
- components: [
- renderTitle(spec, dialogId, Optional.some(titleId), providersBackstage),
- renderDragHandle(),
- renderClose(providersBackstage)
- ],
- containerBehaviours: derive$1([Dragging.config({
- mode: 'mouse',
- blockerClass: 'blocker',
- getTarget: handle => {
- return closest$1(handle, '[role="dialog"]').getOrDie();
- },
- snaps: {
- getSnapPoints: () => [],
- leftAttr: 'data-drag-left',
- topAttr: 'data-drag-top'
- }
- })])
- });
- const renderModalHeader = (spec, dialogId, providersBackstage) => {
- const pTitle = ModalDialog.parts.title(renderTitle(spec, dialogId, Optional.none(), providersBackstage));
- const pHandle = ModalDialog.parts.draghandle(renderDragHandle());
- const pClose = ModalDialog.parts.close(renderClose(providersBackstage));
- const components = [pTitle].concat(spec.draggable ? [pHandle] : []).concat([pClose]);
- return Container.sketch({
- dom: fromHtml('<div class="tox-dialog__header"></div>'),
- components
- });
- };
- const getHeader = (title, dialogId, backstage) => renderModalHeader({
- title: backstage.shared.providers.translate(title),
- draggable: backstage.dialog.isDraggableModal()
- }, dialogId, backstage.shared.providers);
- const getBusySpec = (message, bs, providers) => ({
- dom: {
- tag: 'div',
- classes: ['tox-dialog__busy-spinner'],
- attributes: { 'aria-label': providers.translate(message) },
- styles: {
- left: '0px',
- right: '0px',
- bottom: '0px',
- top: '0px',
- position: 'absolute'
- }
- },
- behaviours: bs,
- components: [{ dom: fromHtml('<div class="tox-spinner"><div></div><div></div><div></div></div>') }]
- });
- const getEventExtras = (lazyDialog, providers, extra) => ({
- onClose: () => extra.closeWindow(),
- onBlock: blockEvent => {
- ModalDialog.setBusy(lazyDialog(), (_comp, bs) => getBusySpec(blockEvent.message, bs, providers));
- },
- onUnblock: () => {
- ModalDialog.setIdle(lazyDialog());
- }
- });
- const renderModalDialog = (spec, initialData, dialogEvents, backstage) => {
- const updateState = (_comp, incoming) => Optional.some(incoming);
- return build$1(renderDialog$1({
- ...spec,
- lazySink: backstage.shared.getSink,
- extraBehaviours: [
- Reflecting.config({
- channel: `${ dialogChannel }-${ spec.id }`,
- updateState,
- initialData
- }),
- RepresentingConfigs.memory({}),
- ...spec.extraBehaviours
- ],
- onEscape: comp => {
- emit(comp, formCancelEvent);
- },
- dialogEvents,
- eventOrder: {
- [receive()]: [
- Reflecting.name(),
- Receiving.name()
- ],
- [attachedToDom()]: [
- 'scroll-lock',
- Reflecting.name(),
- 'messages',
- 'dialog-events',
- 'alloy.base.behaviour'
- ],
- [detachedFromDom()]: [
- 'alloy.base.behaviour',
- 'dialog-events',
- 'messages',
- Reflecting.name(),
- 'scroll-lock'
- ]
- }
- }));
- };
- const mapMenuButtons = buttons => {
- const mapItems = button => {
- const items = map$2(button.items, item => {
- const cell = Cell(false);
- return {
- ...item,
- storage: cell
- };
- });
- return {
- ...button,
- items
- };
- };
- return map$2(buttons, button => {
- if (button.type === 'menu') {
- return mapItems(button);
- }
- return button;
- });
- };
- const extractCellsToObject = buttons => foldl(buttons, (acc, button) => {
- if (button.type === 'menu') {
- const menuButton = button;
- return foldl(menuButton.items, (innerAcc, item) => {
- innerAcc[item.name] = item.storage;
- return innerAcc;
- }, acc);
- }
- return acc;
- }, {});
- const initCommonEvents = (fireApiEvent, extras) => [
- runWithTarget(focusin(), onFocus),
- fireApiEvent(formCloseEvent, (_api, spec) => {
- extras.onClose();
- spec.onClose();
- }),
- fireApiEvent(formCancelEvent, (api, spec, _event, self) => {
- spec.onCancel(api);
- emit(self, formCloseEvent);
- }),
- run$1(formUnblockEvent, (_c, _se) => extras.onUnblock()),
- run$1(formBlockEvent, (_c, se) => extras.onBlock(se.event))
- ];
- const initUrlDialog = (getInstanceApi, extras) => {
- const fireApiEvent = (eventName, f) => run$1(eventName, (c, se) => {
- withSpec(c, (spec, _c) => {
- f(getInstanceApi(), spec, se.event, c);
- });
- });
- const withSpec = (c, f) => {
- Reflecting.getState(c).get().each(currentDialog => {
- f(currentDialog, c);
- });
- };
- return [
- ...initCommonEvents(fireApiEvent, extras),
- fireApiEvent(formActionEvent, (api, spec, event) => {
- spec.onAction(api, { name: event.name });
- })
- ];
- };
- const initDialog = (getInstanceApi, extras, getSink) => {
- const fireApiEvent = (eventName, f) => run$1(eventName, (c, se) => {
- withSpec(c, (spec, _c) => {
- f(getInstanceApi(), spec, se.event, c);
- });
- });
- const withSpec = (c, f) => {
- Reflecting.getState(c).get().each(currentDialogInit => {
- f(currentDialogInit.internalDialog, c);
- });
- };
- return [
- ...initCommonEvents(fireApiEvent, extras),
- fireApiEvent(formSubmitEvent, (api, spec) => spec.onSubmit(api)),
- fireApiEvent(formChangeEvent, (api, spec, event) => {
- spec.onChange(api, { name: event.name });
- }),
- fireApiEvent(formActionEvent, (api, spec, event, component) => {
- const focusIn = () => Keying.focusIn(component);
- const isDisabled = focused => has$1(focused, 'disabled') || getOpt(focused, 'aria-disabled').exists(val => val === 'true');
- const rootNode = getRootNode(component.element);
- const current = active$1(rootNode);
- spec.onAction(api, {
- name: event.name,
- value: event.value
- });
- active$1(rootNode).fold(focusIn, focused => {
- if (isDisabled(focused)) {
- focusIn();
- } else if (current.exists(cur => contains(focused, cur) && isDisabled(cur))) {
- focusIn();
- } else {
- getSink().toOptional().filter(sink => !contains(sink.element, focused)).each(focusIn);
- }
- });
- }),
- fireApiEvent(formTabChangeEvent, (api, spec, event) => {
- spec.onTabChange(api, {
- newTabName: event.name,
- oldTabName: event.oldName
- });
- }),
- runOnDetached(component => {
- const api = getInstanceApi();
- Representing.setValue(component, api.getData());
- })
- ];
- };
- const SilverDialogEvents = {
- initUrlDialog,
- initDialog
- };
- const makeButton = (button, backstage) => renderFooterButton(button, button.type, backstage);
- const lookup = (compInSystem, footerButtons, buttonName) => find$5(footerButtons, button => button.name === buttonName).bind(memButton => memButton.memento.getOpt(compInSystem));
- const renderComponents = (_data, state) => {
- const footerButtons = state.map(s => s.footerButtons).getOr([]);
- const buttonGroups = partition$3(footerButtons, button => button.align === 'start');
- const makeGroup = (edge, buttons) => Container.sketch({
- dom: {
- tag: 'div',
- classes: [`tox-dialog__footer-${ edge }`]
- },
- components: map$2(buttons, button => button.memento.asSpec())
- });
- const startButtons = makeGroup('start', buttonGroups.pass);
- const endButtons = makeGroup('end', buttonGroups.fail);
- return [
- startButtons,
- endButtons
- ];
- };
- const renderFooter = (initSpec, dialogId, backstage) => {
- const updateState = (comp, data) => {
- const footerButtons = map$2(data.buttons, button => {
- const memButton = record(makeButton(button, backstage));
- return {
- name: button.name,
- align: button.align,
- memento: memButton
- };
- });
- const lookupByName = buttonName => lookup(comp, footerButtons, buttonName);
- return Optional.some({
- lookupByName,
- footerButtons
- });
- };
- return {
- dom: fromHtml('<div class="tox-dialog__footer"></div>'),
- components: [],
- behaviours: derive$1([Reflecting.config({
- channel: `${ footerChannel }-${ dialogId }`,
- initialData: initSpec,
- updateState,
- renderComponents
- })])
- };
- };
- const renderInlineFooter = (initSpec, dialogId, backstage) => renderFooter(initSpec, dialogId, backstage);
- const renderModalFooter = (initSpec, dialogId, backstage) => ModalDialog.parts.footer(renderFooter(initSpec, dialogId, backstage));
- const getCompByName = (access, name) => {
- const root = access.getRoot();
- if (root.getSystem().isConnected()) {
- const form = Composing.getCurrent(access.getFormWrapper()).getOr(access.getFormWrapper());
- return Form.getField(form, name).orThunk(() => {
- const footer = access.getFooter();
- const footerState = Reflecting.getState(footer).get();
- return footerState.bind(f => f.lookupByName(name));
- });
- } else {
- return Optional.none();
- }
- };
- const validateData$1 = (access, data) => {
- const root = access.getRoot();
- return Reflecting.getState(root).get().map(dialogState => getOrDie(asRaw('data', dialogState.dataValidator, data))).getOr(data);
- };
- const getDialogApi = (access, doRedial, menuItemStates) => {
- const withRoot = f => {
- const root = access.getRoot();
- if (root.getSystem().isConnected()) {
- f(root);
- }
- };
- const getData = () => {
- const root = access.getRoot();
- const valueComp = root.getSystem().isConnected() ? access.getFormWrapper() : root;
- const representedValues = Representing.getValue(valueComp);
- const menuItemCurrentState = map$1(menuItemStates, cell => cell.get());
- return {
- ...representedValues,
- ...menuItemCurrentState
- };
- };
- const setData = newData => {
- withRoot(_ => {
- const prevData = instanceApi.getData();
- const mergedData = deepMerge(prevData, newData);
- const newInternalData = validateData$1(access, mergedData);
- const form = access.getFormWrapper();
- Representing.setValue(form, newInternalData);
- each(menuItemStates, (v, k) => {
- if (has$2(mergedData, k)) {
- v.set(mergedData[k]);
- }
- });
- });
- };
- const setEnabled = (name, state) => {
- getCompByName(access, name).each(state ? Disabling.enable : Disabling.disable);
- };
- const focus = name => {
- getCompByName(access, name).each(Focusing.focus);
- };
- const block = message => {
- if (!isString(message)) {
- throw new Error('The dialogInstanceAPI.block function should be passed a blocking message of type string as an argument');
- }
- withRoot(root => {
- emitWith(root, formBlockEvent, { message });
- });
- };
- const unblock = () => {
- withRoot(root => {
- emit(root, formUnblockEvent);
- });
- };
- const showTab = name => {
- withRoot(_ => {
- const body = access.getBody();
- const bodyState = Reflecting.getState(body);
- if (bodyState.get().exists(b => b.isTabPanel())) {
- Composing.getCurrent(body).each(tabSection => {
- TabSection.showTab(tabSection, name);
- });
- }
- });
- };
- const redial = d => {
- withRoot(root => {
- const id = access.getId();
- const dialogInit = doRedial(d);
- root.getSystem().broadcastOn([`${ dialogChannel }-${ id }`], dialogInit);
- root.getSystem().broadcastOn([`${ titleChannel }-${ id }`], dialogInit.internalDialog);
- root.getSystem().broadcastOn([`${ bodyChannel }-${ id }`], dialogInit.internalDialog);
- root.getSystem().broadcastOn([`${ footerChannel }-${ id }`], dialogInit.internalDialog);
- instanceApi.setData(dialogInit.initialData);
- });
- };
- const close = () => {
- withRoot(root => {
- emit(root, formCloseEvent);
- });
- };
- const instanceApi = {
- getData,
- setData,
- setEnabled,
- focus,
- block,
- unblock,
- showTab,
- redial,
- close
- };
- return instanceApi;
- };
- const getDialogSizeClasses = size => {
- switch (size) {
- case 'large':
- return ['tox-dialog--width-lg'];
- case 'medium':
- return ['tox-dialog--width-md'];
- default:
- return [];
- }
- };
- const renderDialog = (dialogInit, extra, backstage) => {
- const dialogId = generate$6('dialog');
- const internalDialog = dialogInit.internalDialog;
- const header = getHeader(internalDialog.title, dialogId, backstage);
- const body = renderModalBody({
- body: internalDialog.body,
- initialData: internalDialog.initialData
- }, dialogId, backstage);
- const storagedMenuButtons = mapMenuButtons(internalDialog.buttons);
- const objOfCells = extractCellsToObject(storagedMenuButtons);
- const footer = renderModalFooter({ buttons: storagedMenuButtons }, dialogId, backstage);
- const dialogEvents = SilverDialogEvents.initDialog(() => instanceApi, getEventExtras(() => dialog, backstage.shared.providers, extra), backstage.shared.getSink);
- const dialogSize = getDialogSizeClasses(internalDialog.size);
- const spec = {
- id: dialogId,
- header,
- body,
- footer: Optional.some(footer),
- extraClasses: dialogSize,
- extraBehaviours: [],
- extraStyles: {}
- };
- const dialog = renderModalDialog(spec, dialogInit, dialogEvents, backstage);
- const modalAccess = (() => {
- const getForm = () => {
- const outerForm = ModalDialog.getBody(dialog);
- return Composing.getCurrent(outerForm).getOr(outerForm);
- };
- return {
- getId: constant$1(dialogId),
- getRoot: constant$1(dialog),
- getBody: () => ModalDialog.getBody(dialog),
- getFooter: () => ModalDialog.getFooter(dialog),
- getFormWrapper: getForm
- };
- })();
- const instanceApi = getDialogApi(modalAccess, extra.redial, objOfCells);
- return {
- dialog,
- instanceApi
- };
- };
- const renderInlineDialog = (dialogInit, extra, backstage, ariaAttrs) => {
- const dialogId = generate$6('dialog');
- const dialogLabelId = generate$6('dialog-label');
- const dialogContentId = generate$6('dialog-content');
- const internalDialog = dialogInit.internalDialog;
- const updateState = (_comp, incoming) => Optional.some(incoming);
- const memHeader = record(renderInlineHeader({
- title: internalDialog.title,
- draggable: true
- }, dialogId, dialogLabelId, backstage.shared.providers));
- const memBody = record(renderInlineBody({
- body: internalDialog.body,
- initialData: internalDialog.initialData
- }, dialogId, dialogContentId, backstage, ariaAttrs));
- const storagedMenuButtons = mapMenuButtons(internalDialog.buttons);
- const objOfCells = extractCellsToObject(storagedMenuButtons);
- const memFooter = record(renderInlineFooter({ buttons: storagedMenuButtons }, dialogId, backstage));
- const dialogEvents = SilverDialogEvents.initDialog(() => instanceApi, {
- onBlock: event => {
- Blocking.block(dialog, (_comp, bs) => getBusySpec(event.message, bs, backstage.shared.providers));
- },
- onUnblock: () => {
- Blocking.unblock(dialog);
- },
- onClose: () => extra.closeWindow()
- }, backstage.shared.getSink);
- const dialog = build$1({
- dom: {
- tag: 'div',
- classes: [
- 'tox-dialog',
- 'tox-dialog-inline'
- ],
- attributes: {
- role: 'dialog',
- ['aria-labelledby']: dialogLabelId,
- ['aria-describedby']: dialogContentId
- }
- },
- eventOrder: {
- [receive()]: [
- Reflecting.name(),
- Receiving.name()
- ],
- [execute$5()]: ['execute-on-form'],
- [attachedToDom()]: [
- 'reflecting',
- 'execute-on-form'
- ]
- },
- behaviours: derive$1([
- Keying.config({
- mode: 'cyclic',
- onEscape: c => {
- emit(c, formCloseEvent);
- return Optional.some(true);
- },
- useTabstopAt: elem => !isPseudoStop(elem) && (name$3(elem) !== 'button' || get$f(elem, 'disabled') !== 'disabled')
- }),
- Reflecting.config({
- channel: `${ dialogChannel }-${ dialogId }`,
- updateState,
- initialData: dialogInit
- }),
- Focusing.config({}),
- config('execute-on-form', dialogEvents.concat([runOnSource(focusin(), (comp, _se) => {
- Keying.focusIn(comp);
- })])),
- Blocking.config({ getRoot: () => Optional.some(dialog) }),
- Replacing.config({}),
- RepresentingConfigs.memory({})
- ]),
- components: [
- memHeader.asSpec(),
- memBody.asSpec(),
- memFooter.asSpec()
- ]
- });
- const instanceApi = getDialogApi({
- getId: constant$1(dialogId),
- getRoot: constant$1(dialog),
- getFooter: () => memFooter.get(dialog),
- getBody: () => memBody.get(dialog),
- getFormWrapper: () => {
- const body = memBody.get(dialog);
- return Composing.getCurrent(body).getOr(body);
- }
- }, extra.redial, objOfCells);
- return {
- dialog,
- instanceApi
- };
- };
- var global = tinymce.util.Tools.resolve('tinymce.util.URI');
- const getUrlDialogApi = root => {
- const withRoot = f => {
- if (root.getSystem().isConnected()) {
- f(root);
- }
- };
- const block = message => {
- if (!isString(message)) {
- throw new Error('The urlDialogInstanceAPI.block function should be passed a blocking message of type string as an argument');
- }
- withRoot(root => {
- emitWith(root, formBlockEvent, { message });
- });
- };
- const unblock = () => {
- withRoot(root => {
- emit(root, formUnblockEvent);
- });
- };
- const close = () => {
- withRoot(root => {
- emit(root, formCloseEvent);
- });
- };
- const sendMessage = data => {
- withRoot(root => {
- root.getSystem().broadcastOn([bodySendMessageChannel], data);
- });
- };
- return {
- block,
- unblock,
- close,
- sendMessage
- };
- };
- const SUPPORTED_MESSAGE_ACTIONS = [
- 'insertContent',
- 'setContent',
- 'execCommand',
- 'close',
- 'block',
- 'unblock'
- ];
- const isSupportedMessage = data => isObject(data) && SUPPORTED_MESSAGE_ACTIONS.indexOf(data.mceAction) !== -1;
- const isCustomMessage = data => !isSupportedMessage(data) && isObject(data) && has$2(data, 'mceAction');
- const handleMessage = (editor, api, data) => {
- switch (data.mceAction) {
- case 'insertContent':
- editor.insertContent(data.content);
- break;
- case 'setContent':
- editor.setContent(data.content);
- break;
- case 'execCommand':
- const ui = isBoolean(data.ui) ? data.ui : false;
- editor.execCommand(data.cmd, ui, data.value);
- break;
- case 'close':
- api.close();
- break;
- case 'block':
- api.block(data.message);
- break;
- case 'unblock':
- api.unblock();
- break;
- }
- };
- const renderUrlDialog = (internalDialog, extra, editor, backstage) => {
- const dialogId = generate$6('dialog');
- const header = getHeader(internalDialog.title, dialogId, backstage);
- const body = renderIframeBody(internalDialog);
- const footer = internalDialog.buttons.bind(buttons => {
- if (buttons.length === 0) {
- return Optional.none();
- } else {
- return Optional.some(renderModalFooter({ buttons }, dialogId, backstage));
- }
- });
- const dialogEvents = SilverDialogEvents.initUrlDialog(() => instanceApi, getEventExtras(() => dialog, backstage.shared.providers, extra));
- const styles = {
- ...internalDialog.height.fold(() => ({}), height => ({
- 'height': height + 'px',
- 'max-height': height + 'px'
- })),
- ...internalDialog.width.fold(() => ({}), width => ({
- 'width': width + 'px',
- 'max-width': width + 'px'
- }))
- };
- const classes = internalDialog.width.isNone() && internalDialog.height.isNone() ? ['tox-dialog--width-lg'] : [];
- const iframeUri = new global(internalDialog.url, { base_uri: new global(window.location.href) });
- const iframeDomain = `${ iframeUri.protocol }://${ iframeUri.host }${ iframeUri.port ? ':' + iframeUri.port : '' }`;
- const messageHandlerUnbinder = unbindable();
- const extraBehaviours = [
- config('messages', [
- runOnAttached(() => {
- const unbind = bind(SugarElement.fromDom(window), 'message', e => {
- if (iframeUri.isSameOrigin(new global(e.raw.origin))) {
- const data = e.raw.data;
- if (isSupportedMessage(data)) {
- handleMessage(editor, instanceApi, data);
- } else if (isCustomMessage(data)) {
- internalDialog.onMessage(instanceApi, data);
- }
- }
- });
- messageHandlerUnbinder.set(unbind);
- }),
- runOnDetached(messageHandlerUnbinder.clear)
- ]),
- Receiving.config({
- channels: {
- [bodySendMessageChannel]: {
- onReceive: (comp, data) => {
- descendant(comp.element, 'iframe').each(iframeEle => {
- const iframeWin = iframeEle.dom.contentWindow;
- iframeWin.postMessage(data, iframeDomain);
- });
- }
- }
- }
- })
- ];
- const spec = {
- id: dialogId,
- header,
- body,
- footer,
- extraClasses: classes,
- extraBehaviours,
- extraStyles: styles
- };
- const dialog = renderModalDialog(spec, internalDialog, dialogEvents, backstage);
- const instanceApi = getUrlDialogApi(dialog);
- return {
- dialog,
- instanceApi
- };
- };
- const setup$2 = extras => {
- const sharedBackstage = extras.backstage.shared;
- const open = (message, callback) => {
- const closeDialog = () => {
- ModalDialog.hide(alertDialog);
- callback();
- };
- const memFooterClose = record(renderFooterButton({
- name: 'close-alert',
- text: 'OK',
- primary: true,
- buttonType: Optional.some('primary'),
- align: 'end',
- enabled: true,
- icon: Optional.none()
- }, 'cancel', extras.backstage));
- const titleSpec = pUntitled();
- const closeSpec = pClose(closeDialog, sharedBackstage.providers);
- const alertDialog = build$1(renderDialog$1({
- lazySink: () => sharedBackstage.getSink(),
- header: hiddenHeader(titleSpec, closeSpec),
- body: pBodyMessage(message, sharedBackstage.providers),
- footer: Optional.some(pFooter(pFooterGroup([], [memFooterClose.asSpec()]))),
- onEscape: closeDialog,
- extraClasses: ['tox-alert-dialog'],
- extraBehaviours: [],
- extraStyles: {},
- dialogEvents: [run$1(formCancelEvent, closeDialog)],
- eventOrder: {}
- }));
- ModalDialog.show(alertDialog);
- const footerCloseButton = memFooterClose.get(alertDialog);
- Focusing.focus(footerCloseButton);
- };
- return { open };
- };
- const setup$1 = extras => {
- const sharedBackstage = extras.backstage.shared;
- const open = (message, callback) => {
- const closeDialog = state => {
- ModalDialog.hide(confirmDialog);
- callback(state);
- };
- const memFooterYes = record(renderFooterButton({
- name: 'yes',
- text: 'Yes',
- primary: true,
- buttonType: Optional.some('primary'),
- align: 'end',
- enabled: true,
- icon: Optional.none()
- }, 'submit', extras.backstage));
- const footerNo = renderFooterButton({
- name: 'no',
- text: 'No',
- primary: false,
- buttonType: Optional.some('secondary'),
- align: 'end',
- enabled: true,
- icon: Optional.none()
- }, 'cancel', extras.backstage);
- const titleSpec = pUntitled();
- const closeSpec = pClose(() => closeDialog(false), sharedBackstage.providers);
- const confirmDialog = build$1(renderDialog$1({
- lazySink: () => sharedBackstage.getSink(),
- header: hiddenHeader(titleSpec, closeSpec),
- body: pBodyMessage(message, sharedBackstage.providers),
- footer: Optional.some(pFooter(pFooterGroup([], [
- footerNo,
- memFooterYes.asSpec()
- ]))),
- onEscape: () => closeDialog(false),
- extraClasses: ['tox-confirm-dialog'],
- extraBehaviours: [],
- extraStyles: {},
- dialogEvents: [
- run$1(formCancelEvent, () => closeDialog(false)),
- run$1(formSubmitEvent, () => closeDialog(true))
- ],
- eventOrder: {}
- }));
- ModalDialog.show(confirmDialog);
- const footerYesButton = memFooterYes.get(confirmDialog);
- Focusing.focus(footerYesButton);
- };
- return { open };
- };
- const validateData = (data, validator) => getOrDie(asRaw('data', validator, data));
- const isAlertOrConfirmDialog = target => closest(target, '.tox-alert-dialog') || closest(target, '.tox-confirm-dialog');
- const inlineAdditionalBehaviours = (editor, isStickyToolbar, isToolbarLocationTop) => {
- if (isStickyToolbar && isToolbarLocationTop) {
- return [];
- } else {
- return [Docking.config({
- contextual: {
- lazyContext: () => Optional.some(box$1(SugarElement.fromDom(editor.getContentAreaContainer()))),
- fadeInClass: 'tox-dialog-dock-fadein',
- fadeOutClass: 'tox-dialog-dock-fadeout',
- transitionClass: 'tox-dialog-dock-transition'
- },
- modes: ['top']
- })];
- }
- };
- const setup = extras => {
- const backstage = extras.backstage;
- const editor = extras.editor;
- const isStickyToolbar$1 = isStickyToolbar(editor);
- const alertDialog = setup$2(extras);
- const confirmDialog = setup$1(extras);
- const open = (config, params, closeWindow) => {
- if (params !== undefined && params.inline === 'toolbar') {
- return openInlineDialog(config, backstage.shared.anchors.inlineDialog(), closeWindow, params.ariaAttrs);
- } else if (params !== undefined && params.inline === 'cursor') {
- return openInlineDialog(config, backstage.shared.anchors.cursor(), closeWindow, params.ariaAttrs);
- } else {
- return openModalDialog(config, closeWindow);
- }
- };
- const openUrl = (config, closeWindow) => openModalUrlDialog(config, closeWindow);
- const openModalUrlDialog = (config, closeWindow) => {
- const factory = contents => {
- const dialog = renderUrlDialog(contents, {
- closeWindow: () => {
- ModalDialog.hide(dialog.dialog);
- closeWindow(dialog.instanceApi);
- }
- }, editor, backstage);
- ModalDialog.show(dialog.dialog);
- return dialog.instanceApi;
- };
- return DialogManager.openUrl(factory, config);
- };
- const openModalDialog = (config, closeWindow) => {
- const factory = (contents, internalInitialData, dataValidator) => {
- const initialData = internalInitialData;
- const dialogInit = {
- dataValidator,
- initialData,
- internalDialog: contents
- };
- const dialog = renderDialog(dialogInit, {
- redial: DialogManager.redial,
- closeWindow: () => {
- ModalDialog.hide(dialog.dialog);
- closeWindow(dialog.instanceApi);
- }
- }, backstage);
- ModalDialog.show(dialog.dialog);
- dialog.instanceApi.setData(initialData);
- return dialog.instanceApi;
- };
- return DialogManager.open(factory, config);
- };
- const openInlineDialog = (config$1, anchor, closeWindow, ariaAttrs) => {
- const factory = (contents, internalInitialData, dataValidator) => {
- const initialData = validateData(internalInitialData, dataValidator);
- const inlineDialog = value$2();
- const isToolbarLocationTop = backstage.shared.header.isPositionedAtTop();
- const dialogInit = {
- dataValidator,
- initialData,
- internalDialog: contents
- };
- const refreshDocking = () => inlineDialog.on(dialog => {
- InlineView.reposition(dialog);
- Docking.refresh(dialog);
- });
- const dialogUi = renderInlineDialog(dialogInit, {
- redial: DialogManager.redial,
- closeWindow: () => {
- inlineDialog.on(InlineView.hide);
- editor.off('ResizeEditor', refreshDocking);
- inlineDialog.clear();
- closeWindow(dialogUi.instanceApi);
- }
- }, backstage, ariaAttrs);
- const inlineDialogComp = build$1(InlineView.sketch({
- lazySink: backstage.shared.getSink,
- dom: {
- tag: 'div',
- classes: []
- },
- fireDismissalEventInstead: {},
- ...isToolbarLocationTop ? {} : { fireRepositionEventInstead: {} },
- inlineBehaviours: derive$1([
- config('window-manager-inline-events', [run$1(dismissRequested(), (_comp, _se) => {
- emit(dialogUi.dialog, formCancelEvent);
- })]),
- ...inlineAdditionalBehaviours(editor, isStickyToolbar$1, isToolbarLocationTop)
- ]),
- isExtraPart: (_comp, target) => isAlertOrConfirmDialog(target)
- }));
- inlineDialog.set(inlineDialogComp);
- InlineView.showWithin(inlineDialogComp, premade(dialogUi.dialog), { anchor }, Optional.some(body()));
- if (!isStickyToolbar$1 || !isToolbarLocationTop) {
- Docking.refresh(inlineDialogComp);
- editor.on('ResizeEditor', refreshDocking);
- }
- dialogUi.instanceApi.setData(initialData);
- Keying.focusIn(dialogUi.dialog);
- return dialogUi.instanceApi;
- };
- return DialogManager.open(factory, config$1);
- };
- const confirm = (message, callback) => {
- confirmDialog.open(message, state => {
- callback(state);
- });
- };
- const alert = (message, callback) => {
- alertDialog.open(message, () => {
- callback();
- });
- };
- const close = instanceApi => {
- instanceApi.close();
- };
- return {
- open,
- openUrl,
- alert,
- close,
- confirm
- };
- };
- const registerOptions = editor => {
- register$e(editor);
- register$d(editor);
- register(editor);
- };
- var Theme = () => {
- global$a.add('silver', editor => {
- registerOptions(editor);
- const {getUiMothership, backstage, renderUI} = setup$3(editor);
- Autocompleter.register(editor, backstage.shared);
- const windowMgr = setup({
- editor,
- backstage
- });
- return {
- renderUI,
- getWindowManagerImpl: constant$1(windowMgr),
- getNotificationManagerImpl: () => NotificationManagerImpl(editor, { backstage }, getUiMothership())
- };
- });
- };
- Theme();
- })();
|