theme.js 309 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636
  1. (function () {
  2. var modern = (function (domGlobals) {
  3. 'use strict';
  4. var global = tinymce.util.Tools.resolve('tinymce.ThemeManager');
  5. var global$1 = tinymce.util.Tools.resolve('tinymce.EditorManager');
  6. var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
  7. var isBrandingEnabled = function (editor) {
  8. return editor.getParam('branding', true, 'boolean');
  9. };
  10. var hasMenubar = function (editor) {
  11. return getMenubar(editor) !== false;
  12. };
  13. var getMenubar = function (editor) {
  14. return editor.getParam('menubar');
  15. };
  16. var hasStatusbar = function (editor) {
  17. return editor.getParam('statusbar', true, 'boolean');
  18. };
  19. var getToolbarSize = function (editor) {
  20. return editor.getParam('toolbar_items_size');
  21. };
  22. var isReadOnly = function (editor) {
  23. return editor.getParam('readonly', false, 'boolean');
  24. };
  25. var getFixedToolbarContainer = function (editor) {
  26. return editor.getParam('fixed_toolbar_container');
  27. };
  28. var getInlineToolbarPositionHandler = function (editor) {
  29. return editor.getParam('inline_toolbar_position_handler');
  30. };
  31. var getMenu = function (editor) {
  32. return editor.getParam('menu');
  33. };
  34. var getRemovedMenuItems = function (editor) {
  35. return editor.getParam('removed_menuitems', '');
  36. };
  37. var getMinWidth = function (editor) {
  38. return editor.getParam('min_width', 100, 'number');
  39. };
  40. var getMinHeight = function (editor) {
  41. return editor.getParam('min_height', 100, 'number');
  42. };
  43. var getMaxWidth = function (editor) {
  44. return editor.getParam('max_width', 65535, 'number');
  45. };
  46. var getMaxHeight = function (editor) {
  47. return editor.getParam('max_height', 65535, 'number');
  48. };
  49. var isSkinDisabled = function (editor) {
  50. return editor.settings.skin === false;
  51. };
  52. var isInline = function (editor) {
  53. return editor.getParam('inline', false, 'boolean');
  54. };
  55. var getResize = function (editor) {
  56. var resize = editor.getParam('resize', 'vertical');
  57. if (resize === false) {
  58. return 'none';
  59. } else if (resize === 'both') {
  60. return 'both';
  61. } else {
  62. return 'vertical';
  63. }
  64. };
  65. var getSkinUrl = function (editor) {
  66. var settings = editor.settings;
  67. var skin = settings.skin;
  68. var skinUrl = settings.skin_url;
  69. if (skin !== false) {
  70. var skinName = skin ? skin : 'lightgray';
  71. if (skinUrl) {
  72. skinUrl = editor.documentBaseURI.toAbsolute(skinUrl);
  73. } else {
  74. skinUrl = global$1.baseURL + '/skins/' + skinName;
  75. }
  76. }
  77. return skinUrl;
  78. };
  79. var getIndexedToolbars = function (settings, defaultToolbar) {
  80. var toolbars = [];
  81. for (var i = 1; i < 10; i++) {
  82. var toolbar = settings['toolbar' + i];
  83. if (!toolbar) {
  84. break;
  85. }
  86. toolbars.push(toolbar);
  87. }
  88. var mainToolbar = settings.toolbar ? [settings.toolbar] : [defaultToolbar];
  89. return toolbars.length > 0 ? toolbars : mainToolbar;
  90. };
  91. var getToolbars = function (editor) {
  92. var toolbar = editor.getParam('toolbar');
  93. var defaultToolbar = 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image';
  94. if (toolbar === false) {
  95. return [];
  96. } else if (global$2.isArray(toolbar)) {
  97. return global$2.grep(toolbar, function (toolbar) {
  98. return toolbar.length > 0;
  99. });
  100. } else {
  101. return getIndexedToolbars(editor.settings, defaultToolbar);
  102. }
  103. };
  104. var global$3 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
  105. var global$4 = tinymce.util.Tools.resolve('tinymce.ui.Factory');
  106. var global$5 = tinymce.util.Tools.resolve('tinymce.util.I18n');
  107. var fireSkinLoaded = function (editor) {
  108. return editor.fire('SkinLoaded');
  109. };
  110. var fireResizeEditor = function (editor) {
  111. return editor.fire('ResizeEditor');
  112. };
  113. var fireBeforeRenderUI = function (editor) {
  114. return editor.fire('BeforeRenderUI');
  115. };
  116. var Events = {
  117. fireSkinLoaded: fireSkinLoaded,
  118. fireResizeEditor: fireResizeEditor,
  119. fireBeforeRenderUI: fireBeforeRenderUI
  120. };
  121. var focus = function (panel, type) {
  122. return function () {
  123. var item = panel.find(type)[0];
  124. if (item) {
  125. item.focus(true);
  126. }
  127. };
  128. };
  129. var addKeys = function (editor, panel) {
  130. editor.shortcuts.add('Alt+F9', '', focus(panel, 'menubar'));
  131. editor.shortcuts.add('Alt+F10,F10', '', focus(panel, 'toolbar'));
  132. editor.shortcuts.add('Alt+F11', '', focus(panel, 'elementpath'));
  133. panel.on('cancel', function () {
  134. editor.focus();
  135. });
  136. };
  137. var A11y = { addKeys: addKeys };
  138. var global$6 = tinymce.util.Tools.resolve('tinymce.geom.Rect');
  139. var global$7 = tinymce.util.Tools.resolve('tinymce.util.Delay');
  140. var noop = function () {
  141. };
  142. var constant = function (value) {
  143. return function () {
  144. return value;
  145. };
  146. };
  147. var never = constant(false);
  148. var always = constant(true);
  149. var never$1 = never;
  150. var always$1 = always;
  151. var none = function () {
  152. return NONE;
  153. };
  154. var NONE = function () {
  155. var eq = function (o) {
  156. return o.isNone();
  157. };
  158. var call = function (thunk) {
  159. return thunk();
  160. };
  161. var id = function (n) {
  162. return n;
  163. };
  164. var noop = function () {
  165. };
  166. var nul = function () {
  167. return null;
  168. };
  169. var undef = function () {
  170. return undefined;
  171. };
  172. var me = {
  173. fold: function (n, s) {
  174. return n();
  175. },
  176. is: never$1,
  177. isSome: never$1,
  178. isNone: always$1,
  179. getOr: id,
  180. getOrThunk: call,
  181. getOrDie: function (msg) {
  182. throw new Error(msg || 'error: getOrDie called on none.');
  183. },
  184. getOrNull: nul,
  185. getOrUndefined: undef,
  186. or: id,
  187. orThunk: call,
  188. map: none,
  189. ap: none,
  190. each: noop,
  191. bind: none,
  192. flatten: none,
  193. exists: never$1,
  194. forall: always$1,
  195. filter: none,
  196. equals: eq,
  197. equals_: eq,
  198. toArray: function () {
  199. return [];
  200. },
  201. toString: constant('none()')
  202. };
  203. if (Object.freeze) {
  204. Object.freeze(me);
  205. }
  206. return me;
  207. }();
  208. var some = function (a) {
  209. var constant_a = function () {
  210. return a;
  211. };
  212. var self = function () {
  213. return me;
  214. };
  215. var map = function (f) {
  216. return some(f(a));
  217. };
  218. var bind = function (f) {
  219. return f(a);
  220. };
  221. var me = {
  222. fold: function (n, s) {
  223. return s(a);
  224. },
  225. is: function (v) {
  226. return a === v;
  227. },
  228. isSome: always$1,
  229. isNone: never$1,
  230. getOr: constant_a,
  231. getOrThunk: constant_a,
  232. getOrDie: constant_a,
  233. getOrNull: constant_a,
  234. getOrUndefined: constant_a,
  235. or: self,
  236. orThunk: self,
  237. map: map,
  238. ap: function (optfab) {
  239. return optfab.fold(none, function (fab) {
  240. return some(fab(a));
  241. });
  242. },
  243. each: function (f) {
  244. f(a);
  245. },
  246. bind: bind,
  247. flatten: constant_a,
  248. exists: bind,
  249. forall: bind,
  250. filter: function (f) {
  251. return f(a) ? me : NONE;
  252. },
  253. equals: function (o) {
  254. return o.is(a);
  255. },
  256. equals_: function (o, elementEq) {
  257. return o.fold(never$1, function (b) {
  258. return elementEq(a, b);
  259. });
  260. },
  261. toArray: function () {
  262. return [a];
  263. },
  264. toString: function () {
  265. return 'some(' + a + ')';
  266. }
  267. };
  268. return me;
  269. };
  270. var from = function (value) {
  271. return value === null || value === undefined ? NONE : some(value);
  272. };
  273. var Option = {
  274. some: some,
  275. none: none,
  276. from: from
  277. };
  278. var getUiContainerDelta = function (ctrl) {
  279. var uiContainer = getUiContainer(ctrl);
  280. if (uiContainer && global$3.DOM.getStyle(uiContainer, 'position', true) !== 'static') {
  281. var containerPos = global$3.DOM.getPos(uiContainer);
  282. var dx = uiContainer.scrollLeft - containerPos.x;
  283. var dy = uiContainer.scrollTop - containerPos.y;
  284. return Option.some({
  285. x: dx,
  286. y: dy
  287. });
  288. } else {
  289. return Option.none();
  290. }
  291. };
  292. var setUiContainer = function (editor, ctrl) {
  293. var uiContainer = global$3.DOM.select(editor.settings.ui_container)[0];
  294. ctrl.getRoot().uiContainer = uiContainer;
  295. };
  296. var getUiContainer = function (ctrl) {
  297. return ctrl ? ctrl.getRoot().uiContainer : null;
  298. };
  299. var inheritUiContainer = function (fromCtrl, toCtrl) {
  300. return toCtrl.uiContainer = getUiContainer(fromCtrl);
  301. };
  302. var UiContainer = {
  303. getUiContainerDelta: getUiContainerDelta,
  304. setUiContainer: setUiContainer,
  305. getUiContainer: getUiContainer,
  306. inheritUiContainer: inheritUiContainer
  307. };
  308. var createToolbar = function (editor, items, size) {
  309. var toolbarItems = [];
  310. var buttonGroup;
  311. if (!items) {
  312. return;
  313. }
  314. global$2.each(items.split(/[ ,]/), function (item) {
  315. var itemName;
  316. var bindSelectorChanged = function () {
  317. var selection = editor.selection;
  318. if (item.settings.stateSelector) {
  319. selection.selectorChanged(item.settings.stateSelector, function (state) {
  320. item.active(state);
  321. }, true);
  322. }
  323. if (item.settings.disabledStateSelector) {
  324. selection.selectorChanged(item.settings.disabledStateSelector, function (state) {
  325. item.disabled(state);
  326. });
  327. }
  328. };
  329. if (item === '|') {
  330. buttonGroup = null;
  331. } else {
  332. if (!buttonGroup) {
  333. buttonGroup = {
  334. type: 'buttongroup',
  335. items: []
  336. };
  337. toolbarItems.push(buttonGroup);
  338. }
  339. if (editor.buttons[item]) {
  340. itemName = item;
  341. item = editor.buttons[itemName];
  342. if (typeof item === 'function') {
  343. item = item();
  344. }
  345. item.type = item.type || 'button';
  346. item.size = size;
  347. item = global$4.create(item);
  348. buttonGroup.items.push(item);
  349. if (editor.initialized) {
  350. bindSelectorChanged();
  351. } else {
  352. editor.on('init', bindSelectorChanged);
  353. }
  354. }
  355. }
  356. });
  357. return {
  358. type: 'toolbar',
  359. layout: 'flow',
  360. items: toolbarItems
  361. };
  362. };
  363. var createToolbars = function (editor, size) {
  364. var toolbars = [];
  365. var addToolbar = function (items) {
  366. if (items) {
  367. toolbars.push(createToolbar(editor, items, size));
  368. }
  369. };
  370. global$2.each(getToolbars(editor), function (toolbar) {
  371. addToolbar(toolbar);
  372. });
  373. if (toolbars.length) {
  374. return {
  375. type: 'panel',
  376. layout: 'stack',
  377. classes: 'toolbar-grp',
  378. ariaRoot: true,
  379. ariaRemember: true,
  380. items: toolbars
  381. };
  382. }
  383. };
  384. var Toolbar = {
  385. createToolbar: createToolbar,
  386. createToolbars: createToolbars
  387. };
  388. var DOM = global$3.DOM;
  389. var toClientRect = function (geomRect) {
  390. return {
  391. left: geomRect.x,
  392. top: geomRect.y,
  393. width: geomRect.w,
  394. height: geomRect.h,
  395. right: geomRect.x + geomRect.w,
  396. bottom: geomRect.y + geomRect.h
  397. };
  398. };
  399. var hideAllFloatingPanels = function (editor) {
  400. global$2.each(editor.contextToolbars, function (toolbar) {
  401. if (toolbar.panel) {
  402. toolbar.panel.hide();
  403. }
  404. });
  405. };
  406. var movePanelTo = function (panel, pos) {
  407. panel.moveTo(pos.left, pos.top);
  408. };
  409. var togglePositionClass = function (panel, relPos, predicate) {
  410. relPos = relPos ? relPos.substr(0, 2) : '';
  411. global$2.each({
  412. t: 'down',
  413. b: 'up'
  414. }, function (cls, pos) {
  415. panel.classes.toggle('arrow-' + cls, predicate(pos, relPos.substr(0, 1)));
  416. });
  417. global$2.each({
  418. l: 'left',
  419. r: 'right'
  420. }, function (cls, pos) {
  421. panel.classes.toggle('arrow-' + cls, predicate(pos, relPos.substr(1, 1)));
  422. });
  423. };
  424. var userConstrain = function (handler, x, y, elementRect, contentAreaRect, panelRect) {
  425. panelRect = toClientRect({
  426. x: x,
  427. y: y,
  428. w: panelRect.w,
  429. h: panelRect.h
  430. });
  431. if (handler) {
  432. panelRect = handler({
  433. elementRect: toClientRect(elementRect),
  434. contentAreaRect: toClientRect(contentAreaRect),
  435. panelRect: panelRect
  436. });
  437. }
  438. return panelRect;
  439. };
  440. var addContextualToolbars = function (editor) {
  441. var scrollContainer;
  442. var getContextToolbars = function () {
  443. return editor.contextToolbars || [];
  444. };
  445. var getElementRect = function (elm) {
  446. var pos, targetRect, root;
  447. pos = DOM.getPos(editor.getContentAreaContainer());
  448. targetRect = editor.dom.getRect(elm);
  449. root = editor.dom.getRoot();
  450. if (root.nodeName === 'BODY') {
  451. targetRect.x -= root.ownerDocument.documentElement.scrollLeft || root.scrollLeft;
  452. targetRect.y -= root.ownerDocument.documentElement.scrollTop || root.scrollTop;
  453. }
  454. targetRect.x += pos.x;
  455. targetRect.y += pos.y;
  456. return targetRect;
  457. };
  458. var reposition = function (match, shouldShow) {
  459. var relPos, panelRect, elementRect, contentAreaRect, panel, relRect, testPositions, smallElementWidthThreshold;
  460. var handler = getInlineToolbarPositionHandler(editor);
  461. if (editor.removed) {
  462. return;
  463. }
  464. if (!match || !match.toolbar.panel) {
  465. hideAllFloatingPanels(editor);
  466. return;
  467. }
  468. testPositions = [
  469. 'bc-tc',
  470. 'tc-bc',
  471. 'tl-bl',
  472. 'bl-tl',
  473. 'tr-br',
  474. 'br-tr'
  475. ];
  476. panel = match.toolbar.panel;
  477. if (shouldShow) {
  478. panel.show();
  479. }
  480. elementRect = getElementRect(match.element);
  481. panelRect = DOM.getRect(panel.getEl());
  482. contentAreaRect = DOM.getRect(editor.getContentAreaContainer() || editor.getBody());
  483. var delta = UiContainer.getUiContainerDelta(panel).getOr({
  484. x: 0,
  485. y: 0
  486. });
  487. elementRect.x += delta.x;
  488. elementRect.y += delta.y;
  489. panelRect.x += delta.x;
  490. panelRect.y += delta.y;
  491. contentAreaRect.x += delta.x;
  492. contentAreaRect.y += delta.y;
  493. smallElementWidthThreshold = 25;
  494. if (DOM.getStyle(match.element, 'display', true) !== 'inline') {
  495. var clientRect = match.element.getBoundingClientRect();
  496. elementRect.w = clientRect.width;
  497. elementRect.h = clientRect.height;
  498. }
  499. if (!editor.inline) {
  500. contentAreaRect.w = editor.getDoc().documentElement.offsetWidth;
  501. }
  502. if (editor.selection.controlSelection.isResizable(match.element) && elementRect.w < smallElementWidthThreshold) {
  503. elementRect = global$6.inflate(elementRect, 0, 8);
  504. }
  505. relPos = global$6.findBestRelativePosition(panelRect, elementRect, contentAreaRect, testPositions);
  506. elementRect = global$6.clamp(elementRect, contentAreaRect);
  507. if (relPos) {
  508. relRect = global$6.relativePosition(panelRect, elementRect, relPos);
  509. movePanelTo(panel, userConstrain(handler, relRect.x, relRect.y, elementRect, contentAreaRect, panelRect));
  510. } else {
  511. contentAreaRect.h += panelRect.h;
  512. elementRect = global$6.intersect(contentAreaRect, elementRect);
  513. if (elementRect) {
  514. relPos = global$6.findBestRelativePosition(panelRect, elementRect, contentAreaRect, [
  515. 'bc-tc',
  516. 'bl-tl',
  517. 'br-tr'
  518. ]);
  519. if (relPos) {
  520. relRect = global$6.relativePosition(panelRect, elementRect, relPos);
  521. movePanelTo(panel, userConstrain(handler, relRect.x, relRect.y, elementRect, contentAreaRect, panelRect));
  522. } else {
  523. movePanelTo(panel, userConstrain(handler, elementRect.x, elementRect.y, elementRect, contentAreaRect, panelRect));
  524. }
  525. } else {
  526. panel.hide();
  527. }
  528. }
  529. togglePositionClass(panel, relPos, function (pos1, pos2) {
  530. return pos1 === pos2;
  531. });
  532. };
  533. var repositionHandler = function (show) {
  534. return function () {
  535. var execute = function () {
  536. if (editor.selection) {
  537. reposition(findFrontMostMatch(editor.selection.getNode()), show);
  538. }
  539. };
  540. global$7.requestAnimationFrame(execute);
  541. };
  542. };
  543. var bindScrollEvent = function (panel) {
  544. if (!scrollContainer) {
  545. var reposition_1 = repositionHandler(true);
  546. var uiContainer_1 = UiContainer.getUiContainer(panel);
  547. scrollContainer = editor.selection.getScrollContainer() || editor.getWin();
  548. DOM.bind(scrollContainer, 'scroll', reposition_1);
  549. DOM.bind(uiContainer_1, 'scroll', reposition_1);
  550. editor.on('remove', function () {
  551. DOM.unbind(scrollContainer, 'scroll', reposition_1);
  552. DOM.unbind(uiContainer_1, 'scroll', reposition_1);
  553. });
  554. }
  555. };
  556. var showContextToolbar = function (match) {
  557. var panel;
  558. if (match.toolbar.panel) {
  559. match.toolbar.panel.show();
  560. reposition(match);
  561. return;
  562. }
  563. panel = global$4.create({
  564. type: 'floatpanel',
  565. role: 'dialog',
  566. classes: 'tinymce tinymce-inline arrow',
  567. ariaLabel: 'Inline toolbar',
  568. layout: 'flex',
  569. direction: 'column',
  570. align: 'stretch',
  571. autohide: false,
  572. autofix: true,
  573. fixed: true,
  574. border: 1,
  575. items: Toolbar.createToolbar(editor, match.toolbar.items),
  576. oncancel: function () {
  577. editor.focus();
  578. }
  579. });
  580. UiContainer.setUiContainer(editor, panel);
  581. bindScrollEvent(panel);
  582. match.toolbar.panel = panel;
  583. panel.renderTo().reflow();
  584. reposition(match);
  585. };
  586. var hideAllContextToolbars = function () {
  587. global$2.each(getContextToolbars(), function (toolbar) {
  588. if (toolbar.panel) {
  589. toolbar.panel.hide();
  590. }
  591. });
  592. };
  593. var findFrontMostMatch = function (targetElm) {
  594. var i, y, parentsAndSelf;
  595. var toolbars = getContextToolbars();
  596. parentsAndSelf = editor.$(targetElm).parents().add(targetElm);
  597. for (i = parentsAndSelf.length - 1; i >= 0; i--) {
  598. for (y = toolbars.length - 1; y >= 0; y--) {
  599. if (toolbars[y].predicate(parentsAndSelf[i])) {
  600. return {
  601. toolbar: toolbars[y],
  602. element: parentsAndSelf[i]
  603. };
  604. }
  605. }
  606. }
  607. return null;
  608. };
  609. editor.on('click keyup setContent ObjectResized', function (e) {
  610. if (e.type === 'setcontent' && !e.selection) {
  611. return;
  612. }
  613. global$7.setEditorTimeout(editor, function () {
  614. var match;
  615. match = findFrontMostMatch(editor.selection.getNode());
  616. if (match) {
  617. hideAllContextToolbars();
  618. showContextToolbar(match);
  619. } else {
  620. hideAllContextToolbars();
  621. }
  622. });
  623. });
  624. editor.on('blur hide contextmenu', hideAllContextToolbars);
  625. editor.on('ObjectResizeStart', function () {
  626. var match = findFrontMostMatch(editor.selection.getNode());
  627. if (match && match.toolbar.panel) {
  628. match.toolbar.panel.hide();
  629. }
  630. });
  631. editor.on('ResizeEditor ResizeWindow', repositionHandler(true));
  632. editor.on('nodeChange', repositionHandler(false));
  633. editor.on('remove', function () {
  634. global$2.each(getContextToolbars(), function (toolbar) {
  635. if (toolbar.panel) {
  636. toolbar.panel.remove();
  637. }
  638. });
  639. editor.contextToolbars = {};
  640. });
  641. editor.shortcuts.add('ctrl+F9', '', function () {
  642. var match = findFrontMostMatch(editor.selection.getNode());
  643. if (match && match.toolbar.panel) {
  644. match.toolbar.panel.items()[0].focus();
  645. }
  646. });
  647. };
  648. var ContextToolbars = { addContextualToolbars: addContextualToolbars };
  649. var typeOf = function (x) {
  650. if (x === null) {
  651. return 'null';
  652. }
  653. var t = typeof x;
  654. if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
  655. return 'array';
  656. }
  657. if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
  658. return 'string';
  659. }
  660. return t;
  661. };
  662. var isType = function (type) {
  663. return function (value) {
  664. return typeOf(value) === type;
  665. };
  666. };
  667. var isArray = isType('array');
  668. var isFunction = isType('function');
  669. var isNumber = isType('number');
  670. var slice = Array.prototype.slice;
  671. var rawIndexOf = function () {
  672. var pIndexOf = Array.prototype.indexOf;
  673. var fastIndex = function (xs, x) {
  674. return pIndexOf.call(xs, x);
  675. };
  676. var slowIndex = function (xs, x) {
  677. return slowIndexOf(xs, x);
  678. };
  679. return pIndexOf === undefined ? slowIndex : fastIndex;
  680. }();
  681. var indexOf = function (xs, x) {
  682. var r = rawIndexOf(xs, x);
  683. return r === -1 ? Option.none() : Option.some(r);
  684. };
  685. var exists = function (xs, pred) {
  686. return findIndex(xs, pred).isSome();
  687. };
  688. var map = function (xs, f) {
  689. var len = xs.length;
  690. var r = new Array(len);
  691. for (var i = 0; i < len; i++) {
  692. var x = xs[i];
  693. r[i] = f(x, i, xs);
  694. }
  695. return r;
  696. };
  697. var each = function (xs, f) {
  698. for (var i = 0, len = xs.length; i < len; i++) {
  699. var x = xs[i];
  700. f(x, i, xs);
  701. }
  702. };
  703. var filter = function (xs, pred) {
  704. var r = [];
  705. for (var i = 0, len = xs.length; i < len; i++) {
  706. var x = xs[i];
  707. if (pred(x, i, xs)) {
  708. r.push(x);
  709. }
  710. }
  711. return r;
  712. };
  713. var foldl = function (xs, f, acc) {
  714. each(xs, function (x) {
  715. acc = f(acc, x);
  716. });
  717. return acc;
  718. };
  719. var find = function (xs, pred) {
  720. for (var i = 0, len = xs.length; i < len; i++) {
  721. var x = xs[i];
  722. if (pred(x, i, xs)) {
  723. return Option.some(x);
  724. }
  725. }
  726. return Option.none();
  727. };
  728. var findIndex = function (xs, pred) {
  729. for (var i = 0, len = xs.length; i < len; i++) {
  730. var x = xs[i];
  731. if (pred(x, i, xs)) {
  732. return Option.some(i);
  733. }
  734. }
  735. return Option.none();
  736. };
  737. var slowIndexOf = function (xs, x) {
  738. for (var i = 0, len = xs.length; i < len; ++i) {
  739. if (xs[i] === x) {
  740. return i;
  741. }
  742. }
  743. return -1;
  744. };
  745. var push = Array.prototype.push;
  746. var flatten = function (xs) {
  747. var r = [];
  748. for (var i = 0, len = xs.length; i < len; ++i) {
  749. if (!isArray(xs[i])) {
  750. throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
  751. }
  752. push.apply(r, xs[i]);
  753. }
  754. return r;
  755. };
  756. var from$1 = isFunction(Array.from) ? Array.from : function (x) {
  757. return slice.call(x);
  758. };
  759. var defaultMenus = {
  760. file: {
  761. title: 'File',
  762. items: 'newdocument restoredraft | preview | print'
  763. },
  764. edit: {
  765. title: 'Edit',
  766. items: 'undo redo | cut copy paste pastetext | selectall'
  767. },
  768. view: {
  769. title: 'View',
  770. items: 'code | visualaid visualchars visualblocks | spellchecker | preview fullscreen'
  771. },
  772. insert: {
  773. title: 'Insert',
  774. items: 'image link media template codesample inserttable | charmap hr | pagebreak nonbreaking anchor toc | insertdatetime'
  775. },
  776. format: {
  777. title: 'Format',
  778. items: 'bold italic underline strikethrough superscript subscript codeformat | blockformats align | removeformat'
  779. },
  780. tools: {
  781. title: 'Tools',
  782. items: 'spellchecker spellcheckerlanguage | a11ycheck code'
  783. },
  784. table: { title: 'Table' },
  785. help: { title: 'Help' }
  786. };
  787. var delimiterMenuNamePair = function () {
  788. return {
  789. name: '|',
  790. item: { text: '|' }
  791. };
  792. };
  793. var createMenuNameItemPair = function (name, item) {
  794. var menuItem = item ? {
  795. name: name,
  796. item: item
  797. } : null;
  798. return name === '|' ? delimiterMenuNamePair() : menuItem;
  799. };
  800. var hasItemName = function (namedMenuItems, name) {
  801. return findIndex(namedMenuItems, function (namedMenuItem) {
  802. return namedMenuItem.name === name;
  803. }).isSome();
  804. };
  805. var isSeparator = function (namedMenuItem) {
  806. return namedMenuItem && namedMenuItem.item.text === '|';
  807. };
  808. var cleanupMenu = function (namedMenuItems, removedMenuItems) {
  809. var menuItemsPass1 = filter(namedMenuItems, function (namedMenuItem) {
  810. return removedMenuItems.hasOwnProperty(namedMenuItem.name) === false;
  811. });
  812. var menuItemsPass2 = filter(menuItemsPass1, function (namedMenuItem, i, namedMenuItems) {
  813. return !isSeparator(namedMenuItem) || !isSeparator(namedMenuItems[i - 1]);
  814. });
  815. return filter(menuItemsPass2, function (namedMenuItem, i, namedMenuItems) {
  816. return !isSeparator(namedMenuItem) || i > 0 && i < namedMenuItems.length - 1;
  817. });
  818. };
  819. var createMenu = function (editorMenuItems, menus, removedMenuItems, context) {
  820. var menuButton, menu, namedMenuItems, isUserDefined;
  821. if (menus) {
  822. menu = menus[context];
  823. isUserDefined = true;
  824. } else {
  825. menu = defaultMenus[context];
  826. }
  827. if (menu) {
  828. menuButton = { text: menu.title };
  829. namedMenuItems = [];
  830. global$2.each((menu.items || '').split(/[ ,]/), function (name) {
  831. var namedMenuItem = createMenuNameItemPair(name, editorMenuItems[name]);
  832. if (namedMenuItem) {
  833. namedMenuItems.push(namedMenuItem);
  834. }
  835. });
  836. if (!isUserDefined) {
  837. global$2.each(editorMenuItems, function (item, name) {
  838. if (item.context === context && !hasItemName(namedMenuItems, name)) {
  839. if (item.separator === 'before') {
  840. namedMenuItems.push(delimiterMenuNamePair());
  841. }
  842. if (item.prependToContext) {
  843. namedMenuItems.unshift(createMenuNameItemPair(name, item));
  844. } else {
  845. namedMenuItems.push(createMenuNameItemPair(name, item));
  846. }
  847. if (item.separator === 'after') {
  848. namedMenuItems.push(delimiterMenuNamePair());
  849. }
  850. }
  851. });
  852. }
  853. menuButton.menu = map(cleanupMenu(namedMenuItems, removedMenuItems), function (menuItem) {
  854. return menuItem.item;
  855. });
  856. if (!menuButton.menu.length) {
  857. return null;
  858. }
  859. }
  860. return menuButton;
  861. };
  862. var getDefaultMenubar = function (editor) {
  863. var name;
  864. var defaultMenuBar = [];
  865. var menu = getMenu(editor);
  866. if (menu) {
  867. for (name in menu) {
  868. defaultMenuBar.push(name);
  869. }
  870. } else {
  871. for (name in defaultMenus) {
  872. defaultMenuBar.push(name);
  873. }
  874. }
  875. return defaultMenuBar;
  876. };
  877. var createMenuButtons = function (editor) {
  878. var menuButtons = [];
  879. var defaultMenuBar = getDefaultMenubar(editor);
  880. var removedMenuItems = global$2.makeMap(getRemovedMenuItems(editor).split(/[ ,]/));
  881. var menubar = getMenubar(editor);
  882. var enabledMenuNames = typeof menubar === 'string' ? menubar.split(/[ ,]/) : defaultMenuBar;
  883. for (var i = 0; i < enabledMenuNames.length; i++) {
  884. var menuItems = enabledMenuNames[i];
  885. var menu = createMenu(editor.menuItems, getMenu(editor), removedMenuItems, menuItems);
  886. if (menu) {
  887. menuButtons.push(menu);
  888. }
  889. }
  890. return menuButtons;
  891. };
  892. var Menubar = { createMenuButtons: createMenuButtons };
  893. var DOM$1 = global$3.DOM;
  894. var getSize = function (elm) {
  895. return {
  896. width: elm.clientWidth,
  897. height: elm.clientHeight
  898. };
  899. };
  900. var resizeTo = function (editor, width, height) {
  901. var containerElm, iframeElm, containerSize, iframeSize;
  902. containerElm = editor.getContainer();
  903. iframeElm = editor.getContentAreaContainer().firstChild;
  904. containerSize = getSize(containerElm);
  905. iframeSize = getSize(iframeElm);
  906. if (width !== null) {
  907. width = Math.max(getMinWidth(editor), width);
  908. width = Math.min(getMaxWidth(editor), width);
  909. DOM$1.setStyle(containerElm, 'width', width + (containerSize.width - iframeSize.width));
  910. DOM$1.setStyle(iframeElm, 'width', width);
  911. }
  912. height = Math.max(getMinHeight(editor), height);
  913. height = Math.min(getMaxHeight(editor), height);
  914. DOM$1.setStyle(iframeElm, 'height', height);
  915. Events.fireResizeEditor(editor);
  916. };
  917. var resizeBy = function (editor, dw, dh) {
  918. var elm = editor.getContentAreaContainer();
  919. resizeTo(editor, elm.clientWidth + dw, elm.clientHeight + dh);
  920. };
  921. var Resize = {
  922. resizeTo: resizeTo,
  923. resizeBy: resizeBy
  924. };
  925. var global$8 = tinymce.util.Tools.resolve('tinymce.Env');
  926. var api = function (elm) {
  927. return {
  928. element: function () {
  929. return elm;
  930. }
  931. };
  932. };
  933. var trigger = function (sidebar, panel, callbackName) {
  934. var callback = sidebar.settings[callbackName];
  935. if (callback) {
  936. callback(api(panel.getEl('body')));
  937. }
  938. };
  939. var hidePanels = function (name, container, sidebars) {
  940. global$2.each(sidebars, function (sidebar) {
  941. var panel = container.items().filter('#' + sidebar.name)[0];
  942. if (panel && panel.visible() && sidebar.name !== name) {
  943. trigger(sidebar, panel, 'onhide');
  944. panel.visible(false);
  945. }
  946. });
  947. };
  948. var deactivateButtons = function (toolbar) {
  949. toolbar.items().each(function (ctrl) {
  950. ctrl.active(false);
  951. });
  952. };
  953. var findSidebar = function (sidebars, name) {
  954. return global$2.grep(sidebars, function (sidebar) {
  955. return sidebar.name === name;
  956. })[0];
  957. };
  958. var showPanel = function (editor, name, sidebars) {
  959. return function (e) {
  960. var btnCtrl = e.control;
  961. var container = btnCtrl.parents().filter('panel')[0];
  962. var panel = container.find('#' + name)[0];
  963. var sidebar = findSidebar(sidebars, name);
  964. hidePanels(name, container, sidebars);
  965. deactivateButtons(btnCtrl.parent());
  966. if (panel && panel.visible()) {
  967. trigger(sidebar, panel, 'onhide');
  968. panel.hide();
  969. btnCtrl.active(false);
  970. } else {
  971. if (panel) {
  972. panel.show();
  973. trigger(sidebar, panel, 'onshow');
  974. } else {
  975. panel = global$4.create({
  976. type: 'container',
  977. name: name,
  978. layout: 'stack',
  979. classes: 'sidebar-panel',
  980. html: ''
  981. });
  982. container.prepend(panel);
  983. trigger(sidebar, panel, 'onrender');
  984. trigger(sidebar, panel, 'onshow');
  985. }
  986. btnCtrl.active(true);
  987. }
  988. Events.fireResizeEditor(editor);
  989. };
  990. };
  991. var isModernBrowser = function () {
  992. return !global$8.ie || global$8.ie >= 11;
  993. };
  994. var hasSidebar = function (editor) {
  995. return isModernBrowser() && editor.sidebars ? editor.sidebars.length > 0 : false;
  996. };
  997. var createSidebar = function (editor) {
  998. var buttons = global$2.map(editor.sidebars, function (sidebar) {
  999. var settings = sidebar.settings;
  1000. return {
  1001. type: 'button',
  1002. icon: settings.icon,
  1003. image: settings.image,
  1004. tooltip: settings.tooltip,
  1005. onclick: showPanel(editor, sidebar.name, editor.sidebars)
  1006. };
  1007. });
  1008. return {
  1009. type: 'panel',
  1010. name: 'sidebar',
  1011. layout: 'stack',
  1012. classes: 'sidebar',
  1013. items: [{
  1014. type: 'toolbar',
  1015. layout: 'stack',
  1016. classes: 'sidebar-toolbar',
  1017. items: buttons
  1018. }]
  1019. };
  1020. };
  1021. var Sidebar = {
  1022. hasSidebar: hasSidebar,
  1023. createSidebar: createSidebar
  1024. };
  1025. var fireSkinLoaded$1 = function (editor) {
  1026. var done = function () {
  1027. editor._skinLoaded = true;
  1028. Events.fireSkinLoaded(editor);
  1029. };
  1030. return function () {
  1031. if (editor.initialized) {
  1032. done();
  1033. } else {
  1034. editor.on('init', done);
  1035. }
  1036. };
  1037. };
  1038. var SkinLoaded = { fireSkinLoaded: fireSkinLoaded$1 };
  1039. var DOM$2 = global$3.DOM;
  1040. var switchMode = function (panel) {
  1041. return function (e) {
  1042. panel.find('*').disabled(e.mode === 'readonly');
  1043. };
  1044. };
  1045. var editArea = function (border) {
  1046. return {
  1047. type: 'panel',
  1048. name: 'iframe',
  1049. layout: 'stack',
  1050. classes: 'edit-area',
  1051. border: border,
  1052. html: ''
  1053. };
  1054. };
  1055. var editAreaContainer = function (editor) {
  1056. return {
  1057. type: 'panel',
  1058. layout: 'stack',
  1059. classes: 'edit-aria-container',
  1060. border: '1 0 0 0',
  1061. items: [
  1062. editArea('0'),
  1063. Sidebar.createSidebar(editor)
  1064. ]
  1065. };
  1066. };
  1067. var render = function (editor, theme, args) {
  1068. var panel, resizeHandleCtrl, startSize;
  1069. if (isSkinDisabled(editor) === false && args.skinUiCss) {
  1070. DOM$2.styleSheetLoader.load(args.skinUiCss, SkinLoaded.fireSkinLoaded(editor));
  1071. } else {
  1072. SkinLoaded.fireSkinLoaded(editor)();
  1073. }
  1074. panel = theme.panel = global$4.create({
  1075. type: 'panel',
  1076. role: 'application',
  1077. classes: 'tinymce',
  1078. style: 'visibility: hidden',
  1079. layout: 'stack',
  1080. border: 1,
  1081. items: [
  1082. {
  1083. type: 'container',
  1084. classes: 'top-part',
  1085. items: [
  1086. hasMenubar(editor) === false ? null : {
  1087. type: 'menubar',
  1088. border: '0 0 1 0',
  1089. items: Menubar.createMenuButtons(editor)
  1090. },
  1091. Toolbar.createToolbars(editor, getToolbarSize(editor))
  1092. ]
  1093. },
  1094. Sidebar.hasSidebar(editor) ? editAreaContainer(editor) : editArea('1 0 0 0')
  1095. ]
  1096. });
  1097. UiContainer.setUiContainer(editor, panel);
  1098. if (getResize(editor) !== 'none') {
  1099. resizeHandleCtrl = {
  1100. type: 'resizehandle',
  1101. direction: getResize(editor),
  1102. onResizeStart: function () {
  1103. var elm = editor.getContentAreaContainer().firstChild;
  1104. startSize = {
  1105. width: elm.clientWidth,
  1106. height: elm.clientHeight
  1107. };
  1108. },
  1109. onResize: function (e) {
  1110. if (getResize(editor) === 'both') {
  1111. Resize.resizeTo(editor, startSize.width + e.deltaX, startSize.height + e.deltaY);
  1112. } else {
  1113. Resize.resizeTo(editor, null, startSize.height + e.deltaY);
  1114. }
  1115. }
  1116. };
  1117. }
  1118. if (hasStatusbar(editor)) {
  1119. var linkHtml = '<a href="https://www.tiny.cloud/?utm_campaign=editor_referral&amp;utm_medium=poweredby&amp;utm_source=tinymce" rel="noopener" target="_blank" role="presentation" tabindex="-1">Tiny</a>';
  1120. var html = global$5.translate([
  1121. 'Powered by {0}',
  1122. linkHtml
  1123. ]);
  1124. var brandingLabel = isBrandingEnabled(editor) ? {
  1125. type: 'label',
  1126. classes: 'branding',
  1127. html: ' ' + html
  1128. } : null;
  1129. panel.add({
  1130. type: 'panel',
  1131. name: 'statusbar',
  1132. classes: 'statusbar',
  1133. layout: 'flow',
  1134. border: '1 0 0 0',
  1135. ariaRoot: true,
  1136. items: [
  1137. {
  1138. type: 'elementpath',
  1139. editor: editor
  1140. },
  1141. resizeHandleCtrl,
  1142. brandingLabel
  1143. ]
  1144. });
  1145. }
  1146. Events.fireBeforeRenderUI(editor);
  1147. editor.on('SwitchMode', switchMode(panel));
  1148. panel.renderBefore(args.targetNode).reflow();
  1149. if (isReadOnly(editor)) {
  1150. editor.setMode('readonly');
  1151. }
  1152. if (args.width) {
  1153. DOM$2.setStyle(panel.getEl(), 'width', args.width);
  1154. }
  1155. editor.on('remove', function () {
  1156. panel.remove();
  1157. panel = null;
  1158. });
  1159. A11y.addKeys(editor, panel);
  1160. ContextToolbars.addContextualToolbars(editor);
  1161. return {
  1162. iframeContainer: panel.find('#iframe')[0].getEl(),
  1163. editorContainer: panel.getEl()
  1164. };
  1165. };
  1166. var Iframe = { render: render };
  1167. var global$9 = tinymce.util.Tools.resolve('tinymce.dom.DomQuery');
  1168. var count = 0;
  1169. var funcs = {
  1170. id: function () {
  1171. return 'mceu_' + count++;
  1172. },
  1173. create: function (name, attrs, children) {
  1174. var elm = domGlobals.document.createElement(name);
  1175. global$3.DOM.setAttribs(elm, attrs);
  1176. if (typeof children === 'string') {
  1177. elm.innerHTML = children;
  1178. } else {
  1179. global$2.each(children, function (child) {
  1180. if (child.nodeType) {
  1181. elm.appendChild(child);
  1182. }
  1183. });
  1184. }
  1185. return elm;
  1186. },
  1187. createFragment: function (html) {
  1188. return global$3.DOM.createFragment(html);
  1189. },
  1190. getWindowSize: function () {
  1191. return global$3.DOM.getViewPort();
  1192. },
  1193. getSize: function (elm) {
  1194. var width, height;
  1195. if (elm.getBoundingClientRect) {
  1196. var rect = elm.getBoundingClientRect();
  1197. width = Math.max(rect.width || rect.right - rect.left, elm.offsetWidth);
  1198. height = Math.max(rect.height || rect.bottom - rect.bottom, elm.offsetHeight);
  1199. } else {
  1200. width = elm.offsetWidth;
  1201. height = elm.offsetHeight;
  1202. }
  1203. return {
  1204. width: width,
  1205. height: height
  1206. };
  1207. },
  1208. getPos: function (elm, root) {
  1209. return global$3.DOM.getPos(elm, root || funcs.getContainer());
  1210. },
  1211. getContainer: function () {
  1212. return global$8.container ? global$8.container : domGlobals.document.body;
  1213. },
  1214. getViewPort: function (win) {
  1215. return global$3.DOM.getViewPort(win);
  1216. },
  1217. get: function (id) {
  1218. return domGlobals.document.getElementById(id);
  1219. },
  1220. addClass: function (elm, cls) {
  1221. return global$3.DOM.addClass(elm, cls);
  1222. },
  1223. removeClass: function (elm, cls) {
  1224. return global$3.DOM.removeClass(elm, cls);
  1225. },
  1226. hasClass: function (elm, cls) {
  1227. return global$3.DOM.hasClass(elm, cls);
  1228. },
  1229. toggleClass: function (elm, cls, state) {
  1230. return global$3.DOM.toggleClass(elm, cls, state);
  1231. },
  1232. css: function (elm, name, value) {
  1233. return global$3.DOM.setStyle(elm, name, value);
  1234. },
  1235. getRuntimeStyle: function (elm, name) {
  1236. return global$3.DOM.getStyle(elm, name, true);
  1237. },
  1238. on: function (target, name, callback, scope) {
  1239. return global$3.DOM.bind(target, name, callback, scope);
  1240. },
  1241. off: function (target, name, callback) {
  1242. return global$3.DOM.unbind(target, name, callback);
  1243. },
  1244. fire: function (target, name, args) {
  1245. return global$3.DOM.fire(target, name, args);
  1246. },
  1247. innerHtml: function (elm, html) {
  1248. global$3.DOM.setHTML(elm, html);
  1249. }
  1250. };
  1251. var isStatic = function (elm) {
  1252. return funcs.getRuntimeStyle(elm, 'position') === 'static';
  1253. };
  1254. var isFixed = function (ctrl) {
  1255. return ctrl.state.get('fixed');
  1256. };
  1257. function calculateRelativePosition(ctrl, targetElm, rel) {
  1258. var ctrlElm, pos, x, y, selfW, selfH, targetW, targetH, viewport, size;
  1259. viewport = getWindowViewPort();
  1260. pos = funcs.getPos(targetElm, UiContainer.getUiContainer(ctrl));
  1261. x = pos.x;
  1262. y = pos.y;
  1263. if (isFixed(ctrl) && isStatic(domGlobals.document.body)) {
  1264. x -= viewport.x;
  1265. y -= viewport.y;
  1266. }
  1267. ctrlElm = ctrl.getEl();
  1268. size = funcs.getSize(ctrlElm);
  1269. selfW = size.width;
  1270. selfH = size.height;
  1271. size = funcs.getSize(targetElm);
  1272. targetW = size.width;
  1273. targetH = size.height;
  1274. rel = (rel || '').split('');
  1275. if (rel[0] === 'b') {
  1276. y += targetH;
  1277. }
  1278. if (rel[1] === 'r') {
  1279. x += targetW;
  1280. }
  1281. if (rel[0] === 'c') {
  1282. y += Math.round(targetH / 2);
  1283. }
  1284. if (rel[1] === 'c') {
  1285. x += Math.round(targetW / 2);
  1286. }
  1287. if (rel[3] === 'b') {
  1288. y -= selfH;
  1289. }
  1290. if (rel[4] === 'r') {
  1291. x -= selfW;
  1292. }
  1293. if (rel[3] === 'c') {
  1294. y -= Math.round(selfH / 2);
  1295. }
  1296. if (rel[4] === 'c') {
  1297. x -= Math.round(selfW / 2);
  1298. }
  1299. return {
  1300. x: x,
  1301. y: y,
  1302. w: selfW,
  1303. h: selfH
  1304. };
  1305. }
  1306. var getUiContainerViewPort = function (customUiContainer) {
  1307. return {
  1308. x: 0,
  1309. y: 0,
  1310. w: customUiContainer.scrollWidth - 1,
  1311. h: customUiContainer.scrollHeight - 1
  1312. };
  1313. };
  1314. var getWindowViewPort = function () {
  1315. var win = domGlobals.window;
  1316. var x = Math.max(win.pageXOffset, domGlobals.document.body.scrollLeft, domGlobals.document.documentElement.scrollLeft);
  1317. var y = Math.max(win.pageYOffset, domGlobals.document.body.scrollTop, domGlobals.document.documentElement.scrollTop);
  1318. var w = win.innerWidth || domGlobals.document.documentElement.clientWidth;
  1319. var h = win.innerHeight || domGlobals.document.documentElement.clientHeight;
  1320. return {
  1321. x: x,
  1322. y: y,
  1323. w: w,
  1324. h: h
  1325. };
  1326. };
  1327. var getViewPortRect = function (ctrl) {
  1328. var customUiContainer = UiContainer.getUiContainer(ctrl);
  1329. return customUiContainer && !isFixed(ctrl) ? getUiContainerViewPort(customUiContainer) : getWindowViewPort();
  1330. };
  1331. var Movable = {
  1332. testMoveRel: function (elm, rels) {
  1333. var viewPortRect = getViewPortRect(this);
  1334. for (var i = 0; i < rels.length; i++) {
  1335. var pos = calculateRelativePosition(this, elm, rels[i]);
  1336. if (isFixed(this)) {
  1337. if (pos.x > 0 && pos.x + pos.w < viewPortRect.w && pos.y > 0 && pos.y + pos.h < viewPortRect.h) {
  1338. return rels[i];
  1339. }
  1340. } else {
  1341. if (pos.x > viewPortRect.x && pos.x + pos.w < viewPortRect.w + viewPortRect.x && pos.y > viewPortRect.y && pos.y + pos.h < viewPortRect.h + viewPortRect.y) {
  1342. return rels[i];
  1343. }
  1344. }
  1345. }
  1346. return rels[0];
  1347. },
  1348. moveRel: function (elm, rel) {
  1349. if (typeof rel !== 'string') {
  1350. rel = this.testMoveRel(elm, rel);
  1351. }
  1352. var pos = calculateRelativePosition(this, elm, rel);
  1353. return this.moveTo(pos.x, pos.y);
  1354. },
  1355. moveBy: function (dx, dy) {
  1356. var self = this, rect = self.layoutRect();
  1357. self.moveTo(rect.x + dx, rect.y + dy);
  1358. return self;
  1359. },
  1360. moveTo: function (x, y) {
  1361. var self = this;
  1362. function constrain(value, max, size) {
  1363. if (value < 0) {
  1364. return 0;
  1365. }
  1366. if (value + size > max) {
  1367. value = max - size;
  1368. return value < 0 ? 0 : value;
  1369. }
  1370. return value;
  1371. }
  1372. if (self.settings.constrainToViewport) {
  1373. var viewPortRect = getViewPortRect(this);
  1374. var layoutRect = self.layoutRect();
  1375. x = constrain(x, viewPortRect.w + viewPortRect.x, layoutRect.w);
  1376. y = constrain(y, viewPortRect.h + viewPortRect.y, layoutRect.h);
  1377. }
  1378. var uiContainer = UiContainer.getUiContainer(self);
  1379. if (uiContainer && isStatic(uiContainer) && !isFixed(self)) {
  1380. x -= uiContainer.scrollLeft;
  1381. y -= uiContainer.scrollTop;
  1382. }
  1383. if (uiContainer) {
  1384. x += 1;
  1385. y += 1;
  1386. }
  1387. if (self.state.get('rendered')) {
  1388. self.layoutRect({
  1389. x: x,
  1390. y: y
  1391. }).repaint();
  1392. } else {
  1393. self.settings.x = x;
  1394. self.settings.y = y;
  1395. }
  1396. self.fire('move', {
  1397. x: x,
  1398. y: y
  1399. });
  1400. return self;
  1401. }
  1402. };
  1403. var global$a = tinymce.util.Tools.resolve('tinymce.util.Class');
  1404. var global$b = tinymce.util.Tools.resolve('tinymce.util.EventDispatcher');
  1405. var BoxUtils = {
  1406. parseBox: function (value) {
  1407. var len;
  1408. var radix = 10;
  1409. if (!value) {
  1410. return;
  1411. }
  1412. if (typeof value === 'number') {
  1413. value = value || 0;
  1414. return {
  1415. top: value,
  1416. left: value,
  1417. bottom: value,
  1418. right: value
  1419. };
  1420. }
  1421. value = value.split(' ');
  1422. len = value.length;
  1423. if (len === 1) {
  1424. value[1] = value[2] = value[3] = value[0];
  1425. } else if (len === 2) {
  1426. value[2] = value[0];
  1427. value[3] = value[1];
  1428. } else if (len === 3) {
  1429. value[3] = value[1];
  1430. }
  1431. return {
  1432. top: parseInt(value[0], radix) || 0,
  1433. right: parseInt(value[1], radix) || 0,
  1434. bottom: parseInt(value[2], radix) || 0,
  1435. left: parseInt(value[3], radix) || 0
  1436. };
  1437. },
  1438. measureBox: function (elm, prefix) {
  1439. function getStyle(name) {
  1440. var defaultView = elm.ownerDocument.defaultView;
  1441. if (defaultView) {
  1442. var computedStyle = defaultView.getComputedStyle(elm, null);
  1443. if (computedStyle) {
  1444. name = name.replace(/[A-Z]/g, function (a) {
  1445. return '-' + a;
  1446. });
  1447. return computedStyle.getPropertyValue(name);
  1448. } else {
  1449. return null;
  1450. }
  1451. }
  1452. return elm.currentStyle[name];
  1453. }
  1454. function getSide(name) {
  1455. var val = parseFloat(getStyle(name));
  1456. return isNaN(val) ? 0 : val;
  1457. }
  1458. return {
  1459. top: getSide(prefix + 'TopWidth'),
  1460. right: getSide(prefix + 'RightWidth'),
  1461. bottom: getSide(prefix + 'BottomWidth'),
  1462. left: getSide(prefix + 'LeftWidth')
  1463. };
  1464. }
  1465. };
  1466. function noop$1() {
  1467. }
  1468. function ClassList(onchange) {
  1469. this.cls = [];
  1470. this.cls._map = {};
  1471. this.onchange = onchange || noop$1;
  1472. this.prefix = '';
  1473. }
  1474. global$2.extend(ClassList.prototype, {
  1475. add: function (cls) {
  1476. if (cls && !this.contains(cls)) {
  1477. this.cls._map[cls] = true;
  1478. this.cls.push(cls);
  1479. this._change();
  1480. }
  1481. return this;
  1482. },
  1483. remove: function (cls) {
  1484. if (this.contains(cls)) {
  1485. var i = void 0;
  1486. for (i = 0; i < this.cls.length; i++) {
  1487. if (this.cls[i] === cls) {
  1488. break;
  1489. }
  1490. }
  1491. this.cls.splice(i, 1);
  1492. delete this.cls._map[cls];
  1493. this._change();
  1494. }
  1495. return this;
  1496. },
  1497. toggle: function (cls, state) {
  1498. var curState = this.contains(cls);
  1499. if (curState !== state) {
  1500. if (curState) {
  1501. this.remove(cls);
  1502. } else {
  1503. this.add(cls);
  1504. }
  1505. this._change();
  1506. }
  1507. return this;
  1508. },
  1509. contains: function (cls) {
  1510. return !!this.cls._map[cls];
  1511. },
  1512. _change: function () {
  1513. delete this.clsValue;
  1514. this.onchange.call(this);
  1515. }
  1516. });
  1517. ClassList.prototype.toString = function () {
  1518. var value;
  1519. if (this.clsValue) {
  1520. return this.clsValue;
  1521. }
  1522. value = '';
  1523. for (var i = 0; i < this.cls.length; i++) {
  1524. if (i > 0) {
  1525. value += ' ';
  1526. }
  1527. value += this.prefix + this.cls[i];
  1528. }
  1529. return value;
  1530. };
  1531. function unique(array) {
  1532. var uniqueItems = [];
  1533. var i = array.length, item;
  1534. while (i--) {
  1535. item = array[i];
  1536. if (!item.__checked) {
  1537. uniqueItems.push(item);
  1538. item.__checked = 1;
  1539. }
  1540. }
  1541. i = uniqueItems.length;
  1542. while (i--) {
  1543. delete uniqueItems[i].__checked;
  1544. }
  1545. return uniqueItems;
  1546. }
  1547. var expression = /^([\w\\*]+)?(?:#([\w\-\\]+))?(?:\.([\w\\\.]+))?(?:\[\@?([\w\\]+)([\^\$\*!~]?=)([\w\\]+)\])?(?:\:(.+))?/i;
  1548. var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g;
  1549. var whiteSpace = /^\s*|\s*$/g;
  1550. var Collection;
  1551. var Selector = global$a.extend({
  1552. init: function (selector) {
  1553. var match = this.match;
  1554. function compileNameFilter(name) {
  1555. if (name) {
  1556. name = name.toLowerCase();
  1557. return function (item) {
  1558. return name === '*' || item.type === name;
  1559. };
  1560. }
  1561. }
  1562. function compileIdFilter(id) {
  1563. if (id) {
  1564. return function (item) {
  1565. return item._name === id;
  1566. };
  1567. }
  1568. }
  1569. function compileClassesFilter(classes) {
  1570. if (classes) {
  1571. classes = classes.split('.');
  1572. return function (item) {
  1573. var i = classes.length;
  1574. while (i--) {
  1575. if (!item.classes.contains(classes[i])) {
  1576. return false;
  1577. }
  1578. }
  1579. return true;
  1580. };
  1581. }
  1582. }
  1583. function compileAttrFilter(name, cmp, check) {
  1584. if (name) {
  1585. return function (item) {
  1586. var value = item[name] ? item[name]() : '';
  1587. return !cmp ? !!check : cmp === '=' ? value === check : cmp === '*=' ? value.indexOf(check) >= 0 : cmp === '~=' ? (' ' + value + ' ').indexOf(' ' + check + ' ') >= 0 : cmp === '!=' ? value !== check : cmp === '^=' ? value.indexOf(check) === 0 : cmp === '$=' ? value.substr(value.length - check.length) === check : false;
  1588. };
  1589. }
  1590. }
  1591. function compilePsuedoFilter(name) {
  1592. var notSelectors;
  1593. if (name) {
  1594. name = /(?:not\((.+)\))|(.+)/i.exec(name);
  1595. if (!name[1]) {
  1596. name = name[2];
  1597. return function (item, index, length) {
  1598. return name === 'first' ? index === 0 : name === 'last' ? index === length - 1 : name === 'even' ? index % 2 === 0 : name === 'odd' ? index % 2 === 1 : item[name] ? item[name]() : false;
  1599. };
  1600. }
  1601. notSelectors = parseChunks(name[1], []);
  1602. return function (item) {
  1603. return !match(item, notSelectors);
  1604. };
  1605. }
  1606. }
  1607. function compile(selector, filters, direct) {
  1608. var parts;
  1609. function add(filter) {
  1610. if (filter) {
  1611. filters.push(filter);
  1612. }
  1613. }
  1614. parts = expression.exec(selector.replace(whiteSpace, ''));
  1615. add(compileNameFilter(parts[1]));
  1616. add(compileIdFilter(parts[2]));
  1617. add(compileClassesFilter(parts[3]));
  1618. add(compileAttrFilter(parts[4], parts[5], parts[6]));
  1619. add(compilePsuedoFilter(parts[7]));
  1620. filters.pseudo = !!parts[7];
  1621. filters.direct = direct;
  1622. return filters;
  1623. }
  1624. function parseChunks(selector, selectors) {
  1625. var parts = [];
  1626. var extra, matches, i;
  1627. do {
  1628. chunker.exec('');
  1629. matches = chunker.exec(selector);
  1630. if (matches) {
  1631. selector = matches[3];
  1632. parts.push(matches[1]);
  1633. if (matches[2]) {
  1634. extra = matches[3];
  1635. break;
  1636. }
  1637. }
  1638. } while (matches);
  1639. if (extra) {
  1640. parseChunks(extra, selectors);
  1641. }
  1642. selector = [];
  1643. for (i = 0; i < parts.length; i++) {
  1644. if (parts[i] !== '>') {
  1645. selector.push(compile(parts[i], [], parts[i - 1] === '>'));
  1646. }
  1647. }
  1648. selectors.push(selector);
  1649. return selectors;
  1650. }
  1651. this._selectors = parseChunks(selector, []);
  1652. },
  1653. match: function (control, selectors) {
  1654. var i, l, si, sl, selector, fi, fl, filters, index, length, siblings, count, item;
  1655. selectors = selectors || this._selectors;
  1656. for (i = 0, l = selectors.length; i < l; i++) {
  1657. selector = selectors[i];
  1658. sl = selector.length;
  1659. item = control;
  1660. count = 0;
  1661. for (si = sl - 1; si >= 0; si--) {
  1662. filters = selector[si];
  1663. while (item) {
  1664. if (filters.pseudo) {
  1665. siblings = item.parent().items();
  1666. index = length = siblings.length;
  1667. while (index--) {
  1668. if (siblings[index] === item) {
  1669. break;
  1670. }
  1671. }
  1672. }
  1673. for (fi = 0, fl = filters.length; fi < fl; fi++) {
  1674. if (!filters[fi](item, index, length)) {
  1675. fi = fl + 1;
  1676. break;
  1677. }
  1678. }
  1679. if (fi === fl) {
  1680. count++;
  1681. break;
  1682. } else {
  1683. if (si === sl - 1) {
  1684. break;
  1685. }
  1686. }
  1687. item = item.parent();
  1688. }
  1689. }
  1690. if (count === sl) {
  1691. return true;
  1692. }
  1693. }
  1694. return false;
  1695. },
  1696. find: function (container) {
  1697. var matches = [], i, l;
  1698. var selectors = this._selectors;
  1699. function collect(items, selector, index) {
  1700. var i, l, fi, fl, item;
  1701. var filters = selector[index];
  1702. for (i = 0, l = items.length; i < l; i++) {
  1703. item = items[i];
  1704. for (fi = 0, fl = filters.length; fi < fl; fi++) {
  1705. if (!filters[fi](item, i, l)) {
  1706. fi = fl + 1;
  1707. break;
  1708. }
  1709. }
  1710. if (fi === fl) {
  1711. if (index === selector.length - 1) {
  1712. matches.push(item);
  1713. } else {
  1714. if (item.items) {
  1715. collect(item.items(), selector, index + 1);
  1716. }
  1717. }
  1718. } else if (filters.direct) {
  1719. return;
  1720. }
  1721. if (item.items) {
  1722. collect(item.items(), selector, index);
  1723. }
  1724. }
  1725. }
  1726. if (container.items) {
  1727. for (i = 0, l = selectors.length; i < l; i++) {
  1728. collect(container.items(), selectors[i], 0);
  1729. }
  1730. if (l > 1) {
  1731. matches = unique(matches);
  1732. }
  1733. }
  1734. if (!Collection) {
  1735. Collection = Selector.Collection;
  1736. }
  1737. return new Collection(matches);
  1738. }
  1739. });
  1740. var Collection$1, proto;
  1741. var push$1 = Array.prototype.push, slice$1 = Array.prototype.slice;
  1742. proto = {
  1743. length: 0,
  1744. init: function (items) {
  1745. if (items) {
  1746. this.add(items);
  1747. }
  1748. },
  1749. add: function (items) {
  1750. var self = this;
  1751. if (!global$2.isArray(items)) {
  1752. if (items instanceof Collection$1) {
  1753. self.add(items.toArray());
  1754. } else {
  1755. push$1.call(self, items);
  1756. }
  1757. } else {
  1758. push$1.apply(self, items);
  1759. }
  1760. return self;
  1761. },
  1762. set: function (items) {
  1763. var self = this;
  1764. var len = self.length;
  1765. var i;
  1766. self.length = 0;
  1767. self.add(items);
  1768. for (i = self.length; i < len; i++) {
  1769. delete self[i];
  1770. }
  1771. return self;
  1772. },
  1773. filter: function (selector) {
  1774. var self = this;
  1775. var i, l;
  1776. var matches = [];
  1777. var item, match;
  1778. if (typeof selector === 'string') {
  1779. selector = new Selector(selector);
  1780. match = function (item) {
  1781. return selector.match(item);
  1782. };
  1783. } else {
  1784. match = selector;
  1785. }
  1786. for (i = 0, l = self.length; i < l; i++) {
  1787. item = self[i];
  1788. if (match(item)) {
  1789. matches.push(item);
  1790. }
  1791. }
  1792. return new Collection$1(matches);
  1793. },
  1794. slice: function () {
  1795. return new Collection$1(slice$1.apply(this, arguments));
  1796. },
  1797. eq: function (index) {
  1798. return index === -1 ? this.slice(index) : this.slice(index, +index + 1);
  1799. },
  1800. each: function (callback) {
  1801. global$2.each(this, callback);
  1802. return this;
  1803. },
  1804. toArray: function () {
  1805. return global$2.toArray(this);
  1806. },
  1807. indexOf: function (ctrl) {
  1808. var self = this;
  1809. var i = self.length;
  1810. while (i--) {
  1811. if (self[i] === ctrl) {
  1812. break;
  1813. }
  1814. }
  1815. return i;
  1816. },
  1817. reverse: function () {
  1818. return new Collection$1(global$2.toArray(this).reverse());
  1819. },
  1820. hasClass: function (cls) {
  1821. return this[0] ? this[0].classes.contains(cls) : false;
  1822. },
  1823. prop: function (name, value) {
  1824. var self = this;
  1825. var item;
  1826. if (value !== undefined) {
  1827. self.each(function (item) {
  1828. if (item[name]) {
  1829. item[name](value);
  1830. }
  1831. });
  1832. return self;
  1833. }
  1834. item = self[0];
  1835. if (item && item[name]) {
  1836. return item[name]();
  1837. }
  1838. },
  1839. exec: function (name) {
  1840. var self = this, args = global$2.toArray(arguments).slice(1);
  1841. self.each(function (item) {
  1842. if (item[name]) {
  1843. item[name].apply(item, args);
  1844. }
  1845. });
  1846. return self;
  1847. },
  1848. remove: function () {
  1849. var i = this.length;
  1850. while (i--) {
  1851. this[i].remove();
  1852. }
  1853. return this;
  1854. },
  1855. addClass: function (cls) {
  1856. return this.each(function (item) {
  1857. item.classes.add(cls);
  1858. });
  1859. },
  1860. removeClass: function (cls) {
  1861. return this.each(function (item) {
  1862. item.classes.remove(cls);
  1863. });
  1864. }
  1865. };
  1866. global$2.each('fire on off show hide append prepend before after reflow'.split(' '), function (name) {
  1867. proto[name] = function () {
  1868. var args = global$2.toArray(arguments);
  1869. this.each(function (ctrl) {
  1870. if (name in ctrl) {
  1871. ctrl[name].apply(ctrl, args);
  1872. }
  1873. });
  1874. return this;
  1875. };
  1876. });
  1877. global$2.each('text name disabled active selected checked visible parent value data'.split(' '), function (name) {
  1878. proto[name] = function (value) {
  1879. return this.prop(name, value);
  1880. };
  1881. });
  1882. Collection$1 = global$a.extend(proto);
  1883. Selector.Collection = Collection$1;
  1884. var Collection$2 = Collection$1;
  1885. var Binding = function (settings) {
  1886. this.create = settings.create;
  1887. };
  1888. Binding.create = function (model, name) {
  1889. return new Binding({
  1890. create: function (otherModel, otherName) {
  1891. var bindings;
  1892. var fromSelfToOther = function (e) {
  1893. otherModel.set(otherName, e.value);
  1894. };
  1895. var fromOtherToSelf = function (e) {
  1896. model.set(name, e.value);
  1897. };
  1898. otherModel.on('change:' + otherName, fromOtherToSelf);
  1899. model.on('change:' + name, fromSelfToOther);
  1900. bindings = otherModel._bindings;
  1901. if (!bindings) {
  1902. bindings = otherModel._bindings = [];
  1903. otherModel.on('destroy', function () {
  1904. var i = bindings.length;
  1905. while (i--) {
  1906. bindings[i]();
  1907. }
  1908. });
  1909. }
  1910. bindings.push(function () {
  1911. model.off('change:' + name, fromSelfToOther);
  1912. });
  1913. return model.get(name);
  1914. }
  1915. });
  1916. };
  1917. var global$c = tinymce.util.Tools.resolve('tinymce.util.Observable');
  1918. function isNode(node) {
  1919. return node.nodeType > 0;
  1920. }
  1921. function isEqual(a, b) {
  1922. var k, checked;
  1923. if (a === b) {
  1924. return true;
  1925. }
  1926. if (a === null || b === null) {
  1927. return a === b;
  1928. }
  1929. if (typeof a !== 'object' || typeof b !== 'object') {
  1930. return a === b;
  1931. }
  1932. if (global$2.isArray(b)) {
  1933. if (a.length !== b.length) {
  1934. return false;
  1935. }
  1936. k = a.length;
  1937. while (k--) {
  1938. if (!isEqual(a[k], b[k])) {
  1939. return false;
  1940. }
  1941. }
  1942. }
  1943. if (isNode(a) || isNode(b)) {
  1944. return a === b;
  1945. }
  1946. checked = {};
  1947. for (k in b) {
  1948. if (!isEqual(a[k], b[k])) {
  1949. return false;
  1950. }
  1951. checked[k] = true;
  1952. }
  1953. for (k in a) {
  1954. if (!checked[k] && !isEqual(a[k], b[k])) {
  1955. return false;
  1956. }
  1957. }
  1958. return true;
  1959. }
  1960. var ObservableObject = global$a.extend({
  1961. Mixins: [global$c],
  1962. init: function (data) {
  1963. var name, value;
  1964. data = data || {};
  1965. for (name in data) {
  1966. value = data[name];
  1967. if (value instanceof Binding) {
  1968. data[name] = value.create(this, name);
  1969. }
  1970. }
  1971. this.data = data;
  1972. },
  1973. set: function (name, value) {
  1974. var key, args;
  1975. var oldValue = this.data[name];
  1976. if (value instanceof Binding) {
  1977. value = value.create(this, name);
  1978. }
  1979. if (typeof name === 'object') {
  1980. for (key in name) {
  1981. this.set(key, name[key]);
  1982. }
  1983. return this;
  1984. }
  1985. if (!isEqual(oldValue, value)) {
  1986. this.data[name] = value;
  1987. args = {
  1988. target: this,
  1989. name: name,
  1990. value: value,
  1991. oldValue: oldValue
  1992. };
  1993. this.fire('change:' + name, args);
  1994. this.fire('change', args);
  1995. }
  1996. return this;
  1997. },
  1998. get: function (name) {
  1999. return this.data[name];
  2000. },
  2001. has: function (name) {
  2002. return name in this.data;
  2003. },
  2004. bind: function (name) {
  2005. return Binding.create(this, name);
  2006. },
  2007. destroy: function () {
  2008. this.fire('destroy');
  2009. }
  2010. });
  2011. var dirtyCtrls = {}, animationFrameRequested;
  2012. var ReflowQueue = {
  2013. add: function (ctrl) {
  2014. var parent = ctrl.parent();
  2015. if (parent) {
  2016. if (!parent._layout || parent._layout.isNative()) {
  2017. return;
  2018. }
  2019. if (!dirtyCtrls[parent._id]) {
  2020. dirtyCtrls[parent._id] = parent;
  2021. }
  2022. if (!animationFrameRequested) {
  2023. animationFrameRequested = true;
  2024. global$7.requestAnimationFrame(function () {
  2025. var id, ctrl;
  2026. animationFrameRequested = false;
  2027. for (id in dirtyCtrls) {
  2028. ctrl = dirtyCtrls[id];
  2029. if (ctrl.state.get('rendered')) {
  2030. ctrl.reflow();
  2031. }
  2032. }
  2033. dirtyCtrls = {};
  2034. }, domGlobals.document.body);
  2035. }
  2036. }
  2037. },
  2038. remove: function (ctrl) {
  2039. if (dirtyCtrls[ctrl._id]) {
  2040. delete dirtyCtrls[ctrl._id];
  2041. }
  2042. }
  2043. };
  2044. var hasMouseWheelEventSupport = 'onmousewheel' in domGlobals.document;
  2045. var hasWheelEventSupport = false;
  2046. var classPrefix = 'mce-';
  2047. var Control, idCounter = 0;
  2048. var proto$1 = {
  2049. Statics: { classPrefix: classPrefix },
  2050. isRtl: function () {
  2051. return Control.rtl;
  2052. },
  2053. classPrefix: classPrefix,
  2054. init: function (settings) {
  2055. var self = this;
  2056. var classes, defaultClasses;
  2057. function applyClasses(classes) {
  2058. var i;
  2059. classes = classes.split(' ');
  2060. for (i = 0; i < classes.length; i++) {
  2061. self.classes.add(classes[i]);
  2062. }
  2063. }
  2064. self.settings = settings = global$2.extend({}, self.Defaults, settings);
  2065. self._id = settings.id || 'mceu_' + idCounter++;
  2066. self._aria = { role: settings.role };
  2067. self._elmCache = {};
  2068. self.$ = global$9;
  2069. self.state = new ObservableObject({
  2070. visible: true,
  2071. active: false,
  2072. disabled: false,
  2073. value: ''
  2074. });
  2075. self.data = new ObservableObject(settings.data);
  2076. self.classes = new ClassList(function () {
  2077. if (self.state.get('rendered')) {
  2078. self.getEl().className = this.toString();
  2079. }
  2080. });
  2081. self.classes.prefix = self.classPrefix;
  2082. classes = settings.classes;
  2083. if (classes) {
  2084. if (self.Defaults) {
  2085. defaultClasses = self.Defaults.classes;
  2086. if (defaultClasses && classes !== defaultClasses) {
  2087. applyClasses(defaultClasses);
  2088. }
  2089. }
  2090. applyClasses(classes);
  2091. }
  2092. global$2.each('title text name visible disabled active value'.split(' '), function (name) {
  2093. if (name in settings) {
  2094. self[name](settings[name]);
  2095. }
  2096. });
  2097. self.on('click', function () {
  2098. if (self.disabled()) {
  2099. return false;
  2100. }
  2101. });
  2102. self.settings = settings;
  2103. self.borderBox = BoxUtils.parseBox(settings.border);
  2104. self.paddingBox = BoxUtils.parseBox(settings.padding);
  2105. self.marginBox = BoxUtils.parseBox(settings.margin);
  2106. if (settings.hidden) {
  2107. self.hide();
  2108. }
  2109. },
  2110. Properties: 'parent,name',
  2111. getContainerElm: function () {
  2112. var uiContainer = UiContainer.getUiContainer(this);
  2113. return uiContainer ? uiContainer : funcs.getContainer();
  2114. },
  2115. getParentCtrl: function (elm) {
  2116. var ctrl;
  2117. var lookup = this.getRoot().controlIdLookup;
  2118. while (elm && lookup) {
  2119. ctrl = lookup[elm.id];
  2120. if (ctrl) {
  2121. break;
  2122. }
  2123. elm = elm.parentNode;
  2124. }
  2125. return ctrl;
  2126. },
  2127. initLayoutRect: function () {
  2128. var self = this;
  2129. var settings = self.settings;
  2130. var borderBox, layoutRect;
  2131. var elm = self.getEl();
  2132. var width, height, minWidth, minHeight, autoResize;
  2133. var startMinWidth, startMinHeight, initialSize;
  2134. borderBox = self.borderBox = self.borderBox || BoxUtils.measureBox(elm, 'border');
  2135. self.paddingBox = self.paddingBox || BoxUtils.measureBox(elm, 'padding');
  2136. self.marginBox = self.marginBox || BoxUtils.measureBox(elm, 'margin');
  2137. initialSize = funcs.getSize(elm);
  2138. startMinWidth = settings.minWidth;
  2139. startMinHeight = settings.minHeight;
  2140. minWidth = startMinWidth || initialSize.width;
  2141. minHeight = startMinHeight || initialSize.height;
  2142. width = settings.width;
  2143. height = settings.height;
  2144. autoResize = settings.autoResize;
  2145. autoResize = typeof autoResize !== 'undefined' ? autoResize : !width && !height;
  2146. width = width || minWidth;
  2147. height = height || minHeight;
  2148. var deltaW = borderBox.left + borderBox.right;
  2149. var deltaH = borderBox.top + borderBox.bottom;
  2150. var maxW = settings.maxWidth || 65535;
  2151. var maxH = settings.maxHeight || 65535;
  2152. self._layoutRect = layoutRect = {
  2153. x: settings.x || 0,
  2154. y: settings.y || 0,
  2155. w: width,
  2156. h: height,
  2157. deltaW: deltaW,
  2158. deltaH: deltaH,
  2159. contentW: width - deltaW,
  2160. contentH: height - deltaH,
  2161. innerW: width - deltaW,
  2162. innerH: height - deltaH,
  2163. startMinWidth: startMinWidth || 0,
  2164. startMinHeight: startMinHeight || 0,
  2165. minW: Math.min(minWidth, maxW),
  2166. minH: Math.min(minHeight, maxH),
  2167. maxW: maxW,
  2168. maxH: maxH,
  2169. autoResize: autoResize,
  2170. scrollW: 0
  2171. };
  2172. self._lastLayoutRect = {};
  2173. return layoutRect;
  2174. },
  2175. layoutRect: function (newRect) {
  2176. var self = this;
  2177. var curRect = self._layoutRect, lastLayoutRect, size, deltaWidth, deltaHeight, repaintControls;
  2178. if (!curRect) {
  2179. curRect = self.initLayoutRect();
  2180. }
  2181. if (newRect) {
  2182. deltaWidth = curRect.deltaW;
  2183. deltaHeight = curRect.deltaH;
  2184. if (newRect.x !== undefined) {
  2185. curRect.x = newRect.x;
  2186. }
  2187. if (newRect.y !== undefined) {
  2188. curRect.y = newRect.y;
  2189. }
  2190. if (newRect.minW !== undefined) {
  2191. curRect.minW = newRect.minW;
  2192. }
  2193. if (newRect.minH !== undefined) {
  2194. curRect.minH = newRect.minH;
  2195. }
  2196. size = newRect.w;
  2197. if (size !== undefined) {
  2198. size = size < curRect.minW ? curRect.minW : size;
  2199. size = size > curRect.maxW ? curRect.maxW : size;
  2200. curRect.w = size;
  2201. curRect.innerW = size - deltaWidth;
  2202. }
  2203. size = newRect.h;
  2204. if (size !== undefined) {
  2205. size = size < curRect.minH ? curRect.minH : size;
  2206. size = size > curRect.maxH ? curRect.maxH : size;
  2207. curRect.h = size;
  2208. curRect.innerH = size - deltaHeight;
  2209. }
  2210. size = newRect.innerW;
  2211. if (size !== undefined) {
  2212. size = size < curRect.minW - deltaWidth ? curRect.minW - deltaWidth : size;
  2213. size = size > curRect.maxW - deltaWidth ? curRect.maxW - deltaWidth : size;
  2214. curRect.innerW = size;
  2215. curRect.w = size + deltaWidth;
  2216. }
  2217. size = newRect.innerH;
  2218. if (size !== undefined) {
  2219. size = size < curRect.minH - deltaHeight ? curRect.minH - deltaHeight : size;
  2220. size = size > curRect.maxH - deltaHeight ? curRect.maxH - deltaHeight : size;
  2221. curRect.innerH = size;
  2222. curRect.h = size + deltaHeight;
  2223. }
  2224. if (newRect.contentW !== undefined) {
  2225. curRect.contentW = newRect.contentW;
  2226. }
  2227. if (newRect.contentH !== undefined) {
  2228. curRect.contentH = newRect.contentH;
  2229. }
  2230. lastLayoutRect = self._lastLayoutRect;
  2231. if (lastLayoutRect.x !== curRect.x || lastLayoutRect.y !== curRect.y || lastLayoutRect.w !== curRect.w || lastLayoutRect.h !== curRect.h) {
  2232. repaintControls = Control.repaintControls;
  2233. if (repaintControls) {
  2234. if (repaintControls.map && !repaintControls.map[self._id]) {
  2235. repaintControls.push(self);
  2236. repaintControls.map[self._id] = true;
  2237. }
  2238. }
  2239. lastLayoutRect.x = curRect.x;
  2240. lastLayoutRect.y = curRect.y;
  2241. lastLayoutRect.w = curRect.w;
  2242. lastLayoutRect.h = curRect.h;
  2243. }
  2244. return self;
  2245. }
  2246. return curRect;
  2247. },
  2248. repaint: function () {
  2249. var self = this;
  2250. var style, bodyStyle, bodyElm, rect, borderBox;
  2251. var borderW, borderH, lastRepaintRect, round, value;
  2252. round = !domGlobals.document.createRange ? Math.round : function (value) {
  2253. return value;
  2254. };
  2255. style = self.getEl().style;
  2256. rect = self._layoutRect;
  2257. lastRepaintRect = self._lastRepaintRect || {};
  2258. borderBox = self.borderBox;
  2259. borderW = borderBox.left + borderBox.right;
  2260. borderH = borderBox.top + borderBox.bottom;
  2261. if (rect.x !== lastRepaintRect.x) {
  2262. style.left = round(rect.x) + 'px';
  2263. lastRepaintRect.x = rect.x;
  2264. }
  2265. if (rect.y !== lastRepaintRect.y) {
  2266. style.top = round(rect.y) + 'px';
  2267. lastRepaintRect.y = rect.y;
  2268. }
  2269. if (rect.w !== lastRepaintRect.w) {
  2270. value = round(rect.w - borderW);
  2271. style.width = (value >= 0 ? value : 0) + 'px';
  2272. lastRepaintRect.w = rect.w;
  2273. }
  2274. if (rect.h !== lastRepaintRect.h) {
  2275. value = round(rect.h - borderH);
  2276. style.height = (value >= 0 ? value : 0) + 'px';
  2277. lastRepaintRect.h = rect.h;
  2278. }
  2279. if (self._hasBody && rect.innerW !== lastRepaintRect.innerW) {
  2280. value = round(rect.innerW);
  2281. bodyElm = self.getEl('body');
  2282. if (bodyElm) {
  2283. bodyStyle = bodyElm.style;
  2284. bodyStyle.width = (value >= 0 ? value : 0) + 'px';
  2285. }
  2286. lastRepaintRect.innerW = rect.innerW;
  2287. }
  2288. if (self._hasBody && rect.innerH !== lastRepaintRect.innerH) {
  2289. value = round(rect.innerH);
  2290. bodyElm = bodyElm || self.getEl('body');
  2291. if (bodyElm) {
  2292. bodyStyle = bodyStyle || bodyElm.style;
  2293. bodyStyle.height = (value >= 0 ? value : 0) + 'px';
  2294. }
  2295. lastRepaintRect.innerH = rect.innerH;
  2296. }
  2297. self._lastRepaintRect = lastRepaintRect;
  2298. self.fire('repaint', {}, false);
  2299. },
  2300. updateLayoutRect: function () {
  2301. var self = this;
  2302. self.parent()._lastRect = null;
  2303. funcs.css(self.getEl(), {
  2304. width: '',
  2305. height: ''
  2306. });
  2307. self._layoutRect = self._lastRepaintRect = self._lastLayoutRect = null;
  2308. self.initLayoutRect();
  2309. },
  2310. on: function (name, callback) {
  2311. var self = this;
  2312. function resolveCallbackName(name) {
  2313. var callback, scope;
  2314. if (typeof name !== 'string') {
  2315. return name;
  2316. }
  2317. return function (e) {
  2318. if (!callback) {
  2319. self.parentsAndSelf().each(function (ctrl) {
  2320. var callbacks = ctrl.settings.callbacks;
  2321. if (callbacks && (callback = callbacks[name])) {
  2322. scope = ctrl;
  2323. return false;
  2324. }
  2325. });
  2326. }
  2327. if (!callback) {
  2328. e.action = name;
  2329. this.fire('execute', e);
  2330. return;
  2331. }
  2332. return callback.call(scope, e);
  2333. };
  2334. }
  2335. getEventDispatcher(self).on(name, resolveCallbackName(callback));
  2336. return self;
  2337. },
  2338. off: function (name, callback) {
  2339. getEventDispatcher(this).off(name, callback);
  2340. return this;
  2341. },
  2342. fire: function (name, args, bubble) {
  2343. var self = this;
  2344. args = args || {};
  2345. if (!args.control) {
  2346. args.control = self;
  2347. }
  2348. args = getEventDispatcher(self).fire(name, args);
  2349. if (bubble !== false && self.parent) {
  2350. var parent = self.parent();
  2351. while (parent && !args.isPropagationStopped()) {
  2352. parent.fire(name, args, false);
  2353. parent = parent.parent();
  2354. }
  2355. }
  2356. return args;
  2357. },
  2358. hasEventListeners: function (name) {
  2359. return getEventDispatcher(this).has(name);
  2360. },
  2361. parents: function (selector) {
  2362. var self = this;
  2363. var ctrl, parents = new Collection$2();
  2364. for (ctrl = self.parent(); ctrl; ctrl = ctrl.parent()) {
  2365. parents.add(ctrl);
  2366. }
  2367. if (selector) {
  2368. parents = parents.filter(selector);
  2369. }
  2370. return parents;
  2371. },
  2372. parentsAndSelf: function (selector) {
  2373. return new Collection$2(this).add(this.parents(selector));
  2374. },
  2375. next: function () {
  2376. var parentControls = this.parent().items();
  2377. return parentControls[parentControls.indexOf(this) + 1];
  2378. },
  2379. prev: function () {
  2380. var parentControls = this.parent().items();
  2381. return parentControls[parentControls.indexOf(this) - 1];
  2382. },
  2383. innerHtml: function (html) {
  2384. this.$el.html(html);
  2385. return this;
  2386. },
  2387. getEl: function (suffix) {
  2388. var id = suffix ? this._id + '-' + suffix : this._id;
  2389. if (!this._elmCache[id]) {
  2390. this._elmCache[id] = global$9('#' + id)[0];
  2391. }
  2392. return this._elmCache[id];
  2393. },
  2394. show: function () {
  2395. return this.visible(true);
  2396. },
  2397. hide: function () {
  2398. return this.visible(false);
  2399. },
  2400. focus: function () {
  2401. try {
  2402. this.getEl().focus();
  2403. } catch (ex) {
  2404. }
  2405. return this;
  2406. },
  2407. blur: function () {
  2408. this.getEl().blur();
  2409. return this;
  2410. },
  2411. aria: function (name, value) {
  2412. var self = this, elm = self.getEl(self.ariaTarget);
  2413. if (typeof value === 'undefined') {
  2414. return self._aria[name];
  2415. }
  2416. self._aria[name] = value;
  2417. if (self.state.get('rendered')) {
  2418. elm.setAttribute(name === 'role' ? name : 'aria-' + name, value);
  2419. }
  2420. return self;
  2421. },
  2422. encode: function (text, translate) {
  2423. if (translate !== false) {
  2424. text = this.translate(text);
  2425. }
  2426. return (text || '').replace(/[&<>"]/g, function (match) {
  2427. return '&#' + match.charCodeAt(0) + ';';
  2428. });
  2429. },
  2430. translate: function (text) {
  2431. return Control.translate ? Control.translate(text) : text;
  2432. },
  2433. before: function (items) {
  2434. var self = this, parent = self.parent();
  2435. if (parent) {
  2436. parent.insert(items, parent.items().indexOf(self), true);
  2437. }
  2438. return self;
  2439. },
  2440. after: function (items) {
  2441. var self = this, parent = self.parent();
  2442. if (parent) {
  2443. parent.insert(items, parent.items().indexOf(self));
  2444. }
  2445. return self;
  2446. },
  2447. remove: function () {
  2448. var self = this;
  2449. var elm = self.getEl();
  2450. var parent = self.parent();
  2451. var newItems, i;
  2452. if (self.items) {
  2453. var controls = self.items().toArray();
  2454. i = controls.length;
  2455. while (i--) {
  2456. controls[i].remove();
  2457. }
  2458. }
  2459. if (parent && parent.items) {
  2460. newItems = [];
  2461. parent.items().each(function (item) {
  2462. if (item !== self) {
  2463. newItems.push(item);
  2464. }
  2465. });
  2466. parent.items().set(newItems);
  2467. parent._lastRect = null;
  2468. }
  2469. if (self._eventsRoot && self._eventsRoot === self) {
  2470. global$9(elm).off();
  2471. }
  2472. var lookup = self.getRoot().controlIdLookup;
  2473. if (lookup) {
  2474. delete lookup[self._id];
  2475. }
  2476. if (elm && elm.parentNode) {
  2477. elm.parentNode.removeChild(elm);
  2478. }
  2479. self.state.set('rendered', false);
  2480. self.state.destroy();
  2481. self.fire('remove');
  2482. return self;
  2483. },
  2484. renderBefore: function (elm) {
  2485. global$9(elm).before(this.renderHtml());
  2486. this.postRender();
  2487. return this;
  2488. },
  2489. renderTo: function (elm) {
  2490. global$9(elm || this.getContainerElm()).append(this.renderHtml());
  2491. this.postRender();
  2492. return this;
  2493. },
  2494. preRender: function () {
  2495. },
  2496. render: function () {
  2497. },
  2498. renderHtml: function () {
  2499. return '<div id="' + this._id + '" class="' + this.classes + '"></div>';
  2500. },
  2501. postRender: function () {
  2502. var self = this;
  2503. var settings = self.settings;
  2504. var elm, box, parent, name, parentEventsRoot;
  2505. self.$el = global$9(self.getEl());
  2506. self.state.set('rendered', true);
  2507. for (name in settings) {
  2508. if (name.indexOf('on') === 0) {
  2509. self.on(name.substr(2), settings[name]);
  2510. }
  2511. }
  2512. if (self._eventsRoot) {
  2513. for (parent = self.parent(); !parentEventsRoot && parent; parent = parent.parent()) {
  2514. parentEventsRoot = parent._eventsRoot;
  2515. }
  2516. if (parentEventsRoot) {
  2517. for (name in parentEventsRoot._nativeEvents) {
  2518. self._nativeEvents[name] = true;
  2519. }
  2520. }
  2521. }
  2522. bindPendingEvents(self);
  2523. if (settings.style) {
  2524. elm = self.getEl();
  2525. if (elm) {
  2526. elm.setAttribute('style', settings.style);
  2527. elm.style.cssText = settings.style;
  2528. }
  2529. }
  2530. if (self.settings.border) {
  2531. box = self.borderBox;
  2532. self.$el.css({
  2533. 'border-top-width': box.top,
  2534. 'border-right-width': box.right,
  2535. 'border-bottom-width': box.bottom,
  2536. 'border-left-width': box.left
  2537. });
  2538. }
  2539. var root = self.getRoot();
  2540. if (!root.controlIdLookup) {
  2541. root.controlIdLookup = {};
  2542. }
  2543. root.controlIdLookup[self._id] = self;
  2544. for (var key in self._aria) {
  2545. self.aria(key, self._aria[key]);
  2546. }
  2547. if (self.state.get('visible') === false) {
  2548. self.getEl().style.display = 'none';
  2549. }
  2550. self.bindStates();
  2551. self.state.on('change:visible', function (e) {
  2552. var state = e.value;
  2553. var parentCtrl;
  2554. if (self.state.get('rendered')) {
  2555. self.getEl().style.display = state === false ? 'none' : '';
  2556. self.getEl().getBoundingClientRect();
  2557. }
  2558. parentCtrl = self.parent();
  2559. if (parentCtrl) {
  2560. parentCtrl._lastRect = null;
  2561. }
  2562. self.fire(state ? 'show' : 'hide');
  2563. ReflowQueue.add(self);
  2564. });
  2565. self.fire('postrender', {}, false);
  2566. },
  2567. bindStates: function () {
  2568. },
  2569. scrollIntoView: function (align) {
  2570. function getOffset(elm, rootElm) {
  2571. var x, y, parent = elm;
  2572. x = y = 0;
  2573. while (parent && parent !== rootElm && parent.nodeType) {
  2574. x += parent.offsetLeft || 0;
  2575. y += parent.offsetTop || 0;
  2576. parent = parent.offsetParent;
  2577. }
  2578. return {
  2579. x: x,
  2580. y: y
  2581. };
  2582. }
  2583. var elm = this.getEl(), parentElm = elm.parentNode;
  2584. var x, y, width, height, parentWidth, parentHeight;
  2585. var pos = getOffset(elm, parentElm);
  2586. x = pos.x;
  2587. y = pos.y;
  2588. width = elm.offsetWidth;
  2589. height = elm.offsetHeight;
  2590. parentWidth = parentElm.clientWidth;
  2591. parentHeight = parentElm.clientHeight;
  2592. if (align === 'end') {
  2593. x -= parentWidth - width;
  2594. y -= parentHeight - height;
  2595. } else if (align === 'center') {
  2596. x -= parentWidth / 2 - width / 2;
  2597. y -= parentHeight / 2 - height / 2;
  2598. }
  2599. parentElm.scrollLeft = x;
  2600. parentElm.scrollTop = y;
  2601. return this;
  2602. },
  2603. getRoot: function () {
  2604. var ctrl = this, rootControl;
  2605. var parents = [];
  2606. while (ctrl) {
  2607. if (ctrl.rootControl) {
  2608. rootControl = ctrl.rootControl;
  2609. break;
  2610. }
  2611. parents.push(ctrl);
  2612. rootControl = ctrl;
  2613. ctrl = ctrl.parent();
  2614. }
  2615. if (!rootControl) {
  2616. rootControl = this;
  2617. }
  2618. var i = parents.length;
  2619. while (i--) {
  2620. parents[i].rootControl = rootControl;
  2621. }
  2622. return rootControl;
  2623. },
  2624. reflow: function () {
  2625. ReflowQueue.remove(this);
  2626. var parent = this.parent();
  2627. if (parent && parent._layout && !parent._layout.isNative()) {
  2628. parent.reflow();
  2629. }
  2630. return this;
  2631. }
  2632. };
  2633. global$2.each('text title visible disabled active value'.split(' '), function (name) {
  2634. proto$1[name] = function (value) {
  2635. if (arguments.length === 0) {
  2636. return this.state.get(name);
  2637. }
  2638. if (typeof value !== 'undefined') {
  2639. this.state.set(name, value);
  2640. }
  2641. return this;
  2642. };
  2643. });
  2644. Control = global$a.extend(proto$1);
  2645. function getEventDispatcher(obj) {
  2646. if (!obj._eventDispatcher) {
  2647. obj._eventDispatcher = new global$b({
  2648. scope: obj,
  2649. toggleEvent: function (name, state) {
  2650. if (state && global$b.isNative(name)) {
  2651. if (!obj._nativeEvents) {
  2652. obj._nativeEvents = {};
  2653. }
  2654. obj._nativeEvents[name] = true;
  2655. if (obj.state.get('rendered')) {
  2656. bindPendingEvents(obj);
  2657. }
  2658. }
  2659. }
  2660. });
  2661. }
  2662. return obj._eventDispatcher;
  2663. }
  2664. function bindPendingEvents(eventCtrl) {
  2665. var i, l, parents, eventRootCtrl, nativeEvents, name;
  2666. function delegate(e) {
  2667. var control = eventCtrl.getParentCtrl(e.target);
  2668. if (control) {
  2669. control.fire(e.type, e);
  2670. }
  2671. }
  2672. function mouseLeaveHandler() {
  2673. var ctrl = eventRootCtrl._lastHoverCtrl;
  2674. if (ctrl) {
  2675. ctrl.fire('mouseleave', { target: ctrl.getEl() });
  2676. ctrl.parents().each(function (ctrl) {
  2677. ctrl.fire('mouseleave', { target: ctrl.getEl() });
  2678. });
  2679. eventRootCtrl._lastHoverCtrl = null;
  2680. }
  2681. }
  2682. function mouseEnterHandler(e) {
  2683. var ctrl = eventCtrl.getParentCtrl(e.target), lastCtrl = eventRootCtrl._lastHoverCtrl, idx = 0, i, parents, lastParents;
  2684. if (ctrl !== lastCtrl) {
  2685. eventRootCtrl._lastHoverCtrl = ctrl;
  2686. parents = ctrl.parents().toArray().reverse();
  2687. parents.push(ctrl);
  2688. if (lastCtrl) {
  2689. lastParents = lastCtrl.parents().toArray().reverse();
  2690. lastParents.push(lastCtrl);
  2691. for (idx = 0; idx < lastParents.length; idx++) {
  2692. if (parents[idx] !== lastParents[idx]) {
  2693. break;
  2694. }
  2695. }
  2696. for (i = lastParents.length - 1; i >= idx; i--) {
  2697. lastCtrl = lastParents[i];
  2698. lastCtrl.fire('mouseleave', { target: lastCtrl.getEl() });
  2699. }
  2700. }
  2701. for (i = idx; i < parents.length; i++) {
  2702. ctrl = parents[i];
  2703. ctrl.fire('mouseenter', { target: ctrl.getEl() });
  2704. }
  2705. }
  2706. }
  2707. function fixWheelEvent(e) {
  2708. e.preventDefault();
  2709. if (e.type === 'mousewheel') {
  2710. e.deltaY = -1 / 40 * e.wheelDelta;
  2711. if (e.wheelDeltaX) {
  2712. e.deltaX = -1 / 40 * e.wheelDeltaX;
  2713. }
  2714. } else {
  2715. e.deltaX = 0;
  2716. e.deltaY = e.detail;
  2717. }
  2718. e = eventCtrl.fire('wheel', e);
  2719. }
  2720. nativeEvents = eventCtrl._nativeEvents;
  2721. if (nativeEvents) {
  2722. parents = eventCtrl.parents().toArray();
  2723. parents.unshift(eventCtrl);
  2724. for (i = 0, l = parents.length; !eventRootCtrl && i < l; i++) {
  2725. eventRootCtrl = parents[i]._eventsRoot;
  2726. }
  2727. if (!eventRootCtrl) {
  2728. eventRootCtrl = parents[parents.length - 1] || eventCtrl;
  2729. }
  2730. eventCtrl._eventsRoot = eventRootCtrl;
  2731. for (l = i, i = 0; i < l; i++) {
  2732. parents[i]._eventsRoot = eventRootCtrl;
  2733. }
  2734. var eventRootDelegates = eventRootCtrl._delegates;
  2735. if (!eventRootDelegates) {
  2736. eventRootDelegates = eventRootCtrl._delegates = {};
  2737. }
  2738. for (name in nativeEvents) {
  2739. if (!nativeEvents) {
  2740. return false;
  2741. }
  2742. if (name === 'wheel' && !hasWheelEventSupport) {
  2743. if (hasMouseWheelEventSupport) {
  2744. global$9(eventCtrl.getEl()).on('mousewheel', fixWheelEvent);
  2745. } else {
  2746. global$9(eventCtrl.getEl()).on('DOMMouseScroll', fixWheelEvent);
  2747. }
  2748. continue;
  2749. }
  2750. if (name === 'mouseenter' || name === 'mouseleave') {
  2751. if (!eventRootCtrl._hasMouseEnter) {
  2752. global$9(eventRootCtrl.getEl()).on('mouseleave', mouseLeaveHandler).on('mouseover', mouseEnterHandler);
  2753. eventRootCtrl._hasMouseEnter = 1;
  2754. }
  2755. } else if (!eventRootDelegates[name]) {
  2756. global$9(eventRootCtrl.getEl()).on(name, delegate);
  2757. eventRootDelegates[name] = true;
  2758. }
  2759. nativeEvents[name] = false;
  2760. }
  2761. }
  2762. }
  2763. var Control$1 = Control;
  2764. var hasTabstopData = function (elm) {
  2765. return elm.getAttribute('data-mce-tabstop') ? true : false;
  2766. };
  2767. function KeyboardNavigation (settings) {
  2768. var root = settings.root;
  2769. var focusedElement, focusedControl;
  2770. function isElement(node) {
  2771. return node && node.nodeType === 1;
  2772. }
  2773. try {
  2774. focusedElement = domGlobals.document.activeElement;
  2775. } catch (ex) {
  2776. focusedElement = domGlobals.document.body;
  2777. }
  2778. focusedControl = root.getParentCtrl(focusedElement);
  2779. function getRole(elm) {
  2780. elm = elm || focusedElement;
  2781. if (isElement(elm)) {
  2782. return elm.getAttribute('role');
  2783. }
  2784. return null;
  2785. }
  2786. function getParentRole(elm) {
  2787. var role, parent = elm || focusedElement;
  2788. while (parent = parent.parentNode) {
  2789. if (role = getRole(parent)) {
  2790. return role;
  2791. }
  2792. }
  2793. }
  2794. function getAriaProp(name) {
  2795. var elm = focusedElement;
  2796. if (isElement(elm)) {
  2797. return elm.getAttribute('aria-' + name);
  2798. }
  2799. }
  2800. function isTextInputElement(elm) {
  2801. var tagName = elm.tagName.toUpperCase();
  2802. return tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT';
  2803. }
  2804. function canFocus(elm) {
  2805. if (isTextInputElement(elm) && !elm.hidden) {
  2806. return true;
  2807. }
  2808. if (hasTabstopData(elm)) {
  2809. return true;
  2810. }
  2811. if (/^(button|menuitem|checkbox|tab|menuitemcheckbox|option|gridcell|slider)$/.test(getRole(elm))) {
  2812. return true;
  2813. }
  2814. return false;
  2815. }
  2816. function getFocusElements(elm) {
  2817. var elements = [];
  2818. function collect(elm) {
  2819. if (elm.nodeType !== 1 || elm.style.display === 'none' || elm.disabled) {
  2820. return;
  2821. }
  2822. if (canFocus(elm)) {
  2823. elements.push(elm);
  2824. }
  2825. for (var i = 0; i < elm.childNodes.length; i++) {
  2826. collect(elm.childNodes[i]);
  2827. }
  2828. }
  2829. collect(elm || root.getEl());
  2830. return elements;
  2831. }
  2832. function getNavigationRoot(targetControl) {
  2833. var navigationRoot, controls;
  2834. targetControl = targetControl || focusedControl;
  2835. controls = targetControl.parents().toArray();
  2836. controls.unshift(targetControl);
  2837. for (var i = 0; i < controls.length; i++) {
  2838. navigationRoot = controls[i];
  2839. if (navigationRoot.settings.ariaRoot) {
  2840. break;
  2841. }
  2842. }
  2843. return navigationRoot;
  2844. }
  2845. function focusFirst(targetControl) {
  2846. var navigationRoot = getNavigationRoot(targetControl);
  2847. var focusElements = getFocusElements(navigationRoot.getEl());
  2848. if (navigationRoot.settings.ariaRemember && 'lastAriaIndex' in navigationRoot) {
  2849. moveFocusToIndex(navigationRoot.lastAriaIndex, focusElements);
  2850. } else {
  2851. moveFocusToIndex(0, focusElements);
  2852. }
  2853. }
  2854. function moveFocusToIndex(idx, elements) {
  2855. if (idx < 0) {
  2856. idx = elements.length - 1;
  2857. } else if (idx >= elements.length) {
  2858. idx = 0;
  2859. }
  2860. if (elements[idx]) {
  2861. elements[idx].focus();
  2862. }
  2863. return idx;
  2864. }
  2865. function moveFocus(dir, elements) {
  2866. var idx = -1;
  2867. var navigationRoot = getNavigationRoot();
  2868. elements = elements || getFocusElements(navigationRoot.getEl());
  2869. for (var i = 0; i < elements.length; i++) {
  2870. if (elements[i] === focusedElement) {
  2871. idx = i;
  2872. }
  2873. }
  2874. idx += dir;
  2875. navigationRoot.lastAriaIndex = moveFocusToIndex(idx, elements);
  2876. }
  2877. function left() {
  2878. var parentRole = getParentRole();
  2879. if (parentRole === 'tablist') {
  2880. moveFocus(-1, getFocusElements(focusedElement.parentNode));
  2881. } else if (focusedControl.parent().submenu) {
  2882. cancel();
  2883. } else {
  2884. moveFocus(-1);
  2885. }
  2886. }
  2887. function right() {
  2888. var role = getRole(), parentRole = getParentRole();
  2889. if (parentRole === 'tablist') {
  2890. moveFocus(1, getFocusElements(focusedElement.parentNode));
  2891. } else if (role === 'menuitem' && parentRole === 'menu' && getAriaProp('haspopup')) {
  2892. enter();
  2893. } else {
  2894. moveFocus(1);
  2895. }
  2896. }
  2897. function up() {
  2898. moveFocus(-1);
  2899. }
  2900. function down() {
  2901. var role = getRole(), parentRole = getParentRole();
  2902. if (role === 'menuitem' && parentRole === 'menubar') {
  2903. enter();
  2904. } else if (role === 'button' && getAriaProp('haspopup')) {
  2905. enter({ key: 'down' });
  2906. } else {
  2907. moveFocus(1);
  2908. }
  2909. }
  2910. function tab(e) {
  2911. var parentRole = getParentRole();
  2912. if (parentRole === 'tablist') {
  2913. var elm = getFocusElements(focusedControl.getEl('body'))[0];
  2914. if (elm) {
  2915. elm.focus();
  2916. }
  2917. } else {
  2918. moveFocus(e.shiftKey ? -1 : 1);
  2919. }
  2920. }
  2921. function cancel() {
  2922. focusedControl.fire('cancel');
  2923. }
  2924. function enter(aria) {
  2925. aria = aria || {};
  2926. focusedControl.fire('click', {
  2927. target: focusedElement,
  2928. aria: aria
  2929. });
  2930. }
  2931. root.on('keydown', function (e) {
  2932. function handleNonTabOrEscEvent(e, handler) {
  2933. if (isTextInputElement(focusedElement) || hasTabstopData(focusedElement)) {
  2934. return;
  2935. }
  2936. if (getRole(focusedElement) === 'slider') {
  2937. return;
  2938. }
  2939. if (handler(e) !== false) {
  2940. e.preventDefault();
  2941. }
  2942. }
  2943. if (e.isDefaultPrevented()) {
  2944. return;
  2945. }
  2946. switch (e.keyCode) {
  2947. case 37:
  2948. handleNonTabOrEscEvent(e, left);
  2949. break;
  2950. case 39:
  2951. handleNonTabOrEscEvent(e, right);
  2952. break;
  2953. case 38:
  2954. handleNonTabOrEscEvent(e, up);
  2955. break;
  2956. case 40:
  2957. handleNonTabOrEscEvent(e, down);
  2958. break;
  2959. case 27:
  2960. cancel();
  2961. break;
  2962. case 14:
  2963. case 13:
  2964. case 32:
  2965. handleNonTabOrEscEvent(e, enter);
  2966. break;
  2967. case 9:
  2968. tab(e);
  2969. e.preventDefault();
  2970. break;
  2971. }
  2972. });
  2973. root.on('focusin', function (e) {
  2974. focusedElement = e.target;
  2975. focusedControl = e.control;
  2976. });
  2977. return { focusFirst: focusFirst };
  2978. }
  2979. var selectorCache = {};
  2980. var Container = Control$1.extend({
  2981. init: function (settings) {
  2982. var self = this;
  2983. self._super(settings);
  2984. settings = self.settings;
  2985. if (settings.fixed) {
  2986. self.state.set('fixed', true);
  2987. }
  2988. self._items = new Collection$2();
  2989. if (self.isRtl()) {
  2990. self.classes.add('rtl');
  2991. }
  2992. self.bodyClasses = new ClassList(function () {
  2993. if (self.state.get('rendered')) {
  2994. self.getEl('body').className = this.toString();
  2995. }
  2996. });
  2997. self.bodyClasses.prefix = self.classPrefix;
  2998. self.classes.add('container');
  2999. self.bodyClasses.add('container-body');
  3000. if (settings.containerCls) {
  3001. self.classes.add(settings.containerCls);
  3002. }
  3003. self._layout = global$4.create((settings.layout || '') + 'layout');
  3004. if (self.settings.items) {
  3005. self.add(self.settings.items);
  3006. } else {
  3007. self.add(self.render());
  3008. }
  3009. self._hasBody = true;
  3010. },
  3011. items: function () {
  3012. return this._items;
  3013. },
  3014. find: function (selector) {
  3015. selector = selectorCache[selector] = selectorCache[selector] || new Selector(selector);
  3016. return selector.find(this);
  3017. },
  3018. add: function (items) {
  3019. var self = this;
  3020. self.items().add(self.create(items)).parent(self);
  3021. return self;
  3022. },
  3023. focus: function (keyboard) {
  3024. var self = this;
  3025. var focusCtrl, keyboardNav, items;
  3026. if (keyboard) {
  3027. keyboardNav = self.keyboardNav || self.parents().eq(-1)[0].keyboardNav;
  3028. if (keyboardNav) {
  3029. keyboardNav.focusFirst(self);
  3030. return;
  3031. }
  3032. }
  3033. items = self.find('*');
  3034. if (self.statusbar) {
  3035. items.add(self.statusbar.items());
  3036. }
  3037. items.each(function (ctrl) {
  3038. if (ctrl.settings.autofocus) {
  3039. focusCtrl = null;
  3040. return false;
  3041. }
  3042. if (ctrl.canFocus) {
  3043. focusCtrl = focusCtrl || ctrl;
  3044. }
  3045. });
  3046. if (focusCtrl) {
  3047. focusCtrl.focus();
  3048. }
  3049. return self;
  3050. },
  3051. replace: function (oldItem, newItem) {
  3052. var ctrlElm;
  3053. var items = this.items();
  3054. var i = items.length;
  3055. while (i--) {
  3056. if (items[i] === oldItem) {
  3057. items[i] = newItem;
  3058. break;
  3059. }
  3060. }
  3061. if (i >= 0) {
  3062. ctrlElm = newItem.getEl();
  3063. if (ctrlElm) {
  3064. ctrlElm.parentNode.removeChild(ctrlElm);
  3065. }
  3066. ctrlElm = oldItem.getEl();
  3067. if (ctrlElm) {
  3068. ctrlElm.parentNode.removeChild(ctrlElm);
  3069. }
  3070. }
  3071. newItem.parent(this);
  3072. },
  3073. create: function (items) {
  3074. var self = this;
  3075. var settings;
  3076. var ctrlItems = [];
  3077. if (!global$2.isArray(items)) {
  3078. items = [items];
  3079. }
  3080. global$2.each(items, function (item) {
  3081. if (item) {
  3082. if (!(item instanceof Control$1)) {
  3083. if (typeof item === 'string') {
  3084. item = { type: item };
  3085. }
  3086. settings = global$2.extend({}, self.settings.defaults, item);
  3087. item.type = settings.type = settings.type || item.type || self.settings.defaultType || (settings.defaults ? settings.defaults.type : null);
  3088. item = global$4.create(settings);
  3089. }
  3090. ctrlItems.push(item);
  3091. }
  3092. });
  3093. return ctrlItems;
  3094. },
  3095. renderNew: function () {
  3096. var self = this;
  3097. self.items().each(function (ctrl, index) {
  3098. var containerElm;
  3099. ctrl.parent(self);
  3100. if (!ctrl.state.get('rendered')) {
  3101. containerElm = self.getEl('body');
  3102. if (containerElm.hasChildNodes() && index <= containerElm.childNodes.length - 1) {
  3103. global$9(containerElm.childNodes[index]).before(ctrl.renderHtml());
  3104. } else {
  3105. global$9(containerElm).append(ctrl.renderHtml());
  3106. }
  3107. ctrl.postRender();
  3108. ReflowQueue.add(ctrl);
  3109. }
  3110. });
  3111. self._layout.applyClasses(self.items().filter(':visible'));
  3112. self._lastRect = null;
  3113. return self;
  3114. },
  3115. append: function (items) {
  3116. return this.add(items).renderNew();
  3117. },
  3118. prepend: function (items) {
  3119. var self = this;
  3120. self.items().set(self.create(items).concat(self.items().toArray()));
  3121. return self.renderNew();
  3122. },
  3123. insert: function (items, index, before) {
  3124. var self = this;
  3125. var curItems, beforeItems, afterItems;
  3126. items = self.create(items);
  3127. curItems = self.items();
  3128. if (!before && index < curItems.length - 1) {
  3129. index += 1;
  3130. }
  3131. if (index >= 0 && index < curItems.length) {
  3132. beforeItems = curItems.slice(0, index).toArray();
  3133. afterItems = curItems.slice(index).toArray();
  3134. curItems.set(beforeItems.concat(items, afterItems));
  3135. }
  3136. return self.renderNew();
  3137. },
  3138. fromJSON: function (data) {
  3139. var self = this;
  3140. for (var name in data) {
  3141. self.find('#' + name).value(data[name]);
  3142. }
  3143. return self;
  3144. },
  3145. toJSON: function () {
  3146. var self = this, data = {};
  3147. self.find('*').each(function (ctrl) {
  3148. var name = ctrl.name(), value = ctrl.value();
  3149. if (name && typeof value !== 'undefined') {
  3150. data[name] = value;
  3151. }
  3152. });
  3153. return data;
  3154. },
  3155. renderHtml: function () {
  3156. var self = this, layout = self._layout, role = this.settings.role;
  3157. self.preRender();
  3158. layout.preRender(self);
  3159. return '<div id="' + self._id + '" class="' + self.classes + '"' + (role ? ' role="' + this.settings.role + '"' : '') + '>' + '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + (self.settings.html || '') + layout.renderHtml(self) + '</div>' + '</div>';
  3160. },
  3161. postRender: function () {
  3162. var self = this;
  3163. var box;
  3164. self.items().exec('postRender');
  3165. self._super();
  3166. self._layout.postRender(self);
  3167. self.state.set('rendered', true);
  3168. if (self.settings.style) {
  3169. self.$el.css(self.settings.style);
  3170. }
  3171. if (self.settings.border) {
  3172. box = self.borderBox;
  3173. self.$el.css({
  3174. 'border-top-width': box.top,
  3175. 'border-right-width': box.right,
  3176. 'border-bottom-width': box.bottom,
  3177. 'border-left-width': box.left
  3178. });
  3179. }
  3180. if (!self.parent()) {
  3181. self.keyboardNav = KeyboardNavigation({ root: self });
  3182. }
  3183. return self;
  3184. },
  3185. initLayoutRect: function () {
  3186. var self = this, layoutRect = self._super();
  3187. self._layout.recalc(self);
  3188. return layoutRect;
  3189. },
  3190. recalc: function () {
  3191. var self = this;
  3192. var rect = self._layoutRect;
  3193. var lastRect = self._lastRect;
  3194. if (!lastRect || lastRect.w !== rect.w || lastRect.h !== rect.h) {
  3195. self._layout.recalc(self);
  3196. rect = self.layoutRect();
  3197. self._lastRect = {
  3198. x: rect.x,
  3199. y: rect.y,
  3200. w: rect.w,
  3201. h: rect.h
  3202. };
  3203. return true;
  3204. }
  3205. },
  3206. reflow: function () {
  3207. var i;
  3208. ReflowQueue.remove(this);
  3209. if (this.visible()) {
  3210. Control$1.repaintControls = [];
  3211. Control$1.repaintControls.map = {};
  3212. this.recalc();
  3213. i = Control$1.repaintControls.length;
  3214. while (i--) {
  3215. Control$1.repaintControls[i].repaint();
  3216. }
  3217. if (this.settings.layout !== 'flow' && this.settings.layout !== 'stack') {
  3218. this.repaint();
  3219. }
  3220. Control$1.repaintControls = [];
  3221. }
  3222. return this;
  3223. }
  3224. });
  3225. function getDocumentSize(doc) {
  3226. var documentElement, body, scrollWidth, clientWidth;
  3227. var offsetWidth, scrollHeight, clientHeight, offsetHeight;
  3228. var max = Math.max;
  3229. documentElement = doc.documentElement;
  3230. body = doc.body;
  3231. scrollWidth = max(documentElement.scrollWidth, body.scrollWidth);
  3232. clientWidth = max(documentElement.clientWidth, body.clientWidth);
  3233. offsetWidth = max(documentElement.offsetWidth, body.offsetWidth);
  3234. scrollHeight = max(documentElement.scrollHeight, body.scrollHeight);
  3235. clientHeight = max(documentElement.clientHeight, body.clientHeight);
  3236. offsetHeight = max(documentElement.offsetHeight, body.offsetHeight);
  3237. return {
  3238. width: scrollWidth < offsetWidth ? clientWidth : scrollWidth,
  3239. height: scrollHeight < offsetHeight ? clientHeight : scrollHeight
  3240. };
  3241. }
  3242. function updateWithTouchData(e) {
  3243. var keys, i;
  3244. if (e.changedTouches) {
  3245. keys = 'screenX screenY pageX pageY clientX clientY'.split(' ');
  3246. for (i = 0; i < keys.length; i++) {
  3247. e[keys[i]] = e.changedTouches[0][keys[i]];
  3248. }
  3249. }
  3250. }
  3251. function DragHelper (id, settings) {
  3252. var $eventOverlay;
  3253. var doc = settings.document || domGlobals.document;
  3254. var downButton;
  3255. var start, stop, drag, startX, startY;
  3256. settings = settings || {};
  3257. var handleElement = doc.getElementById(settings.handle || id);
  3258. start = function (e) {
  3259. var docSize = getDocumentSize(doc);
  3260. var handleElm, cursor;
  3261. updateWithTouchData(e);
  3262. e.preventDefault();
  3263. downButton = e.button;
  3264. handleElm = handleElement;
  3265. startX = e.screenX;
  3266. startY = e.screenY;
  3267. if (domGlobals.window.getComputedStyle) {
  3268. cursor = domGlobals.window.getComputedStyle(handleElm, null).getPropertyValue('cursor');
  3269. } else {
  3270. cursor = handleElm.runtimeStyle.cursor;
  3271. }
  3272. $eventOverlay = global$9('<div></div>').css({
  3273. position: 'absolute',
  3274. top: 0,
  3275. left: 0,
  3276. width: docSize.width,
  3277. height: docSize.height,
  3278. zIndex: 2147483647,
  3279. opacity: 0.0001,
  3280. cursor: cursor
  3281. }).appendTo(doc.body);
  3282. global$9(doc).on('mousemove touchmove', drag).on('mouseup touchend', stop);
  3283. settings.start(e);
  3284. };
  3285. drag = function (e) {
  3286. updateWithTouchData(e);
  3287. if (e.button !== downButton) {
  3288. return stop(e);
  3289. }
  3290. e.deltaX = e.screenX - startX;
  3291. e.deltaY = e.screenY - startY;
  3292. e.preventDefault();
  3293. settings.drag(e);
  3294. };
  3295. stop = function (e) {
  3296. updateWithTouchData(e);
  3297. global$9(doc).off('mousemove touchmove', drag).off('mouseup touchend', stop);
  3298. $eventOverlay.remove();
  3299. if (settings.stop) {
  3300. settings.stop(e);
  3301. }
  3302. };
  3303. this.destroy = function () {
  3304. global$9(handleElement).off();
  3305. };
  3306. global$9(handleElement).on('mousedown touchstart', start);
  3307. }
  3308. var Scrollable = {
  3309. init: function () {
  3310. var self = this;
  3311. self.on('repaint', self.renderScroll);
  3312. },
  3313. renderScroll: function () {
  3314. var self = this, margin = 2;
  3315. function repaintScroll() {
  3316. var hasScrollH, hasScrollV, bodyElm;
  3317. function repaintAxis(axisName, posName, sizeName, contentSizeName, hasScroll, ax) {
  3318. var containerElm, scrollBarElm, scrollThumbElm;
  3319. var containerSize, scrollSize, ratio, rect;
  3320. var posNameLower, sizeNameLower;
  3321. scrollBarElm = self.getEl('scroll' + axisName);
  3322. if (scrollBarElm) {
  3323. posNameLower = posName.toLowerCase();
  3324. sizeNameLower = sizeName.toLowerCase();
  3325. global$9(self.getEl('absend')).css(posNameLower, self.layoutRect()[contentSizeName] - 1);
  3326. if (!hasScroll) {
  3327. global$9(scrollBarElm).css('display', 'none');
  3328. return;
  3329. }
  3330. global$9(scrollBarElm).css('display', 'block');
  3331. containerElm = self.getEl('body');
  3332. scrollThumbElm = self.getEl('scroll' + axisName + 't');
  3333. containerSize = containerElm['client' + sizeName] - margin * 2;
  3334. containerSize -= hasScrollH && hasScrollV ? scrollBarElm['client' + ax] : 0;
  3335. scrollSize = containerElm['scroll' + sizeName];
  3336. ratio = containerSize / scrollSize;
  3337. rect = {};
  3338. rect[posNameLower] = containerElm['offset' + posName] + margin;
  3339. rect[sizeNameLower] = containerSize;
  3340. global$9(scrollBarElm).css(rect);
  3341. rect = {};
  3342. rect[posNameLower] = containerElm['scroll' + posName] * ratio;
  3343. rect[sizeNameLower] = containerSize * ratio;
  3344. global$9(scrollThumbElm).css(rect);
  3345. }
  3346. }
  3347. bodyElm = self.getEl('body');
  3348. hasScrollH = bodyElm.scrollWidth > bodyElm.clientWidth;
  3349. hasScrollV = bodyElm.scrollHeight > bodyElm.clientHeight;
  3350. repaintAxis('h', 'Left', 'Width', 'contentW', hasScrollH, 'Height');
  3351. repaintAxis('v', 'Top', 'Height', 'contentH', hasScrollV, 'Width');
  3352. }
  3353. function addScroll() {
  3354. function addScrollAxis(axisName, posName, sizeName, deltaPosName, ax) {
  3355. var scrollStart;
  3356. var axisId = self._id + '-scroll' + axisName, prefix = self.classPrefix;
  3357. global$9(self.getEl()).append('<div id="' + axisId + '" class="' + prefix + 'scrollbar ' + prefix + 'scrollbar-' + axisName + '">' + '<div id="' + axisId + 't" class="' + prefix + 'scrollbar-thumb"></div>' + '</div>');
  3358. self.draghelper = new DragHelper(axisId + 't', {
  3359. start: function () {
  3360. scrollStart = self.getEl('body')['scroll' + posName];
  3361. global$9('#' + axisId).addClass(prefix + 'active');
  3362. },
  3363. drag: function (e) {
  3364. var ratio, hasScrollH, hasScrollV, containerSize;
  3365. var layoutRect = self.layoutRect();
  3366. hasScrollH = layoutRect.contentW > layoutRect.innerW;
  3367. hasScrollV = layoutRect.contentH > layoutRect.innerH;
  3368. containerSize = self.getEl('body')['client' + sizeName] - margin * 2;
  3369. containerSize -= hasScrollH && hasScrollV ? self.getEl('scroll' + axisName)['client' + ax] : 0;
  3370. ratio = containerSize / self.getEl('body')['scroll' + sizeName];
  3371. self.getEl('body')['scroll' + posName] = scrollStart + e['delta' + deltaPosName] / ratio;
  3372. },
  3373. stop: function () {
  3374. global$9('#' + axisId).removeClass(prefix + 'active');
  3375. }
  3376. });
  3377. }
  3378. self.classes.add('scroll');
  3379. addScrollAxis('v', 'Top', 'Height', 'Y', 'Width');
  3380. addScrollAxis('h', 'Left', 'Width', 'X', 'Height');
  3381. }
  3382. if (self.settings.autoScroll) {
  3383. if (!self._hasScroll) {
  3384. self._hasScroll = true;
  3385. addScroll();
  3386. self.on('wheel', function (e) {
  3387. var bodyEl = self.getEl('body');
  3388. bodyEl.scrollLeft += (e.deltaX || 0) * 10;
  3389. bodyEl.scrollTop += e.deltaY * 10;
  3390. repaintScroll();
  3391. });
  3392. global$9(self.getEl('body')).on('scroll', repaintScroll);
  3393. }
  3394. repaintScroll();
  3395. }
  3396. }
  3397. };
  3398. var Panel = Container.extend({
  3399. Defaults: {
  3400. layout: 'fit',
  3401. containerCls: 'panel'
  3402. },
  3403. Mixins: [Scrollable],
  3404. renderHtml: function () {
  3405. var self = this;
  3406. var layout = self._layout;
  3407. var innerHtml = self.settings.html;
  3408. self.preRender();
  3409. layout.preRender(self);
  3410. if (typeof innerHtml === 'undefined') {
  3411. innerHtml = '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + layout.renderHtml(self) + '</div>';
  3412. } else {
  3413. if (typeof innerHtml === 'function') {
  3414. innerHtml = innerHtml.call(self);
  3415. }
  3416. self._hasBody = false;
  3417. }
  3418. return '<div id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1" role="group">' + (self._preBodyHtml || '') + innerHtml + '</div>';
  3419. }
  3420. });
  3421. var Resizable = {
  3422. resizeToContent: function () {
  3423. this._layoutRect.autoResize = true;
  3424. this._lastRect = null;
  3425. this.reflow();
  3426. },
  3427. resizeTo: function (w, h) {
  3428. if (w <= 1 || h <= 1) {
  3429. var rect = funcs.getWindowSize();
  3430. w = w <= 1 ? w * rect.w : w;
  3431. h = h <= 1 ? h * rect.h : h;
  3432. }
  3433. this._layoutRect.autoResize = false;
  3434. return this.layoutRect({
  3435. minW: w,
  3436. minH: h,
  3437. w: w,
  3438. h: h
  3439. }).reflow();
  3440. },
  3441. resizeBy: function (dw, dh) {
  3442. var self = this, rect = self.layoutRect();
  3443. return self.resizeTo(rect.w + dw, rect.h + dh);
  3444. }
  3445. };
  3446. var documentClickHandler, documentScrollHandler, windowResizeHandler;
  3447. var visiblePanels = [];
  3448. var zOrder = [];
  3449. var hasModal;
  3450. function isChildOf(ctrl, parent) {
  3451. while (ctrl) {
  3452. if (ctrl === parent) {
  3453. return true;
  3454. }
  3455. ctrl = ctrl.parent();
  3456. }
  3457. }
  3458. function skipOrHidePanels(e) {
  3459. var i = visiblePanels.length;
  3460. while (i--) {
  3461. var panel = visiblePanels[i], clickCtrl = panel.getParentCtrl(e.target);
  3462. if (panel.settings.autohide) {
  3463. if (clickCtrl) {
  3464. if (isChildOf(clickCtrl, panel) || panel.parent() === clickCtrl) {
  3465. continue;
  3466. }
  3467. }
  3468. e = panel.fire('autohide', { target: e.target });
  3469. if (!e.isDefaultPrevented()) {
  3470. panel.hide();
  3471. }
  3472. }
  3473. }
  3474. }
  3475. function bindDocumentClickHandler() {
  3476. if (!documentClickHandler) {
  3477. documentClickHandler = function (e) {
  3478. if (e.button === 2) {
  3479. return;
  3480. }
  3481. skipOrHidePanels(e);
  3482. };
  3483. global$9(domGlobals.document).on('click touchstart', documentClickHandler);
  3484. }
  3485. }
  3486. function bindDocumentScrollHandler() {
  3487. if (!documentScrollHandler) {
  3488. documentScrollHandler = function () {
  3489. var i;
  3490. i = visiblePanels.length;
  3491. while (i--) {
  3492. repositionPanel(visiblePanels[i]);
  3493. }
  3494. };
  3495. global$9(domGlobals.window).on('scroll', documentScrollHandler);
  3496. }
  3497. }
  3498. function bindWindowResizeHandler() {
  3499. if (!windowResizeHandler) {
  3500. var docElm_1 = domGlobals.document.documentElement;
  3501. var clientWidth_1 = docElm_1.clientWidth, clientHeight_1 = docElm_1.clientHeight;
  3502. windowResizeHandler = function () {
  3503. if (!domGlobals.document.all || clientWidth_1 !== docElm_1.clientWidth || clientHeight_1 !== docElm_1.clientHeight) {
  3504. clientWidth_1 = docElm_1.clientWidth;
  3505. clientHeight_1 = docElm_1.clientHeight;
  3506. FloatPanel.hideAll();
  3507. }
  3508. };
  3509. global$9(domGlobals.window).on('resize', windowResizeHandler);
  3510. }
  3511. }
  3512. function repositionPanel(panel) {
  3513. var scrollY = funcs.getViewPort().y;
  3514. function toggleFixedChildPanels(fixed, deltaY) {
  3515. var parent;
  3516. for (var i = 0; i < visiblePanels.length; i++) {
  3517. if (visiblePanels[i] !== panel) {
  3518. parent = visiblePanels[i].parent();
  3519. while (parent && (parent = parent.parent())) {
  3520. if (parent === panel) {
  3521. visiblePanels[i].fixed(fixed).moveBy(0, deltaY).repaint();
  3522. }
  3523. }
  3524. }
  3525. }
  3526. }
  3527. if (panel.settings.autofix) {
  3528. if (!panel.state.get('fixed')) {
  3529. panel._autoFixY = panel.layoutRect().y;
  3530. if (panel._autoFixY < scrollY) {
  3531. panel.fixed(true).layoutRect({ y: 0 }).repaint();
  3532. toggleFixedChildPanels(true, scrollY - panel._autoFixY);
  3533. }
  3534. } else {
  3535. if (panel._autoFixY > scrollY) {
  3536. panel.fixed(false).layoutRect({ y: panel._autoFixY }).repaint();
  3537. toggleFixedChildPanels(false, panel._autoFixY - scrollY);
  3538. }
  3539. }
  3540. }
  3541. }
  3542. function addRemove(add, ctrl) {
  3543. var i, zIndex = FloatPanel.zIndex || 65535, topModal;
  3544. if (add) {
  3545. zOrder.push(ctrl);
  3546. } else {
  3547. i = zOrder.length;
  3548. while (i--) {
  3549. if (zOrder[i] === ctrl) {
  3550. zOrder.splice(i, 1);
  3551. }
  3552. }
  3553. }
  3554. if (zOrder.length) {
  3555. for (i = 0; i < zOrder.length; i++) {
  3556. if (zOrder[i].modal) {
  3557. zIndex++;
  3558. topModal = zOrder[i];
  3559. }
  3560. zOrder[i].getEl().style.zIndex = zIndex;
  3561. zOrder[i].zIndex = zIndex;
  3562. zIndex++;
  3563. }
  3564. }
  3565. var modalBlockEl = global$9('#' + ctrl.classPrefix + 'modal-block', ctrl.getContainerElm())[0];
  3566. if (topModal) {
  3567. global$9(modalBlockEl).css('z-index', topModal.zIndex - 1);
  3568. } else if (modalBlockEl) {
  3569. modalBlockEl.parentNode.removeChild(modalBlockEl);
  3570. hasModal = false;
  3571. }
  3572. FloatPanel.currentZIndex = zIndex;
  3573. }
  3574. var FloatPanel = Panel.extend({
  3575. Mixins: [
  3576. Movable,
  3577. Resizable
  3578. ],
  3579. init: function (settings) {
  3580. var self = this;
  3581. self._super(settings);
  3582. self._eventsRoot = self;
  3583. self.classes.add('floatpanel');
  3584. if (settings.autohide) {
  3585. bindDocumentClickHandler();
  3586. bindWindowResizeHandler();
  3587. visiblePanels.push(self);
  3588. }
  3589. if (settings.autofix) {
  3590. bindDocumentScrollHandler();
  3591. self.on('move', function () {
  3592. repositionPanel(this);
  3593. });
  3594. }
  3595. self.on('postrender show', function (e) {
  3596. if (e.control === self) {
  3597. var $modalBlockEl_1;
  3598. var prefix_1 = self.classPrefix;
  3599. if (self.modal && !hasModal) {
  3600. $modalBlockEl_1 = global$9('#' + prefix_1 + 'modal-block', self.getContainerElm());
  3601. if (!$modalBlockEl_1[0]) {
  3602. $modalBlockEl_1 = global$9('<div id="' + prefix_1 + 'modal-block" class="' + prefix_1 + 'reset ' + prefix_1 + 'fade"></div>').appendTo(self.getContainerElm());
  3603. }
  3604. global$7.setTimeout(function () {
  3605. $modalBlockEl_1.addClass(prefix_1 + 'in');
  3606. global$9(self.getEl()).addClass(prefix_1 + 'in');
  3607. });
  3608. hasModal = true;
  3609. }
  3610. addRemove(true, self);
  3611. }
  3612. });
  3613. self.on('show', function () {
  3614. self.parents().each(function (ctrl) {
  3615. if (ctrl.state.get('fixed')) {
  3616. self.fixed(true);
  3617. return false;
  3618. }
  3619. });
  3620. });
  3621. if (settings.popover) {
  3622. self._preBodyHtml = '<div class="' + self.classPrefix + 'arrow"></div>';
  3623. self.classes.add('popover').add('bottom').add(self.isRtl() ? 'end' : 'start');
  3624. }
  3625. self.aria('label', settings.ariaLabel);
  3626. self.aria('labelledby', self._id);
  3627. self.aria('describedby', self.describedBy || self._id + '-none');
  3628. },
  3629. fixed: function (state) {
  3630. var self = this;
  3631. if (self.state.get('fixed') !== state) {
  3632. if (self.state.get('rendered')) {
  3633. var viewport = funcs.getViewPort();
  3634. if (state) {
  3635. self.layoutRect().y -= viewport.y;
  3636. } else {
  3637. self.layoutRect().y += viewport.y;
  3638. }
  3639. }
  3640. self.classes.toggle('fixed', state);
  3641. self.state.set('fixed', state);
  3642. }
  3643. return self;
  3644. },
  3645. show: function () {
  3646. var self = this;
  3647. var i;
  3648. var state = self._super();
  3649. i = visiblePanels.length;
  3650. while (i--) {
  3651. if (visiblePanels[i] === self) {
  3652. break;
  3653. }
  3654. }
  3655. if (i === -1) {
  3656. visiblePanels.push(self);
  3657. }
  3658. return state;
  3659. },
  3660. hide: function () {
  3661. removeVisiblePanel(this);
  3662. addRemove(false, this);
  3663. return this._super();
  3664. },
  3665. hideAll: function () {
  3666. FloatPanel.hideAll();
  3667. },
  3668. close: function () {
  3669. var self = this;
  3670. if (!self.fire('close').isDefaultPrevented()) {
  3671. self.remove();
  3672. addRemove(false, self);
  3673. }
  3674. return self;
  3675. },
  3676. remove: function () {
  3677. removeVisiblePanel(this);
  3678. this._super();
  3679. },
  3680. postRender: function () {
  3681. var self = this;
  3682. if (self.settings.bodyRole) {
  3683. this.getEl('body').setAttribute('role', self.settings.bodyRole);
  3684. }
  3685. return self._super();
  3686. }
  3687. });
  3688. FloatPanel.hideAll = function () {
  3689. var i = visiblePanels.length;
  3690. while (i--) {
  3691. var panel = visiblePanels[i];
  3692. if (panel && panel.settings.autohide) {
  3693. panel.hide();
  3694. visiblePanels.splice(i, 1);
  3695. }
  3696. }
  3697. };
  3698. function removeVisiblePanel(panel) {
  3699. var i;
  3700. i = visiblePanels.length;
  3701. while (i--) {
  3702. if (visiblePanels[i] === panel) {
  3703. visiblePanels.splice(i, 1);
  3704. }
  3705. }
  3706. i = zOrder.length;
  3707. while (i--) {
  3708. if (zOrder[i] === panel) {
  3709. zOrder.splice(i, 1);
  3710. }
  3711. }
  3712. }
  3713. var isFixed$1 = function (inlineToolbarContainer, editor) {
  3714. return !!(inlineToolbarContainer && !editor.settings.ui_container);
  3715. };
  3716. var render$1 = function (editor, theme, args) {
  3717. var panel, inlineToolbarContainer;
  3718. var DOM = global$3.DOM;
  3719. var fixedToolbarContainer = getFixedToolbarContainer(editor);
  3720. if (fixedToolbarContainer) {
  3721. inlineToolbarContainer = DOM.select(fixedToolbarContainer)[0];
  3722. }
  3723. var reposition = function () {
  3724. if (panel && panel.moveRel && panel.visible() && !panel._fixed) {
  3725. var scrollContainer = editor.selection.getScrollContainer(), body = editor.getBody();
  3726. var deltaX = 0, deltaY = 0;
  3727. if (scrollContainer) {
  3728. var bodyPos = DOM.getPos(body), scrollContainerPos = DOM.getPos(scrollContainer);
  3729. deltaX = Math.max(0, scrollContainerPos.x - bodyPos.x);
  3730. deltaY = Math.max(0, scrollContainerPos.y - bodyPos.y);
  3731. }
  3732. panel.fixed(false).moveRel(body, editor.rtl ? [
  3733. 'tr-br',
  3734. 'br-tr'
  3735. ] : [
  3736. 'tl-bl',
  3737. 'bl-tl',
  3738. 'tr-br'
  3739. ]).moveBy(deltaX, deltaY);
  3740. }
  3741. };
  3742. var show = function () {
  3743. if (panel) {
  3744. panel.show();
  3745. reposition();
  3746. DOM.addClass(editor.getBody(), 'mce-edit-focus');
  3747. }
  3748. };
  3749. var hide = function () {
  3750. if (panel) {
  3751. panel.hide();
  3752. FloatPanel.hideAll();
  3753. DOM.removeClass(editor.getBody(), 'mce-edit-focus');
  3754. }
  3755. };
  3756. var render = function () {
  3757. if (panel) {
  3758. if (!panel.visible()) {
  3759. show();
  3760. }
  3761. return;
  3762. }
  3763. panel = theme.panel = global$4.create({
  3764. type: inlineToolbarContainer ? 'panel' : 'floatpanel',
  3765. role: 'application',
  3766. classes: 'tinymce tinymce-inline',
  3767. layout: 'flex',
  3768. direction: 'column',
  3769. align: 'stretch',
  3770. autohide: false,
  3771. autofix: true,
  3772. fixed: isFixed$1(inlineToolbarContainer, editor),
  3773. border: 1,
  3774. items: [
  3775. hasMenubar(editor) === false ? null : {
  3776. type: 'menubar',
  3777. border: '0 0 1 0',
  3778. items: Menubar.createMenuButtons(editor)
  3779. },
  3780. Toolbar.createToolbars(editor, getToolbarSize(editor))
  3781. ]
  3782. });
  3783. UiContainer.setUiContainer(editor, panel);
  3784. Events.fireBeforeRenderUI(editor);
  3785. if (inlineToolbarContainer) {
  3786. panel.renderTo(inlineToolbarContainer).reflow();
  3787. } else {
  3788. panel.renderTo().reflow();
  3789. }
  3790. A11y.addKeys(editor, panel);
  3791. show();
  3792. ContextToolbars.addContextualToolbars(editor);
  3793. editor.on('nodeChange', reposition);
  3794. editor.on('ResizeWindow', reposition);
  3795. editor.on('activate', show);
  3796. editor.on('deactivate', hide);
  3797. editor.nodeChanged();
  3798. };
  3799. editor.settings.content_editable = true;
  3800. editor.on('focus', function () {
  3801. if (isSkinDisabled(editor) === false && args.skinUiCss) {
  3802. DOM.styleSheetLoader.load(args.skinUiCss, render, render);
  3803. } else {
  3804. render();
  3805. }
  3806. });
  3807. editor.on('blur hide', hide);
  3808. editor.on('remove', function () {
  3809. if (panel) {
  3810. panel.remove();
  3811. panel = null;
  3812. }
  3813. });
  3814. if (isSkinDisabled(editor) === false && args.skinUiCss) {
  3815. DOM.styleSheetLoader.load(args.skinUiCss, SkinLoaded.fireSkinLoaded(editor));
  3816. } else {
  3817. SkinLoaded.fireSkinLoaded(editor)();
  3818. }
  3819. return {};
  3820. };
  3821. var Inline = { render: render$1 };
  3822. function Throbber (elm, inline) {
  3823. var self = this;
  3824. var state;
  3825. var classPrefix = Control$1.classPrefix;
  3826. var timer;
  3827. self.show = function (time, callback) {
  3828. function render() {
  3829. if (state) {
  3830. global$9(elm).append('<div class="' + classPrefix + 'throbber' + (inline ? ' ' + classPrefix + 'throbber-inline' : '') + '"></div>');
  3831. if (callback) {
  3832. callback();
  3833. }
  3834. }
  3835. }
  3836. self.hide();
  3837. state = true;
  3838. if (time) {
  3839. timer = global$7.setTimeout(render, time);
  3840. } else {
  3841. render();
  3842. }
  3843. return self;
  3844. };
  3845. self.hide = function () {
  3846. var child = elm.lastChild;
  3847. global$7.clearTimeout(timer);
  3848. if (child && child.className.indexOf('throbber') !== -1) {
  3849. child.parentNode.removeChild(child);
  3850. }
  3851. state = false;
  3852. return self;
  3853. };
  3854. }
  3855. var setup = function (editor, theme) {
  3856. var throbber;
  3857. editor.on('ProgressState', function (e) {
  3858. throbber = throbber || new Throbber(theme.panel.getEl('body'));
  3859. if (e.state) {
  3860. throbber.show(e.time);
  3861. } else {
  3862. throbber.hide();
  3863. }
  3864. });
  3865. };
  3866. var ProgressState = { setup: setup };
  3867. var renderUI = function (editor, theme, args) {
  3868. var skinUrl = getSkinUrl(editor);
  3869. if (skinUrl) {
  3870. args.skinUiCss = skinUrl + '/skin.min.css';
  3871. editor.contentCSS.push(skinUrl + '/content' + (editor.inline ? '.inline' : '') + '.min.css');
  3872. }
  3873. ProgressState.setup(editor, theme);
  3874. return isInline(editor) ? Inline.render(editor, theme, args) : Iframe.render(editor, theme, args);
  3875. };
  3876. var Render = { renderUI: renderUI };
  3877. var Tooltip = Control$1.extend({
  3878. Mixins: [Movable],
  3879. Defaults: { classes: 'widget tooltip tooltip-n' },
  3880. renderHtml: function () {
  3881. var self = this, prefix = self.classPrefix;
  3882. return '<div id="' + self._id + '" class="' + self.classes + '" role="presentation">' + '<div class="' + prefix + 'tooltip-arrow"></div>' + '<div class="' + prefix + 'tooltip-inner">' + self.encode(self.state.get('text')) + '</div>' + '</div>';
  3883. },
  3884. bindStates: function () {
  3885. var self = this;
  3886. self.state.on('change:text', function (e) {
  3887. self.getEl().lastChild.innerHTML = self.encode(e.value);
  3888. });
  3889. return self._super();
  3890. },
  3891. repaint: function () {
  3892. var self = this;
  3893. var style, rect;
  3894. style = self.getEl().style;
  3895. rect = self._layoutRect;
  3896. style.left = rect.x + 'px';
  3897. style.top = rect.y + 'px';
  3898. style.zIndex = 65535 + 65535;
  3899. }
  3900. });
  3901. var Widget = Control$1.extend({
  3902. init: function (settings) {
  3903. var self = this;
  3904. self._super(settings);
  3905. settings = self.settings;
  3906. self.canFocus = true;
  3907. if (settings.tooltip && Widget.tooltips !== false) {
  3908. self.on('mouseenter', function (e) {
  3909. var tooltip = self.tooltip().moveTo(-65535);
  3910. if (e.control === self) {
  3911. var rel = tooltip.text(settings.tooltip).show().testMoveRel(self.getEl(), [
  3912. 'bc-tc',
  3913. 'bc-tl',
  3914. 'bc-tr'
  3915. ]);
  3916. tooltip.classes.toggle('tooltip-n', rel === 'bc-tc');
  3917. tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl');
  3918. tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr');
  3919. tooltip.moveRel(self.getEl(), rel);
  3920. } else {
  3921. tooltip.hide();
  3922. }
  3923. });
  3924. self.on('mouseleave mousedown click', function () {
  3925. self.tooltip().remove();
  3926. self._tooltip = null;
  3927. });
  3928. }
  3929. self.aria('label', settings.ariaLabel || settings.tooltip);
  3930. },
  3931. tooltip: function () {
  3932. if (!this._tooltip) {
  3933. this._tooltip = new Tooltip({ type: 'tooltip' });
  3934. UiContainer.inheritUiContainer(this, this._tooltip);
  3935. this._tooltip.renderTo();
  3936. }
  3937. return this._tooltip;
  3938. },
  3939. postRender: function () {
  3940. var self = this, settings = self.settings;
  3941. self._super();
  3942. if (!self.parent() && (settings.width || settings.height)) {
  3943. self.initLayoutRect();
  3944. self.repaint();
  3945. }
  3946. if (settings.autofocus) {
  3947. self.focus();
  3948. }
  3949. },
  3950. bindStates: function () {
  3951. var self = this;
  3952. function disable(state) {
  3953. self.aria('disabled', state);
  3954. self.classes.toggle('disabled', state);
  3955. }
  3956. function active(state) {
  3957. self.aria('pressed', state);
  3958. self.classes.toggle('active', state);
  3959. }
  3960. self.state.on('change:disabled', function (e) {
  3961. disable(e.value);
  3962. });
  3963. self.state.on('change:active', function (e) {
  3964. active(e.value);
  3965. });
  3966. if (self.state.get('disabled')) {
  3967. disable(true);
  3968. }
  3969. if (self.state.get('active')) {
  3970. active(true);
  3971. }
  3972. return self._super();
  3973. },
  3974. remove: function () {
  3975. this._super();
  3976. if (this._tooltip) {
  3977. this._tooltip.remove();
  3978. this._tooltip = null;
  3979. }
  3980. }
  3981. });
  3982. var Progress = Widget.extend({
  3983. Defaults: { value: 0 },
  3984. init: function (settings) {
  3985. var self = this;
  3986. self._super(settings);
  3987. self.classes.add('progress');
  3988. if (!self.settings.filter) {
  3989. self.settings.filter = function (value) {
  3990. return Math.round(value);
  3991. };
  3992. }
  3993. },
  3994. renderHtml: function () {
  3995. var self = this, id = self._id, prefix = this.classPrefix;
  3996. return '<div id="' + id + '" class="' + self.classes + '">' + '<div class="' + prefix + 'bar-container">' + '<div class="' + prefix + 'bar"></div>' + '</div>' + '<div class="' + prefix + 'text">0%</div>' + '</div>';
  3997. },
  3998. postRender: function () {
  3999. var self = this;
  4000. self._super();
  4001. self.value(self.settings.value);
  4002. return self;
  4003. },
  4004. bindStates: function () {
  4005. var self = this;
  4006. function setValue(value) {
  4007. value = self.settings.filter(value);
  4008. self.getEl().lastChild.innerHTML = value + '%';
  4009. self.getEl().firstChild.firstChild.style.width = value + '%';
  4010. }
  4011. self.state.on('change:value', function (e) {
  4012. setValue(e.value);
  4013. });
  4014. setValue(self.state.get('value'));
  4015. return self._super();
  4016. }
  4017. });
  4018. var updateLiveRegion = function (ctx, text) {
  4019. ctx.getEl().lastChild.textContent = text + (ctx.progressBar ? ' ' + ctx.progressBar.value() + '%' : '');
  4020. };
  4021. var Notification = Control$1.extend({
  4022. Mixins: [Movable],
  4023. Defaults: { classes: 'widget notification' },
  4024. init: function (settings) {
  4025. var self = this;
  4026. self._super(settings);
  4027. self.maxWidth = settings.maxWidth;
  4028. if (settings.text) {
  4029. self.text(settings.text);
  4030. }
  4031. if (settings.icon) {
  4032. self.icon = settings.icon;
  4033. }
  4034. if (settings.color) {
  4035. self.color = settings.color;
  4036. }
  4037. if (settings.type) {
  4038. self.classes.add('notification-' + settings.type);
  4039. }
  4040. if (settings.timeout && (settings.timeout < 0 || settings.timeout > 0) && !settings.closeButton) {
  4041. self.closeButton = false;
  4042. } else {
  4043. self.classes.add('has-close');
  4044. self.closeButton = true;
  4045. }
  4046. if (settings.progressBar) {
  4047. self.progressBar = new Progress();
  4048. }
  4049. self.on('click', function (e) {
  4050. if (e.target.className.indexOf(self.classPrefix + 'close') !== -1) {
  4051. self.close();
  4052. }
  4053. });
  4054. },
  4055. renderHtml: function () {
  4056. var self = this;
  4057. var prefix = self.classPrefix;
  4058. var icon = '', closeButton = '', progressBar = '', notificationStyle = '';
  4059. if (self.icon) {
  4060. icon = '<i class="' + prefix + 'ico' + ' ' + prefix + 'i-' + self.icon + '"></i>';
  4061. }
  4062. notificationStyle = ' style="max-width: ' + self.maxWidth + 'px;' + (self.color ? 'background-color: ' + self.color + ';"' : '"');
  4063. if (self.closeButton) {
  4064. closeButton = '<button type="button" class="' + prefix + 'close" aria-hidden="true">\xD7</button>';
  4065. }
  4066. if (self.progressBar) {
  4067. progressBar = self.progressBar.renderHtml();
  4068. }
  4069. return '<div id="' + self._id + '" class="' + self.classes + '"' + notificationStyle + ' role="presentation">' + icon + '<div class="' + prefix + 'notification-inner">' + self.state.get('text') + '</div>' + progressBar + closeButton + '<div style="clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute;width: 1px;"' + ' aria-live="assertive" aria-relevant="additions" aria-atomic="true"></div>' + '</div>';
  4070. },
  4071. postRender: function () {
  4072. var self = this;
  4073. global$7.setTimeout(function () {
  4074. self.$el.addClass(self.classPrefix + 'in');
  4075. updateLiveRegion(self, self.state.get('text'));
  4076. }, 100);
  4077. return self._super();
  4078. },
  4079. bindStates: function () {
  4080. var self = this;
  4081. self.state.on('change:text', function (e) {
  4082. self.getEl().firstChild.innerHTML = e.value;
  4083. updateLiveRegion(self, e.value);
  4084. });
  4085. if (self.progressBar) {
  4086. self.progressBar.bindStates();
  4087. self.progressBar.state.on('change:value', function (e) {
  4088. updateLiveRegion(self, self.state.get('text'));
  4089. });
  4090. }
  4091. return self._super();
  4092. },
  4093. close: function () {
  4094. var self = this;
  4095. if (!self.fire('close').isDefaultPrevented()) {
  4096. self.remove();
  4097. }
  4098. return self;
  4099. },
  4100. repaint: function () {
  4101. var self = this;
  4102. var style, rect;
  4103. style = self.getEl().style;
  4104. rect = self._layoutRect;
  4105. style.left = rect.x + 'px';
  4106. style.top = rect.y + 'px';
  4107. style.zIndex = 65535 - 1;
  4108. }
  4109. });
  4110. function NotificationManagerImpl (editor) {
  4111. var getEditorContainer = function (editor) {
  4112. return editor.inline ? editor.getElement() : editor.getContentAreaContainer();
  4113. };
  4114. var getContainerWidth = function () {
  4115. var container = getEditorContainer(editor);
  4116. return funcs.getSize(container).width;
  4117. };
  4118. var prePositionNotifications = function (notifications) {
  4119. each(notifications, function (notification) {
  4120. notification.moveTo(0, 0);
  4121. });
  4122. };
  4123. var positionNotifications = function (notifications) {
  4124. if (notifications.length > 0) {
  4125. var firstItem = notifications.slice(0, 1)[0];
  4126. var container = getEditorContainer(editor);
  4127. firstItem.moveRel(container, 'tc-tc');
  4128. each(notifications, function (notification, index) {
  4129. if (index > 0) {
  4130. notification.moveRel(notifications[index - 1].getEl(), 'bc-tc');
  4131. }
  4132. });
  4133. }
  4134. };
  4135. var reposition = function (notifications) {
  4136. prePositionNotifications(notifications);
  4137. positionNotifications(notifications);
  4138. };
  4139. var open = function (args, closeCallback) {
  4140. var extendedArgs = global$2.extend(args, { maxWidth: getContainerWidth() });
  4141. var notif = new Notification(extendedArgs);
  4142. notif.args = extendedArgs;
  4143. if (extendedArgs.timeout > 0) {
  4144. notif.timer = setTimeout(function () {
  4145. notif.close();
  4146. closeCallback();
  4147. }, extendedArgs.timeout);
  4148. }
  4149. notif.on('close', function () {
  4150. closeCallback();
  4151. });
  4152. notif.renderTo();
  4153. return notif;
  4154. };
  4155. var close = function (notification) {
  4156. notification.close();
  4157. };
  4158. var getArgs = function (notification) {
  4159. return notification.args;
  4160. };
  4161. return {
  4162. open: open,
  4163. close: close,
  4164. reposition: reposition,
  4165. getArgs: getArgs
  4166. };
  4167. }
  4168. var windows = [];
  4169. var oldMetaValue = '';
  4170. function toggleFullScreenState(state) {
  4171. var noScaleMetaValue = 'width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0';
  4172. var viewport = global$9('meta[name=viewport]')[0], contentValue;
  4173. if (global$8.overrideViewPort === false) {
  4174. return;
  4175. }
  4176. if (!viewport) {
  4177. viewport = domGlobals.document.createElement('meta');
  4178. viewport.setAttribute('name', 'viewport');
  4179. domGlobals.document.getElementsByTagName('head')[0].appendChild(viewport);
  4180. }
  4181. contentValue = viewport.getAttribute('content');
  4182. if (contentValue && typeof oldMetaValue !== 'undefined') {
  4183. oldMetaValue = contentValue;
  4184. }
  4185. viewport.setAttribute('content', state ? noScaleMetaValue : oldMetaValue);
  4186. }
  4187. function toggleBodyFullScreenClasses(classPrefix, state) {
  4188. if (checkFullscreenWindows() && state === false) {
  4189. global$9([
  4190. domGlobals.document.documentElement,
  4191. domGlobals.document.body
  4192. ]).removeClass(classPrefix + 'fullscreen');
  4193. }
  4194. }
  4195. function checkFullscreenWindows() {
  4196. for (var i = 0; i < windows.length; i++) {
  4197. if (windows[i]._fullscreen) {
  4198. return true;
  4199. }
  4200. }
  4201. return false;
  4202. }
  4203. function handleWindowResize() {
  4204. if (!global$8.desktop) {
  4205. var lastSize_1 = {
  4206. w: domGlobals.window.innerWidth,
  4207. h: domGlobals.window.innerHeight
  4208. };
  4209. global$7.setInterval(function () {
  4210. var w = domGlobals.window.innerWidth, h = domGlobals.window.innerHeight;
  4211. if (lastSize_1.w !== w || lastSize_1.h !== h) {
  4212. lastSize_1 = {
  4213. w: w,
  4214. h: h
  4215. };
  4216. global$9(domGlobals.window).trigger('resize');
  4217. }
  4218. }, 100);
  4219. }
  4220. function reposition() {
  4221. var i;
  4222. var rect = funcs.getWindowSize();
  4223. var layoutRect;
  4224. for (i = 0; i < windows.length; i++) {
  4225. layoutRect = windows[i].layoutRect();
  4226. windows[i].moveTo(windows[i].settings.x || Math.max(0, rect.w / 2 - layoutRect.w / 2), windows[i].settings.y || Math.max(0, rect.h / 2 - layoutRect.h / 2));
  4227. }
  4228. }
  4229. global$9(domGlobals.window).on('resize', reposition);
  4230. }
  4231. var Window = FloatPanel.extend({
  4232. modal: true,
  4233. Defaults: {
  4234. border: 1,
  4235. layout: 'flex',
  4236. containerCls: 'panel',
  4237. role: 'dialog',
  4238. callbacks: {
  4239. submit: function () {
  4240. this.fire('submit', { data: this.toJSON() });
  4241. },
  4242. close: function () {
  4243. this.close();
  4244. }
  4245. }
  4246. },
  4247. init: function (settings) {
  4248. var self = this;
  4249. self._super(settings);
  4250. if (self.isRtl()) {
  4251. self.classes.add('rtl');
  4252. }
  4253. self.classes.add('window');
  4254. self.bodyClasses.add('window-body');
  4255. self.state.set('fixed', true);
  4256. if (settings.buttons) {
  4257. self.statusbar = new Panel({
  4258. layout: 'flex',
  4259. border: '1 0 0 0',
  4260. spacing: 3,
  4261. padding: 10,
  4262. align: 'center',
  4263. pack: self.isRtl() ? 'start' : 'end',
  4264. defaults: { type: 'button' },
  4265. items: settings.buttons
  4266. });
  4267. self.statusbar.classes.add('foot');
  4268. self.statusbar.parent(self);
  4269. }
  4270. self.on('click', function (e) {
  4271. var closeClass = self.classPrefix + 'close';
  4272. if (funcs.hasClass(e.target, closeClass) || funcs.hasClass(e.target.parentNode, closeClass)) {
  4273. self.close();
  4274. }
  4275. });
  4276. self.on('cancel', function () {
  4277. self.close();
  4278. });
  4279. self.on('move', function (e) {
  4280. if (e.control === self) {
  4281. FloatPanel.hideAll();
  4282. }
  4283. });
  4284. self.aria('describedby', self.describedBy || self._id + '-none');
  4285. self.aria('label', settings.title);
  4286. self._fullscreen = false;
  4287. },
  4288. recalc: function () {
  4289. var self = this;
  4290. var statusbar = self.statusbar;
  4291. var layoutRect, width, x, needsRecalc;
  4292. if (self._fullscreen) {
  4293. self.layoutRect(funcs.getWindowSize());
  4294. self.layoutRect().contentH = self.layoutRect().innerH;
  4295. }
  4296. self._super();
  4297. layoutRect = self.layoutRect();
  4298. if (self.settings.title && !self._fullscreen) {
  4299. width = layoutRect.headerW;
  4300. if (width > layoutRect.w) {
  4301. x = layoutRect.x - Math.max(0, width / 2);
  4302. self.layoutRect({
  4303. w: width,
  4304. x: x
  4305. });
  4306. needsRecalc = true;
  4307. }
  4308. }
  4309. if (statusbar) {
  4310. statusbar.layoutRect({ w: self.layoutRect().innerW }).recalc();
  4311. width = statusbar.layoutRect().minW + layoutRect.deltaW;
  4312. if (width > layoutRect.w) {
  4313. x = layoutRect.x - Math.max(0, width - layoutRect.w);
  4314. self.layoutRect({
  4315. w: width,
  4316. x: x
  4317. });
  4318. needsRecalc = true;
  4319. }
  4320. }
  4321. if (needsRecalc) {
  4322. self.recalc();
  4323. }
  4324. },
  4325. initLayoutRect: function () {
  4326. var self = this;
  4327. var layoutRect = self._super();
  4328. var deltaH = 0, headEl;
  4329. if (self.settings.title && !self._fullscreen) {
  4330. headEl = self.getEl('head');
  4331. var size = funcs.getSize(headEl);
  4332. layoutRect.headerW = size.width;
  4333. layoutRect.headerH = size.height;
  4334. deltaH += layoutRect.headerH;
  4335. }
  4336. if (self.statusbar) {
  4337. deltaH += self.statusbar.layoutRect().h;
  4338. }
  4339. layoutRect.deltaH += deltaH;
  4340. layoutRect.minH += deltaH;
  4341. layoutRect.h += deltaH;
  4342. var rect = funcs.getWindowSize();
  4343. layoutRect.x = self.settings.x || Math.max(0, rect.w / 2 - layoutRect.w / 2);
  4344. layoutRect.y = self.settings.y || Math.max(0, rect.h / 2 - layoutRect.h / 2);
  4345. return layoutRect;
  4346. },
  4347. renderHtml: function () {
  4348. var self = this, layout = self._layout, id = self._id, prefix = self.classPrefix;
  4349. var settings = self.settings;
  4350. var headerHtml = '', footerHtml = '', html = settings.html;
  4351. self.preRender();
  4352. layout.preRender(self);
  4353. if (settings.title) {
  4354. headerHtml = '<div id="' + id + '-head" class="' + prefix + 'window-head">' + '<div id="' + id + '-title" class="' + prefix + 'title">' + self.encode(settings.title) + '</div>' + '<div id="' + id + '-dragh" class="' + prefix + 'dragh"></div>' + '<button type="button" class="' + prefix + 'close" aria-hidden="true">' + '<i class="mce-ico mce-i-remove"></i>' + '</button>' + '</div>';
  4355. }
  4356. if (settings.url) {
  4357. html = '<iframe src="' + settings.url + '" tabindex="-1"></iframe>';
  4358. }
  4359. if (typeof html === 'undefined') {
  4360. html = layout.renderHtml(self);
  4361. }
  4362. if (self.statusbar) {
  4363. footerHtml = self.statusbar.renderHtml();
  4364. }
  4365. return '<div id="' + id + '" class="' + self.classes + '" hidefocus="1">' + '<div class="' + self.classPrefix + 'reset" role="application">' + headerHtml + '<div id="' + id + '-body" class="' + self.bodyClasses + '">' + html + '</div>' + footerHtml + '</div>' + '</div>';
  4366. },
  4367. fullscreen: function (state) {
  4368. var self = this;
  4369. var documentElement = domGlobals.document.documentElement;
  4370. var slowRendering;
  4371. var prefix = self.classPrefix;
  4372. var layoutRect;
  4373. if (state !== self._fullscreen) {
  4374. global$9(domGlobals.window).on('resize', function () {
  4375. var time;
  4376. if (self._fullscreen) {
  4377. if (!slowRendering) {
  4378. time = new Date().getTime();
  4379. var rect = funcs.getWindowSize();
  4380. self.moveTo(0, 0).resizeTo(rect.w, rect.h);
  4381. if (new Date().getTime() - time > 50) {
  4382. slowRendering = true;
  4383. }
  4384. } else {
  4385. if (!self._timer) {
  4386. self._timer = global$7.setTimeout(function () {
  4387. var rect = funcs.getWindowSize();
  4388. self.moveTo(0, 0).resizeTo(rect.w, rect.h);
  4389. self._timer = 0;
  4390. }, 50);
  4391. }
  4392. }
  4393. }
  4394. });
  4395. layoutRect = self.layoutRect();
  4396. self._fullscreen = state;
  4397. if (!state) {
  4398. self.borderBox = BoxUtils.parseBox(self.settings.border);
  4399. self.getEl('head').style.display = '';
  4400. layoutRect.deltaH += layoutRect.headerH;
  4401. global$9([
  4402. documentElement,
  4403. domGlobals.document.body
  4404. ]).removeClass(prefix + 'fullscreen');
  4405. self.classes.remove('fullscreen');
  4406. self.moveTo(self._initial.x, self._initial.y).resizeTo(self._initial.w, self._initial.h);
  4407. } else {
  4408. self._initial = {
  4409. x: layoutRect.x,
  4410. y: layoutRect.y,
  4411. w: layoutRect.w,
  4412. h: layoutRect.h
  4413. };
  4414. self.borderBox = BoxUtils.parseBox('0');
  4415. self.getEl('head').style.display = 'none';
  4416. layoutRect.deltaH -= layoutRect.headerH + 2;
  4417. global$9([
  4418. documentElement,
  4419. domGlobals.document.body
  4420. ]).addClass(prefix + 'fullscreen');
  4421. self.classes.add('fullscreen');
  4422. var rect = funcs.getWindowSize();
  4423. self.moveTo(0, 0).resizeTo(rect.w, rect.h);
  4424. }
  4425. }
  4426. return self.reflow();
  4427. },
  4428. postRender: function () {
  4429. var self = this;
  4430. var startPos;
  4431. setTimeout(function () {
  4432. self.classes.add('in');
  4433. self.fire('open');
  4434. }, 0);
  4435. self._super();
  4436. if (self.statusbar) {
  4437. self.statusbar.postRender();
  4438. }
  4439. self.focus();
  4440. this.dragHelper = new DragHelper(self._id + '-dragh', {
  4441. start: function () {
  4442. startPos = {
  4443. x: self.layoutRect().x,
  4444. y: self.layoutRect().y
  4445. };
  4446. },
  4447. drag: function (e) {
  4448. self.moveTo(startPos.x + e.deltaX, startPos.y + e.deltaY);
  4449. }
  4450. });
  4451. self.on('submit', function (e) {
  4452. if (!e.isDefaultPrevented()) {
  4453. self.close();
  4454. }
  4455. });
  4456. windows.push(self);
  4457. toggleFullScreenState(true);
  4458. },
  4459. submit: function () {
  4460. return this.fire('submit', { data: this.toJSON() });
  4461. },
  4462. remove: function () {
  4463. var self = this;
  4464. var i;
  4465. self.dragHelper.destroy();
  4466. self._super();
  4467. if (self.statusbar) {
  4468. this.statusbar.remove();
  4469. }
  4470. toggleBodyFullScreenClasses(self.classPrefix, false);
  4471. i = windows.length;
  4472. while (i--) {
  4473. if (windows[i] === self) {
  4474. windows.splice(i, 1);
  4475. }
  4476. }
  4477. toggleFullScreenState(windows.length > 0);
  4478. },
  4479. getContentWindow: function () {
  4480. var ifr = this.getEl().getElementsByTagName('iframe')[0];
  4481. return ifr ? ifr.contentWindow : null;
  4482. }
  4483. });
  4484. handleWindowResize();
  4485. var MessageBox = Window.extend({
  4486. init: function (settings) {
  4487. settings = {
  4488. border: 1,
  4489. padding: 20,
  4490. layout: 'flex',
  4491. pack: 'center',
  4492. align: 'center',
  4493. containerCls: 'panel',
  4494. autoScroll: true,
  4495. buttons: {
  4496. type: 'button',
  4497. text: 'Ok',
  4498. action: 'ok'
  4499. },
  4500. items: {
  4501. type: 'label',
  4502. multiline: true,
  4503. maxWidth: 500,
  4504. maxHeight: 200
  4505. }
  4506. };
  4507. this._super(settings);
  4508. },
  4509. Statics: {
  4510. OK: 1,
  4511. OK_CANCEL: 2,
  4512. YES_NO: 3,
  4513. YES_NO_CANCEL: 4,
  4514. msgBox: function (settings) {
  4515. var buttons;
  4516. var callback = settings.callback || function () {
  4517. };
  4518. function createButton(text, status, primary) {
  4519. return {
  4520. type: 'button',
  4521. text: text,
  4522. subtype: primary ? 'primary' : '',
  4523. onClick: function (e) {
  4524. e.control.parents()[1].close();
  4525. callback(status);
  4526. }
  4527. };
  4528. }
  4529. switch (settings.buttons) {
  4530. case MessageBox.OK_CANCEL:
  4531. buttons = [
  4532. createButton('Ok', true, true),
  4533. createButton('Cancel', false)
  4534. ];
  4535. break;
  4536. case MessageBox.YES_NO:
  4537. case MessageBox.YES_NO_CANCEL:
  4538. buttons = [
  4539. createButton('Yes', 1, true),
  4540. createButton('No', 0)
  4541. ];
  4542. if (settings.buttons === MessageBox.YES_NO_CANCEL) {
  4543. buttons.push(createButton('Cancel', -1));
  4544. }
  4545. break;
  4546. default:
  4547. buttons = [createButton('Ok', true, true)];
  4548. break;
  4549. }
  4550. return new Window({
  4551. padding: 20,
  4552. x: settings.x,
  4553. y: settings.y,
  4554. minWidth: 300,
  4555. minHeight: 100,
  4556. layout: 'flex',
  4557. pack: 'center',
  4558. align: 'center',
  4559. buttons: buttons,
  4560. title: settings.title,
  4561. role: 'alertdialog',
  4562. items: {
  4563. type: 'label',
  4564. multiline: true,
  4565. maxWidth: 500,
  4566. maxHeight: 200,
  4567. text: settings.text
  4568. },
  4569. onPostRender: function () {
  4570. this.aria('describedby', this.items()[0]._id);
  4571. },
  4572. onClose: settings.onClose,
  4573. onCancel: function () {
  4574. callback(false);
  4575. }
  4576. }).renderTo(domGlobals.document.body).reflow();
  4577. },
  4578. alert: function (settings, callback) {
  4579. if (typeof settings === 'string') {
  4580. settings = { text: settings };
  4581. }
  4582. settings.callback = callback;
  4583. return MessageBox.msgBox(settings);
  4584. },
  4585. confirm: function (settings, callback) {
  4586. if (typeof settings === 'string') {
  4587. settings = { text: settings };
  4588. }
  4589. settings.callback = callback;
  4590. settings.buttons = MessageBox.OK_CANCEL;
  4591. return MessageBox.msgBox(settings);
  4592. }
  4593. }
  4594. });
  4595. function WindowManagerImpl (editor) {
  4596. var open = function (args, params, closeCallback) {
  4597. var win;
  4598. args.title = args.title || ' ';
  4599. args.url = args.url || args.file;
  4600. if (args.url) {
  4601. args.width = parseInt(args.width || 320, 10);
  4602. args.height = parseInt(args.height || 240, 10);
  4603. }
  4604. if (args.body) {
  4605. args.items = {
  4606. defaults: args.defaults,
  4607. type: args.bodyType || 'form',
  4608. items: args.body,
  4609. data: args.data,
  4610. callbacks: args.commands
  4611. };
  4612. }
  4613. if (!args.url && !args.buttons) {
  4614. args.buttons = [
  4615. {
  4616. text: 'Ok',
  4617. subtype: 'primary',
  4618. onclick: function () {
  4619. win.find('form')[0].submit();
  4620. }
  4621. },
  4622. {
  4623. text: 'Cancel',
  4624. onclick: function () {
  4625. win.close();
  4626. }
  4627. }
  4628. ];
  4629. }
  4630. win = new Window(args);
  4631. win.on('close', function () {
  4632. closeCallback(win);
  4633. });
  4634. if (args.data) {
  4635. win.on('postRender', function () {
  4636. this.find('*').each(function (ctrl) {
  4637. var name = ctrl.name();
  4638. if (name in args.data) {
  4639. ctrl.value(args.data[name]);
  4640. }
  4641. });
  4642. });
  4643. }
  4644. win.features = args || {};
  4645. win.params = params || {};
  4646. win = win.renderTo(domGlobals.document.body).reflow();
  4647. return win;
  4648. };
  4649. var alert = function (message, choiceCallback, closeCallback) {
  4650. var win;
  4651. win = MessageBox.alert(message, function () {
  4652. choiceCallback();
  4653. });
  4654. win.on('close', function () {
  4655. closeCallback(win);
  4656. });
  4657. return win;
  4658. };
  4659. var confirm = function (message, choiceCallback, closeCallback) {
  4660. var win;
  4661. win = MessageBox.confirm(message, function (state) {
  4662. choiceCallback(state);
  4663. });
  4664. win.on('close', function () {
  4665. closeCallback(win);
  4666. });
  4667. return win;
  4668. };
  4669. var close = function (window) {
  4670. window.close();
  4671. };
  4672. var getParams = function (window) {
  4673. return window.params;
  4674. };
  4675. var setParams = function (window, params) {
  4676. window.params = params;
  4677. };
  4678. return {
  4679. open: open,
  4680. alert: alert,
  4681. confirm: confirm,
  4682. close: close,
  4683. getParams: getParams,
  4684. setParams: setParams
  4685. };
  4686. }
  4687. var get = function (editor) {
  4688. var renderUI = function (args) {
  4689. return Render.renderUI(editor, this, args);
  4690. };
  4691. var resizeTo = function (w, h) {
  4692. return Resize.resizeTo(editor, w, h);
  4693. };
  4694. var resizeBy = function (dw, dh) {
  4695. return Resize.resizeBy(editor, dw, dh);
  4696. };
  4697. var getNotificationManagerImpl = function () {
  4698. return NotificationManagerImpl(editor);
  4699. };
  4700. var getWindowManagerImpl = function () {
  4701. return WindowManagerImpl();
  4702. };
  4703. return {
  4704. renderUI: renderUI,
  4705. resizeTo: resizeTo,
  4706. resizeBy: resizeBy,
  4707. getNotificationManagerImpl: getNotificationManagerImpl,
  4708. getWindowManagerImpl: getWindowManagerImpl
  4709. };
  4710. };
  4711. var ThemeApi = { get: get };
  4712. var Layout = global$a.extend({
  4713. Defaults: {
  4714. firstControlClass: 'first',
  4715. lastControlClass: 'last'
  4716. },
  4717. init: function (settings) {
  4718. this.settings = global$2.extend({}, this.Defaults, settings);
  4719. },
  4720. preRender: function (container) {
  4721. container.bodyClasses.add(this.settings.containerClass);
  4722. },
  4723. applyClasses: function (items) {
  4724. var self = this;
  4725. var settings = self.settings;
  4726. var firstClass, lastClass, firstItem, lastItem;
  4727. firstClass = settings.firstControlClass;
  4728. lastClass = settings.lastControlClass;
  4729. items.each(function (item) {
  4730. item.classes.remove(firstClass).remove(lastClass).add(settings.controlClass);
  4731. if (item.visible()) {
  4732. if (!firstItem) {
  4733. firstItem = item;
  4734. }
  4735. lastItem = item;
  4736. }
  4737. });
  4738. if (firstItem) {
  4739. firstItem.classes.add(firstClass);
  4740. }
  4741. if (lastItem) {
  4742. lastItem.classes.add(lastClass);
  4743. }
  4744. },
  4745. renderHtml: function (container) {
  4746. var self = this;
  4747. var html = '';
  4748. self.applyClasses(container.items());
  4749. container.items().each(function (item) {
  4750. html += item.renderHtml();
  4751. });
  4752. return html;
  4753. },
  4754. recalc: function () {
  4755. },
  4756. postRender: function () {
  4757. },
  4758. isNative: function () {
  4759. return false;
  4760. }
  4761. });
  4762. var AbsoluteLayout = Layout.extend({
  4763. Defaults: {
  4764. containerClass: 'abs-layout',
  4765. controlClass: 'abs-layout-item'
  4766. },
  4767. recalc: function (container) {
  4768. container.items().filter(':visible').each(function (ctrl) {
  4769. var settings = ctrl.settings;
  4770. ctrl.layoutRect({
  4771. x: settings.x,
  4772. y: settings.y,
  4773. w: settings.w,
  4774. h: settings.h
  4775. });
  4776. if (ctrl.recalc) {
  4777. ctrl.recalc();
  4778. }
  4779. });
  4780. },
  4781. renderHtml: function (container) {
  4782. return '<div id="' + container._id + '-absend" class="' + container.classPrefix + 'abs-end"></div>' + this._super(container);
  4783. }
  4784. });
  4785. var Button = Widget.extend({
  4786. Defaults: {
  4787. classes: 'widget btn',
  4788. role: 'button'
  4789. },
  4790. init: function (settings) {
  4791. var self = this;
  4792. var size;
  4793. self._super(settings);
  4794. settings = self.settings;
  4795. size = self.settings.size;
  4796. self.on('click mousedown', function (e) {
  4797. e.preventDefault();
  4798. });
  4799. self.on('touchstart', function (e) {
  4800. self.fire('click', e);
  4801. e.preventDefault();
  4802. });
  4803. if (settings.subtype) {
  4804. self.classes.add(settings.subtype);
  4805. }
  4806. if (size) {
  4807. self.classes.add('btn-' + size);
  4808. }
  4809. if (settings.icon) {
  4810. self.icon(settings.icon);
  4811. }
  4812. },
  4813. icon: function (icon) {
  4814. if (!arguments.length) {
  4815. return this.state.get('icon');
  4816. }
  4817. this.state.set('icon', icon);
  4818. return this;
  4819. },
  4820. repaint: function () {
  4821. var btnElm = this.getEl().firstChild;
  4822. var btnStyle;
  4823. if (btnElm) {
  4824. btnStyle = btnElm.style;
  4825. btnStyle.width = btnStyle.height = '100%';
  4826. }
  4827. this._super();
  4828. },
  4829. renderHtml: function () {
  4830. var self = this, id = self._id, prefix = self.classPrefix;
  4831. var icon = self.state.get('icon'), image;
  4832. var text = self.state.get('text');
  4833. var textHtml = '';
  4834. var ariaPressed;
  4835. var settings = self.settings;
  4836. image = settings.image;
  4837. if (image) {
  4838. icon = 'none';
  4839. if (typeof image !== 'string') {
  4840. image = domGlobals.window.getSelection ? image[0] : image[1];
  4841. }
  4842. image = ' style="background-image: url(\'' + image + '\')"';
  4843. } else {
  4844. image = '';
  4845. }
  4846. if (text) {
  4847. self.classes.add('btn-has-text');
  4848. textHtml = '<span class="' + prefix + 'txt">' + self.encode(text) + '</span>';
  4849. }
  4850. icon = icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
  4851. ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : '';
  4852. return '<div id="' + id + '" class="' + self.classes + '" tabindex="-1"' + ariaPressed + '>' + '<button id="' + id + '-button" role="presentation" type="button" tabindex="-1">' + (icon ? '<i class="' + icon + '"' + image + '></i>' : '') + textHtml + '</button>' + '</div>';
  4853. },
  4854. bindStates: function () {
  4855. var self = this, $ = self.$, textCls = self.classPrefix + 'txt';
  4856. function setButtonText(text) {
  4857. var $span = $('span.' + textCls, self.getEl());
  4858. if (text) {
  4859. if (!$span[0]) {
  4860. $('button:first', self.getEl()).append('<span class="' + textCls + '"></span>');
  4861. $span = $('span.' + textCls, self.getEl());
  4862. }
  4863. $span.html(self.encode(text));
  4864. } else {
  4865. $span.remove();
  4866. }
  4867. self.classes.toggle('btn-has-text', !!text);
  4868. }
  4869. self.state.on('change:text', function (e) {
  4870. setButtonText(e.value);
  4871. });
  4872. self.state.on('change:icon', function (e) {
  4873. var icon = e.value;
  4874. var prefix = self.classPrefix;
  4875. self.settings.icon = icon;
  4876. icon = icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : '';
  4877. var btnElm = self.getEl().firstChild;
  4878. var iconElm = btnElm.getElementsByTagName('i')[0];
  4879. if (icon) {
  4880. if (!iconElm || iconElm !== btnElm.firstChild) {
  4881. iconElm = domGlobals.document.createElement('i');
  4882. btnElm.insertBefore(iconElm, btnElm.firstChild);
  4883. }
  4884. iconElm.className = icon;
  4885. } else if (iconElm) {
  4886. btnElm.removeChild(iconElm);
  4887. }
  4888. setButtonText(self.state.get('text'));
  4889. });
  4890. return self._super();
  4891. }
  4892. });
  4893. var BrowseButton = Button.extend({
  4894. init: function (settings) {
  4895. var self = this;
  4896. settings = global$2.extend({
  4897. text: 'Browse...',
  4898. multiple: false,
  4899. accept: null
  4900. }, settings);
  4901. self._super(settings);
  4902. self.classes.add('browsebutton');
  4903. if (settings.multiple) {
  4904. self.classes.add('multiple');
  4905. }
  4906. },
  4907. postRender: function () {
  4908. var self = this;
  4909. var input = funcs.create('input', {
  4910. type: 'file',
  4911. id: self._id + '-browse',
  4912. accept: self.settings.accept
  4913. });
  4914. self._super();
  4915. global$9(input).on('change', function (e) {
  4916. var files = e.target.files;
  4917. self.value = function () {
  4918. if (!files.length) {
  4919. return null;
  4920. } else if (self.settings.multiple) {
  4921. return files;
  4922. } else {
  4923. return files[0];
  4924. }
  4925. };
  4926. e.preventDefault();
  4927. if (files.length) {
  4928. self.fire('change', e);
  4929. }
  4930. });
  4931. global$9(input).on('click', function (e) {
  4932. e.stopPropagation();
  4933. });
  4934. global$9(self.getEl('button')).on('click touchstart', function (e) {
  4935. e.stopPropagation();
  4936. input.click();
  4937. e.preventDefault();
  4938. });
  4939. self.getEl().appendChild(input);
  4940. },
  4941. remove: function () {
  4942. global$9(this.getEl('button')).off();
  4943. global$9(this.getEl('input')).off();
  4944. this._super();
  4945. }
  4946. });
  4947. var ButtonGroup = Container.extend({
  4948. Defaults: {
  4949. defaultType: 'button',
  4950. role: 'group'
  4951. },
  4952. renderHtml: function () {
  4953. var self = this, layout = self._layout;
  4954. self.classes.add('btn-group');
  4955. self.preRender();
  4956. layout.preRender(self);
  4957. return '<div id="' + self._id + '" class="' + self.classes + '">' + '<div id="' + self._id + '-body">' + (self.settings.html || '') + layout.renderHtml(self) + '</div>' + '</div>';
  4958. }
  4959. });
  4960. var Checkbox = Widget.extend({
  4961. Defaults: {
  4962. classes: 'checkbox',
  4963. role: 'checkbox',
  4964. checked: false
  4965. },
  4966. init: function (settings) {
  4967. var self = this;
  4968. self._super(settings);
  4969. self.on('click mousedown', function (e) {
  4970. e.preventDefault();
  4971. });
  4972. self.on('click', function (e) {
  4973. e.preventDefault();
  4974. if (!self.disabled()) {
  4975. self.checked(!self.checked());
  4976. }
  4977. });
  4978. self.checked(self.settings.checked);
  4979. },
  4980. checked: function (state) {
  4981. if (!arguments.length) {
  4982. return this.state.get('checked');
  4983. }
  4984. this.state.set('checked', state);
  4985. return this;
  4986. },
  4987. value: function (state) {
  4988. if (!arguments.length) {
  4989. return this.checked();
  4990. }
  4991. return this.checked(state);
  4992. },
  4993. renderHtml: function () {
  4994. var self = this, id = self._id, prefix = self.classPrefix;
  4995. return '<div id="' + id + '" class="' + self.classes + '" unselectable="on" aria-labelledby="' + id + '-al" tabindex="-1">' + '<i class="' + prefix + 'ico ' + prefix + 'i-checkbox"></i>' + '<span id="' + id + '-al" class="' + prefix + 'label">' + self.encode(self.state.get('text')) + '</span>' + '</div>';
  4996. },
  4997. bindStates: function () {
  4998. var self = this;
  4999. function checked(state) {
  5000. self.classes.toggle('checked', state);
  5001. self.aria('checked', state);
  5002. }
  5003. self.state.on('change:text', function (e) {
  5004. self.getEl('al').firstChild.data = self.translate(e.value);
  5005. });
  5006. self.state.on('change:checked change:value', function (e) {
  5007. self.fire('change');
  5008. checked(e.value);
  5009. });
  5010. self.state.on('change:icon', function (e) {
  5011. var icon = e.value;
  5012. var prefix = self.classPrefix;
  5013. if (typeof icon === 'undefined') {
  5014. return self.settings.icon;
  5015. }
  5016. self.settings.icon = icon;
  5017. icon = icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : '';
  5018. var btnElm = self.getEl().firstChild;
  5019. var iconElm = btnElm.getElementsByTagName('i')[0];
  5020. if (icon) {
  5021. if (!iconElm || iconElm !== btnElm.firstChild) {
  5022. iconElm = domGlobals.document.createElement('i');
  5023. btnElm.insertBefore(iconElm, btnElm.firstChild);
  5024. }
  5025. iconElm.className = icon;
  5026. } else if (iconElm) {
  5027. btnElm.removeChild(iconElm);
  5028. }
  5029. });
  5030. if (self.state.get('checked')) {
  5031. checked(true);
  5032. }
  5033. return self._super();
  5034. }
  5035. });
  5036. var global$d = tinymce.util.Tools.resolve('tinymce.util.VK');
  5037. var ComboBox = Widget.extend({
  5038. init: function (settings) {
  5039. var self = this;
  5040. self._super(settings);
  5041. settings = self.settings;
  5042. self.classes.add('combobox');
  5043. self.subinput = true;
  5044. self.ariaTarget = 'inp';
  5045. settings.menu = settings.menu || settings.values;
  5046. if (settings.menu) {
  5047. settings.icon = 'caret';
  5048. }
  5049. self.on('click', function (e) {
  5050. var elm = e.target;
  5051. var root = self.getEl();
  5052. if (!global$9.contains(root, elm) && elm !== root) {
  5053. return;
  5054. }
  5055. while (elm && elm !== root) {
  5056. if (elm.id && elm.id.indexOf('-open') !== -1) {
  5057. self.fire('action');
  5058. if (settings.menu) {
  5059. self.showMenu();
  5060. if (e.aria) {
  5061. self.menu.items()[0].focus();
  5062. }
  5063. }
  5064. }
  5065. elm = elm.parentNode;
  5066. }
  5067. });
  5068. self.on('keydown', function (e) {
  5069. var rootControl;
  5070. if (e.keyCode === 13 && e.target.nodeName === 'INPUT') {
  5071. e.preventDefault();
  5072. self.parents().reverse().each(function (ctrl) {
  5073. if (ctrl.toJSON) {
  5074. rootControl = ctrl;
  5075. return false;
  5076. }
  5077. });
  5078. self.fire('submit', { data: rootControl.toJSON() });
  5079. }
  5080. });
  5081. self.on('keyup', function (e) {
  5082. if (e.target.nodeName === 'INPUT') {
  5083. var oldValue = self.state.get('value');
  5084. var newValue = e.target.value;
  5085. if (newValue !== oldValue) {
  5086. self.state.set('value', newValue);
  5087. self.fire('autocomplete', e);
  5088. }
  5089. }
  5090. });
  5091. self.on('mouseover', function (e) {
  5092. var tooltip = self.tooltip().moveTo(-65535);
  5093. if (self.statusLevel() && e.target.className.indexOf(self.classPrefix + 'status') !== -1) {
  5094. var statusMessage = self.statusMessage() || 'Ok';
  5095. var rel = tooltip.text(statusMessage).show().testMoveRel(e.target, [
  5096. 'bc-tc',
  5097. 'bc-tl',
  5098. 'bc-tr'
  5099. ]);
  5100. tooltip.classes.toggle('tooltip-n', rel === 'bc-tc');
  5101. tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl');
  5102. tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr');
  5103. tooltip.moveRel(e.target, rel);
  5104. }
  5105. });
  5106. },
  5107. statusLevel: function (value) {
  5108. if (arguments.length > 0) {
  5109. this.state.set('statusLevel', value);
  5110. }
  5111. return this.state.get('statusLevel');
  5112. },
  5113. statusMessage: function (value) {
  5114. if (arguments.length > 0) {
  5115. this.state.set('statusMessage', value);
  5116. }
  5117. return this.state.get('statusMessage');
  5118. },
  5119. showMenu: function () {
  5120. var self = this;
  5121. var settings = self.settings;
  5122. var menu;
  5123. if (!self.menu) {
  5124. menu = settings.menu || [];
  5125. if (menu.length) {
  5126. menu = {
  5127. type: 'menu',
  5128. items: menu
  5129. };
  5130. } else {
  5131. menu.type = menu.type || 'menu';
  5132. }
  5133. self.menu = global$4.create(menu).parent(self).renderTo(self.getContainerElm());
  5134. self.fire('createmenu');
  5135. self.menu.reflow();
  5136. self.menu.on('cancel', function (e) {
  5137. if (e.control === self.menu) {
  5138. self.focus();
  5139. }
  5140. });
  5141. self.menu.on('show hide', function (e) {
  5142. e.control.items().each(function (ctrl) {
  5143. ctrl.active(ctrl.value() === self.value());
  5144. });
  5145. }).fire('show');
  5146. self.menu.on('select', function (e) {
  5147. self.value(e.control.value());
  5148. });
  5149. self.on('focusin', function (e) {
  5150. if (e.target.tagName.toUpperCase() === 'INPUT') {
  5151. self.menu.hide();
  5152. }
  5153. });
  5154. self.aria('expanded', true);
  5155. }
  5156. self.menu.show();
  5157. self.menu.layoutRect({ w: self.layoutRect().w });
  5158. self.menu.moveRel(self.getEl(), self.isRtl() ? [
  5159. 'br-tr',
  5160. 'tr-br'
  5161. ] : [
  5162. 'bl-tl',
  5163. 'tl-bl'
  5164. ]);
  5165. },
  5166. focus: function () {
  5167. this.getEl('inp').focus();
  5168. },
  5169. repaint: function () {
  5170. var self = this, elm = self.getEl(), openElm = self.getEl('open'), rect = self.layoutRect();
  5171. var width, lineHeight, innerPadding = 0;
  5172. var inputElm = elm.firstChild;
  5173. if (self.statusLevel() && self.statusLevel() !== 'none') {
  5174. innerPadding = parseInt(funcs.getRuntimeStyle(inputElm, 'padding-right'), 10) - parseInt(funcs.getRuntimeStyle(inputElm, 'padding-left'), 10);
  5175. }
  5176. if (openElm) {
  5177. width = rect.w - funcs.getSize(openElm).width - 10;
  5178. } else {
  5179. width = rect.w - 10;
  5180. }
  5181. var doc = domGlobals.document;
  5182. if (doc.all && (!doc.documentMode || doc.documentMode <= 8)) {
  5183. lineHeight = self.layoutRect().h - 2 + 'px';
  5184. }
  5185. global$9(inputElm).css({
  5186. width: width - innerPadding,
  5187. lineHeight: lineHeight
  5188. });
  5189. self._super();
  5190. return self;
  5191. },
  5192. postRender: function () {
  5193. var self = this;
  5194. global$9(this.getEl('inp')).on('change', function (e) {
  5195. self.state.set('value', e.target.value);
  5196. self.fire('change', e);
  5197. });
  5198. return self._super();
  5199. },
  5200. renderHtml: function () {
  5201. var self = this, id = self._id, settings = self.settings, prefix = self.classPrefix;
  5202. var value = self.state.get('value') || '';
  5203. var icon, text, openBtnHtml = '', extraAttrs = '', statusHtml = '';
  5204. if ('spellcheck' in settings) {
  5205. extraAttrs += ' spellcheck="' + settings.spellcheck + '"';
  5206. }
  5207. if (settings.maxLength) {
  5208. extraAttrs += ' maxlength="' + settings.maxLength + '"';
  5209. }
  5210. if (settings.size) {
  5211. extraAttrs += ' size="' + settings.size + '"';
  5212. }
  5213. if (settings.subtype) {
  5214. extraAttrs += ' type="' + settings.subtype + '"';
  5215. }
  5216. statusHtml = '<i id="' + id + '-status" class="mce-status mce-ico" style="display: none"></i>';
  5217. if (self.disabled()) {
  5218. extraAttrs += ' disabled="disabled"';
  5219. }
  5220. icon = settings.icon;
  5221. if (icon && icon !== 'caret') {
  5222. icon = prefix + 'ico ' + prefix + 'i-' + settings.icon;
  5223. }
  5224. text = self.state.get('text');
  5225. if (icon || text) {
  5226. openBtnHtml = '<div id="' + id + '-open" class="' + prefix + 'btn ' + prefix + 'open" tabIndex="-1" role="button">' + '<button id="' + id + '-action" type="button" hidefocus="1" tabindex="-1">' + (icon !== 'caret' ? '<i class="' + icon + '"></i>' : '<i class="' + prefix + 'caret"></i>') + (text ? (icon ? ' ' : '') + text : '') + '</button>' + '</div>';
  5227. self.classes.add('has-open');
  5228. }
  5229. return '<div id="' + id + '" class="' + self.classes + '">' + '<input id="' + id + '-inp" class="' + prefix + 'textbox" value="' + self.encode(value, false) + '" hidefocus="1"' + extraAttrs + ' placeholder="' + self.encode(settings.placeholder) + '" />' + statusHtml + openBtnHtml + '</div>';
  5230. },
  5231. value: function (value) {
  5232. if (arguments.length) {
  5233. this.state.set('value', value);
  5234. return this;
  5235. }
  5236. if (this.state.get('rendered')) {
  5237. this.state.set('value', this.getEl('inp').value);
  5238. }
  5239. return this.state.get('value');
  5240. },
  5241. showAutoComplete: function (items, term) {
  5242. var self = this;
  5243. if (items.length === 0) {
  5244. self.hideMenu();
  5245. return;
  5246. }
  5247. var insert = function (value, title) {
  5248. return function () {
  5249. self.fire('selectitem', {
  5250. title: title,
  5251. value: value
  5252. });
  5253. };
  5254. };
  5255. if (self.menu) {
  5256. self.menu.items().remove();
  5257. } else {
  5258. self.menu = global$4.create({
  5259. type: 'menu',
  5260. classes: 'combobox-menu',
  5261. layout: 'flow'
  5262. }).parent(self).renderTo();
  5263. }
  5264. global$2.each(items, function (item) {
  5265. self.menu.add({
  5266. text: item.title,
  5267. url: item.previewUrl,
  5268. match: term,
  5269. classes: 'menu-item-ellipsis',
  5270. onclick: insert(item.value, item.title)
  5271. });
  5272. });
  5273. self.menu.renderNew();
  5274. self.hideMenu();
  5275. self.menu.on('cancel', function (e) {
  5276. if (e.control.parent() === self.menu) {
  5277. e.stopPropagation();
  5278. self.focus();
  5279. self.hideMenu();
  5280. }
  5281. });
  5282. self.menu.on('select', function () {
  5283. self.focus();
  5284. });
  5285. var maxW = self.layoutRect().w;
  5286. self.menu.layoutRect({
  5287. w: maxW,
  5288. minW: 0,
  5289. maxW: maxW
  5290. });
  5291. self.menu.repaint();
  5292. self.menu.reflow();
  5293. self.menu.show();
  5294. self.menu.moveRel(self.getEl(), self.isRtl() ? [
  5295. 'br-tr',
  5296. 'tr-br'
  5297. ] : [
  5298. 'bl-tl',
  5299. 'tl-bl'
  5300. ]);
  5301. },
  5302. hideMenu: function () {
  5303. if (this.menu) {
  5304. this.menu.hide();
  5305. }
  5306. },
  5307. bindStates: function () {
  5308. var self = this;
  5309. self.state.on('change:value', function (e) {
  5310. if (self.getEl('inp').value !== e.value) {
  5311. self.getEl('inp').value = e.value;
  5312. }
  5313. });
  5314. self.state.on('change:disabled', function (e) {
  5315. self.getEl('inp').disabled = e.value;
  5316. });
  5317. self.state.on('change:statusLevel', function (e) {
  5318. var statusIconElm = self.getEl('status');
  5319. var prefix = self.classPrefix, value = e.value;
  5320. funcs.css(statusIconElm, 'display', value === 'none' ? 'none' : '');
  5321. funcs.toggleClass(statusIconElm, prefix + 'i-checkmark', value === 'ok');
  5322. funcs.toggleClass(statusIconElm, prefix + 'i-warning', value === 'warn');
  5323. funcs.toggleClass(statusIconElm, prefix + 'i-error', value === 'error');
  5324. self.classes.toggle('has-status', value !== 'none');
  5325. self.repaint();
  5326. });
  5327. funcs.on(self.getEl('status'), 'mouseleave', function () {
  5328. self.tooltip().hide();
  5329. });
  5330. self.on('cancel', function (e) {
  5331. if (self.menu && self.menu.visible()) {
  5332. e.stopPropagation();
  5333. self.hideMenu();
  5334. }
  5335. });
  5336. var focusIdx = function (idx, menu) {
  5337. if (menu && menu.items().length > 0) {
  5338. menu.items().eq(idx)[0].focus();
  5339. }
  5340. };
  5341. self.on('keydown', function (e) {
  5342. var keyCode = e.keyCode;
  5343. if (e.target.nodeName === 'INPUT') {
  5344. if (keyCode === global$d.DOWN) {
  5345. e.preventDefault();
  5346. self.fire('autocomplete');
  5347. focusIdx(0, self.menu);
  5348. } else if (keyCode === global$d.UP) {
  5349. e.preventDefault();
  5350. focusIdx(-1, self.menu);
  5351. }
  5352. }
  5353. });
  5354. return self._super();
  5355. },
  5356. remove: function () {
  5357. global$9(this.getEl('inp')).off();
  5358. if (this.menu) {
  5359. this.menu.remove();
  5360. }
  5361. this._super();
  5362. }
  5363. });
  5364. var ColorBox = ComboBox.extend({
  5365. init: function (settings) {
  5366. var self = this;
  5367. settings.spellcheck = false;
  5368. if (settings.onaction) {
  5369. settings.icon = 'none';
  5370. }
  5371. self._super(settings);
  5372. self.classes.add('colorbox');
  5373. self.on('change keyup postrender', function () {
  5374. self.repaintColor(self.value());
  5375. });
  5376. },
  5377. repaintColor: function (value) {
  5378. var openElm = this.getEl('open');
  5379. var elm = openElm ? openElm.getElementsByTagName('i')[0] : null;
  5380. if (elm) {
  5381. try {
  5382. elm.style.background = value;
  5383. } catch (ex) {
  5384. }
  5385. }
  5386. },
  5387. bindStates: function () {
  5388. var self = this;
  5389. self.state.on('change:value', function (e) {
  5390. if (self.state.get('rendered')) {
  5391. self.repaintColor(e.value);
  5392. }
  5393. });
  5394. return self._super();
  5395. }
  5396. });
  5397. var PanelButton = Button.extend({
  5398. showPanel: function () {
  5399. var self = this, settings = self.settings;
  5400. self.classes.add('opened');
  5401. if (!self.panel) {
  5402. var panelSettings = settings.panel;
  5403. if (panelSettings.type) {
  5404. panelSettings = {
  5405. layout: 'grid',
  5406. items: panelSettings
  5407. };
  5408. }
  5409. panelSettings.role = panelSettings.role || 'dialog';
  5410. panelSettings.popover = true;
  5411. panelSettings.autohide = true;
  5412. panelSettings.ariaRoot = true;
  5413. self.panel = new FloatPanel(panelSettings).on('hide', function () {
  5414. self.classes.remove('opened');
  5415. }).on('cancel', function (e) {
  5416. e.stopPropagation();
  5417. self.focus();
  5418. self.hidePanel();
  5419. }).parent(self).renderTo(self.getContainerElm());
  5420. self.panel.fire('show');
  5421. self.panel.reflow();
  5422. } else {
  5423. self.panel.show();
  5424. }
  5425. var rtlRels = [
  5426. 'bc-tc',
  5427. 'bc-tl',
  5428. 'bc-tr'
  5429. ];
  5430. var ltrRels = [
  5431. 'bc-tc',
  5432. 'bc-tr',
  5433. 'bc-tl',
  5434. 'tc-bc',
  5435. 'tc-br',
  5436. 'tc-bl'
  5437. ];
  5438. var rel = self.panel.testMoveRel(self.getEl(), settings.popoverAlign || (self.isRtl() ? rtlRels : ltrRels));
  5439. self.panel.classes.toggle('start', rel.substr(-1) === 'l');
  5440. self.panel.classes.toggle('end', rel.substr(-1) === 'r');
  5441. var isTop = rel.substr(0, 1) === 't';
  5442. self.panel.classes.toggle('bottom', !isTop);
  5443. self.panel.classes.toggle('top', isTop);
  5444. self.panel.moveRel(self.getEl(), rel);
  5445. },
  5446. hidePanel: function () {
  5447. var self = this;
  5448. if (self.panel) {
  5449. self.panel.hide();
  5450. }
  5451. },
  5452. postRender: function () {
  5453. var self = this;
  5454. self.aria('haspopup', true);
  5455. self.on('click', function (e) {
  5456. if (e.control === self) {
  5457. if (self.panel && self.panel.visible()) {
  5458. self.hidePanel();
  5459. } else {
  5460. self.showPanel();
  5461. self.panel.focus(!!e.aria);
  5462. }
  5463. }
  5464. });
  5465. return self._super();
  5466. },
  5467. remove: function () {
  5468. if (this.panel) {
  5469. this.panel.remove();
  5470. this.panel = null;
  5471. }
  5472. return this._super();
  5473. }
  5474. });
  5475. var DOM$3 = global$3.DOM;
  5476. var ColorButton = PanelButton.extend({
  5477. init: function (settings) {
  5478. this._super(settings);
  5479. this.classes.add('splitbtn');
  5480. this.classes.add('colorbutton');
  5481. },
  5482. color: function (color) {
  5483. if (color) {
  5484. this._color = color;
  5485. this.getEl('preview').style.backgroundColor = color;
  5486. return this;
  5487. }
  5488. return this._color;
  5489. },
  5490. resetColor: function () {
  5491. this._color = null;
  5492. this.getEl('preview').style.backgroundColor = null;
  5493. return this;
  5494. },
  5495. renderHtml: function () {
  5496. var self = this, id = self._id, prefix = self.classPrefix, text = self.state.get('text');
  5497. var icon = self.settings.icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : '';
  5498. var image = self.settings.image ? ' style="background-image: url(\'' + self.settings.image + '\')"' : '';
  5499. var textHtml = '';
  5500. if (text) {
  5501. self.classes.add('btn-has-text');
  5502. textHtml = '<span class="' + prefix + 'txt">' + self.encode(text) + '</span>';
  5503. }
  5504. return '<div id="' + id + '" class="' + self.classes + '" role="button" tabindex="-1" aria-haspopup="true">' + '<button role="presentation" hidefocus="1" type="button" tabindex="-1">' + (icon ? '<i class="' + icon + '"' + image + '></i>' : '') + '<span id="' + id + '-preview" class="' + prefix + 'preview"></span>' + textHtml + '</button>' + '<button type="button" class="' + prefix + 'open" hidefocus="1" tabindex="-1">' + ' <i class="' + prefix + 'caret"></i>' + '</button>' + '</div>';
  5505. },
  5506. postRender: function () {
  5507. var self = this, onClickHandler = self.settings.onclick;
  5508. self.on('click', function (e) {
  5509. if (e.aria && e.aria.key === 'down') {
  5510. return;
  5511. }
  5512. if (e.control === self && !DOM$3.getParent(e.target, '.' + self.classPrefix + 'open')) {
  5513. e.stopImmediatePropagation();
  5514. onClickHandler.call(self, e);
  5515. }
  5516. });
  5517. delete self.settings.onclick;
  5518. return self._super();
  5519. }
  5520. });
  5521. var global$e = tinymce.util.Tools.resolve('tinymce.util.Color');
  5522. var ColorPicker = Widget.extend({
  5523. Defaults: { classes: 'widget colorpicker' },
  5524. init: function (settings) {
  5525. this._super(settings);
  5526. },
  5527. postRender: function () {
  5528. var self = this;
  5529. var color = self.color();
  5530. var hsv, hueRootElm, huePointElm, svRootElm, svPointElm;
  5531. hueRootElm = self.getEl('h');
  5532. huePointElm = self.getEl('hp');
  5533. svRootElm = self.getEl('sv');
  5534. svPointElm = self.getEl('svp');
  5535. function getPos(elm, event) {
  5536. var pos = funcs.getPos(elm);
  5537. var x, y;
  5538. x = event.pageX - pos.x;
  5539. y = event.pageY - pos.y;
  5540. x = Math.max(0, Math.min(x / elm.clientWidth, 1));
  5541. y = Math.max(0, Math.min(y / elm.clientHeight, 1));
  5542. return {
  5543. x: x,
  5544. y: y
  5545. };
  5546. }
  5547. function updateColor(hsv, hueUpdate) {
  5548. var hue = (360 - hsv.h) / 360;
  5549. funcs.css(huePointElm, { top: hue * 100 + '%' });
  5550. if (!hueUpdate) {
  5551. funcs.css(svPointElm, {
  5552. left: hsv.s + '%',
  5553. top: 100 - hsv.v + '%'
  5554. });
  5555. }
  5556. svRootElm.style.background = global$e({
  5557. s: 100,
  5558. v: 100,
  5559. h: hsv.h
  5560. }).toHex();
  5561. self.color().parse({
  5562. s: hsv.s,
  5563. v: hsv.v,
  5564. h: hsv.h
  5565. });
  5566. }
  5567. function updateSaturationAndValue(e) {
  5568. var pos;
  5569. pos = getPos(svRootElm, e);
  5570. hsv.s = pos.x * 100;
  5571. hsv.v = (1 - pos.y) * 100;
  5572. updateColor(hsv);
  5573. self.fire('change');
  5574. }
  5575. function updateHue(e) {
  5576. var pos;
  5577. pos = getPos(hueRootElm, e);
  5578. hsv = color.toHsv();
  5579. hsv.h = (1 - pos.y) * 360;
  5580. updateColor(hsv, true);
  5581. self.fire('change');
  5582. }
  5583. self._repaint = function () {
  5584. hsv = color.toHsv();
  5585. updateColor(hsv);
  5586. };
  5587. self._super();
  5588. self._svdraghelper = new DragHelper(self._id + '-sv', {
  5589. start: updateSaturationAndValue,
  5590. drag: updateSaturationAndValue
  5591. });
  5592. self._hdraghelper = new DragHelper(self._id + '-h', {
  5593. start: updateHue,
  5594. drag: updateHue
  5595. });
  5596. self._repaint();
  5597. },
  5598. rgb: function () {
  5599. return this.color().toRgb();
  5600. },
  5601. value: function (value) {
  5602. var self = this;
  5603. if (arguments.length) {
  5604. self.color().parse(value);
  5605. if (self._rendered) {
  5606. self._repaint();
  5607. }
  5608. } else {
  5609. return self.color().toHex();
  5610. }
  5611. },
  5612. color: function () {
  5613. if (!this._color) {
  5614. this._color = global$e();
  5615. }
  5616. return this._color;
  5617. },
  5618. renderHtml: function () {
  5619. var self = this;
  5620. var id = self._id;
  5621. var prefix = self.classPrefix;
  5622. var hueHtml;
  5623. var stops = '#ff0000,#ff0080,#ff00ff,#8000ff,#0000ff,#0080ff,#00ffff,#00ff80,#00ff00,#80ff00,#ffff00,#ff8000,#ff0000';
  5624. function getOldIeFallbackHtml() {
  5625. var i, l, html = '', gradientPrefix, stopsList;
  5626. gradientPrefix = 'filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=';
  5627. stopsList = stops.split(',');
  5628. for (i = 0, l = stopsList.length - 1; i < l; i++) {
  5629. html += '<div class="' + prefix + 'colorpicker-h-chunk" style="' + 'height:' + 100 / l + '%;' + gradientPrefix + stopsList[i] + ',endColorstr=' + stopsList[i + 1] + ');' + '-ms-' + gradientPrefix + stopsList[i] + ',endColorstr=' + stopsList[i + 1] + ')' + '"></div>';
  5630. }
  5631. return html;
  5632. }
  5633. var gradientCssText = 'background: -ms-linear-gradient(top,' + stops + ');' + 'background: linear-gradient(to bottom,' + stops + ');';
  5634. hueHtml = '<div id="' + id + '-h" class="' + prefix + 'colorpicker-h" style="' + gradientCssText + '">' + getOldIeFallbackHtml() + '<div id="' + id + '-hp" class="' + prefix + 'colorpicker-h-marker"></div>' + '</div>';
  5635. return '<div id="' + id + '" class="' + self.classes + '">' + '<div id="' + id + '-sv" class="' + prefix + 'colorpicker-sv">' + '<div class="' + prefix + 'colorpicker-overlay1">' + '<div class="' + prefix + 'colorpicker-overlay2">' + '<div id="' + id + '-svp" class="' + prefix + 'colorpicker-selector1">' + '<div class="' + prefix + 'colorpicker-selector2"></div>' + '</div>' + '</div>' + '</div>' + '</div>' + hueHtml + '</div>';
  5636. }
  5637. });
  5638. var DropZone = Widget.extend({
  5639. init: function (settings) {
  5640. var self = this;
  5641. settings = global$2.extend({
  5642. height: 100,
  5643. text: 'Drop an image here',
  5644. multiple: false,
  5645. accept: null
  5646. }, settings);
  5647. self._super(settings);
  5648. self.classes.add('dropzone');
  5649. if (settings.multiple) {
  5650. self.classes.add('multiple');
  5651. }
  5652. },
  5653. renderHtml: function () {
  5654. var self = this;
  5655. var attrs, elm;
  5656. var cfg = self.settings;
  5657. attrs = {
  5658. id: self._id,
  5659. hidefocus: '1'
  5660. };
  5661. elm = funcs.create('div', attrs, '<span>' + this.translate(cfg.text) + '</span>');
  5662. if (cfg.height) {
  5663. funcs.css(elm, 'height', cfg.height + 'px');
  5664. }
  5665. if (cfg.width) {
  5666. funcs.css(elm, 'width', cfg.width + 'px');
  5667. }
  5668. elm.className = self.classes;
  5669. return elm.outerHTML;
  5670. },
  5671. postRender: function () {
  5672. var self = this;
  5673. var toggleDragClass = function (e) {
  5674. e.preventDefault();
  5675. self.classes.toggle('dragenter');
  5676. self.getEl().className = self.classes;
  5677. };
  5678. var filter = function (files) {
  5679. var accept = self.settings.accept;
  5680. if (typeof accept !== 'string') {
  5681. return files;
  5682. }
  5683. var re = new RegExp('(' + accept.split(/\s*,\s*/).join('|') + ')$', 'i');
  5684. return global$2.grep(files, function (file) {
  5685. return re.test(file.name);
  5686. });
  5687. };
  5688. self._super();
  5689. self.$el.on('dragover', function (e) {
  5690. e.preventDefault();
  5691. });
  5692. self.$el.on('dragenter', toggleDragClass);
  5693. self.$el.on('dragleave', toggleDragClass);
  5694. self.$el.on('drop', function (e) {
  5695. e.preventDefault();
  5696. if (self.state.get('disabled')) {
  5697. return;
  5698. }
  5699. var files = filter(e.dataTransfer.files);
  5700. self.value = function () {
  5701. if (!files.length) {
  5702. return null;
  5703. } else if (self.settings.multiple) {
  5704. return files;
  5705. } else {
  5706. return files[0];
  5707. }
  5708. };
  5709. if (files.length) {
  5710. self.fire('change', e);
  5711. }
  5712. });
  5713. },
  5714. remove: function () {
  5715. this.$el.off();
  5716. this._super();
  5717. }
  5718. });
  5719. var Path = Widget.extend({
  5720. init: function (settings) {
  5721. var self = this;
  5722. if (!settings.delimiter) {
  5723. settings.delimiter = '\xBB';
  5724. }
  5725. self._super(settings);
  5726. self.classes.add('path');
  5727. self.canFocus = true;
  5728. self.on('click', function (e) {
  5729. var index;
  5730. var target = e.target;
  5731. if (index = target.getAttribute('data-index')) {
  5732. self.fire('select', {
  5733. value: self.row()[index],
  5734. index: index
  5735. });
  5736. }
  5737. });
  5738. self.row(self.settings.row);
  5739. },
  5740. focus: function () {
  5741. var self = this;
  5742. self.getEl().firstChild.focus();
  5743. return self;
  5744. },
  5745. row: function (row) {
  5746. if (!arguments.length) {
  5747. return this.state.get('row');
  5748. }
  5749. this.state.set('row', row);
  5750. return this;
  5751. },
  5752. renderHtml: function () {
  5753. var self = this;
  5754. return '<div id="' + self._id + '" class="' + self.classes + '">' + self._getDataPathHtml(self.state.get('row')) + '</div>';
  5755. },
  5756. bindStates: function () {
  5757. var self = this;
  5758. self.state.on('change:row', function (e) {
  5759. self.innerHtml(self._getDataPathHtml(e.value));
  5760. });
  5761. return self._super();
  5762. },
  5763. _getDataPathHtml: function (data) {
  5764. var self = this;
  5765. var parts = data || [];
  5766. var i, l, html = '';
  5767. var prefix = self.classPrefix;
  5768. for (i = 0, l = parts.length; i < l; i++) {
  5769. html += (i > 0 ? '<div class="' + prefix + 'divider" aria-hidden="true"> ' + self.settings.delimiter + ' </div>' : '') + '<div role="button" class="' + prefix + 'path-item' + (i === l - 1 ? ' ' + prefix + 'last' : '') + '" data-index="' + i + '" tabindex="-1" id="' + self._id + '-' + i + '" aria-level="' + (i + 1) + '">' + parts[i].name + '</div>';
  5770. }
  5771. if (!html) {
  5772. html = '<div class="' + prefix + 'path-item">\xA0</div>';
  5773. }
  5774. return html;
  5775. }
  5776. });
  5777. var ElementPath = Path.extend({
  5778. postRender: function () {
  5779. var self = this, editor = self.settings.editor;
  5780. function isHidden(elm) {
  5781. if (elm.nodeType === 1) {
  5782. if (elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus')) {
  5783. return true;
  5784. }
  5785. if (elm.getAttribute('data-mce-type') === 'bookmark') {
  5786. return true;
  5787. }
  5788. }
  5789. return false;
  5790. }
  5791. if (editor.settings.elementpath !== false) {
  5792. self.on('select', function (e) {
  5793. editor.focus();
  5794. editor.selection.select(this.row()[e.index].element);
  5795. editor.nodeChanged();
  5796. });
  5797. editor.on('nodeChange', function (e) {
  5798. var outParents = [];
  5799. var parents = e.parents;
  5800. var i = parents.length;
  5801. while (i--) {
  5802. if (parents[i].nodeType === 1 && !isHidden(parents[i])) {
  5803. var args = editor.fire('ResolveName', {
  5804. name: parents[i].nodeName.toLowerCase(),
  5805. target: parents[i]
  5806. });
  5807. if (!args.isDefaultPrevented()) {
  5808. outParents.push({
  5809. name: args.name,
  5810. element: parents[i]
  5811. });
  5812. }
  5813. if (args.isPropagationStopped()) {
  5814. break;
  5815. }
  5816. }
  5817. }
  5818. self.row(outParents);
  5819. });
  5820. }
  5821. return self._super();
  5822. }
  5823. });
  5824. var FormItem = Container.extend({
  5825. Defaults: {
  5826. layout: 'flex',
  5827. align: 'center',
  5828. defaults: { flex: 1 }
  5829. },
  5830. renderHtml: function () {
  5831. var self = this, layout = self._layout, prefix = self.classPrefix;
  5832. self.classes.add('formitem');
  5833. layout.preRender(self);
  5834. return '<div id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1">' + (self.settings.title ? '<div id="' + self._id + '-title" class="' + prefix + 'title">' + self.settings.title + '</div>' : '') + '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + (self.settings.html || '') + layout.renderHtml(self) + '</div>' + '</div>';
  5835. }
  5836. });
  5837. var Form = Container.extend({
  5838. Defaults: {
  5839. containerCls: 'form',
  5840. layout: 'flex',
  5841. direction: 'column',
  5842. align: 'stretch',
  5843. flex: 1,
  5844. padding: 15,
  5845. labelGap: 30,
  5846. spacing: 10,
  5847. callbacks: {
  5848. submit: function () {
  5849. this.submit();
  5850. }
  5851. }
  5852. },
  5853. preRender: function () {
  5854. var self = this, items = self.items();
  5855. if (!self.settings.formItemDefaults) {
  5856. self.settings.formItemDefaults = {
  5857. layout: 'flex',
  5858. autoResize: 'overflow',
  5859. defaults: { flex: 1 }
  5860. };
  5861. }
  5862. items.each(function (ctrl) {
  5863. var formItem;
  5864. var label = ctrl.settings.label;
  5865. if (label) {
  5866. formItem = new FormItem(global$2.extend({
  5867. items: {
  5868. type: 'label',
  5869. id: ctrl._id + '-l',
  5870. text: label,
  5871. flex: 0,
  5872. forId: ctrl._id,
  5873. disabled: ctrl.disabled()
  5874. }
  5875. }, self.settings.formItemDefaults));
  5876. formItem.type = 'formitem';
  5877. ctrl.aria('labelledby', ctrl._id + '-l');
  5878. if (typeof ctrl.settings.flex === 'undefined') {
  5879. ctrl.settings.flex = 1;
  5880. }
  5881. self.replace(ctrl, formItem);
  5882. formItem.add(ctrl);
  5883. }
  5884. });
  5885. },
  5886. submit: function () {
  5887. return this.fire('submit', { data: this.toJSON() });
  5888. },
  5889. postRender: function () {
  5890. var self = this;
  5891. self._super();
  5892. self.fromJSON(self.settings.data);
  5893. },
  5894. bindStates: function () {
  5895. var self = this;
  5896. self._super();
  5897. function recalcLabels() {
  5898. var maxLabelWidth = 0;
  5899. var labels = [];
  5900. var i, labelGap, items;
  5901. if (self.settings.labelGapCalc === false) {
  5902. return;
  5903. }
  5904. if (self.settings.labelGapCalc === 'children') {
  5905. items = self.find('formitem');
  5906. } else {
  5907. items = self.items();
  5908. }
  5909. items.filter('formitem').each(function (item) {
  5910. var labelCtrl = item.items()[0], labelWidth = labelCtrl.getEl().clientWidth;
  5911. maxLabelWidth = labelWidth > maxLabelWidth ? labelWidth : maxLabelWidth;
  5912. labels.push(labelCtrl);
  5913. });
  5914. labelGap = self.settings.labelGap || 0;
  5915. i = labels.length;
  5916. while (i--) {
  5917. labels[i].settings.minWidth = maxLabelWidth + labelGap;
  5918. }
  5919. }
  5920. self.on('show', recalcLabels);
  5921. recalcLabels();
  5922. }
  5923. });
  5924. var FieldSet = Form.extend({
  5925. Defaults: {
  5926. containerCls: 'fieldset',
  5927. layout: 'flex',
  5928. direction: 'column',
  5929. align: 'stretch',
  5930. flex: 1,
  5931. padding: '25 15 5 15',
  5932. labelGap: 30,
  5933. spacing: 10,
  5934. border: 1
  5935. },
  5936. renderHtml: function () {
  5937. var self = this, layout = self._layout, prefix = self.classPrefix;
  5938. self.preRender();
  5939. layout.preRender(self);
  5940. return '<fieldset id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1">' + (self.settings.title ? '<legend id="' + self._id + '-title" class="' + prefix + 'fieldset-title">' + self.settings.title + '</legend>' : '') + '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + (self.settings.html || '') + layout.renderHtml(self) + '</div>' + '</fieldset>';
  5941. }
  5942. });
  5943. var unique$1 = 0;
  5944. var generate = function (prefix) {
  5945. var date = new Date();
  5946. var time = date.getTime();
  5947. var random = Math.floor(Math.random() * 1000000000);
  5948. unique$1++;
  5949. return prefix + '_' + random + unique$1 + String(time);
  5950. };
  5951. var fromHtml = function (html, scope) {
  5952. var doc = scope || domGlobals.document;
  5953. var div = doc.createElement('div');
  5954. div.innerHTML = html;
  5955. if (!div.hasChildNodes() || div.childNodes.length > 1) {
  5956. domGlobals.console.error('HTML does not have a single root node', html);
  5957. throw new Error('HTML must have a single root node');
  5958. }
  5959. return fromDom(div.childNodes[0]);
  5960. };
  5961. var fromTag = function (tag, scope) {
  5962. var doc = scope || domGlobals.document;
  5963. var node = doc.createElement(tag);
  5964. return fromDom(node);
  5965. };
  5966. var fromText = function (text, scope) {
  5967. var doc = scope || domGlobals.document;
  5968. var node = doc.createTextNode(text);
  5969. return fromDom(node);
  5970. };
  5971. var fromDom = function (node) {
  5972. if (node === null || node === undefined) {
  5973. throw new Error('Node cannot be null or undefined');
  5974. }
  5975. return { dom: constant(node) };
  5976. };
  5977. var fromPoint = function (docElm, x, y) {
  5978. var doc = docElm.dom();
  5979. return Option.from(doc.elementFromPoint(x, y)).map(fromDom);
  5980. };
  5981. var Element = {
  5982. fromHtml: fromHtml,
  5983. fromTag: fromTag,
  5984. fromText: fromText,
  5985. fromDom: fromDom,
  5986. fromPoint: fromPoint
  5987. };
  5988. var cached = function (f) {
  5989. var called = false;
  5990. var r;
  5991. return function () {
  5992. var args = [];
  5993. for (var _i = 0; _i < arguments.length; _i++) {
  5994. args[_i] = arguments[_i];
  5995. }
  5996. if (!called) {
  5997. called = true;
  5998. r = f.apply(null, args);
  5999. }
  6000. return r;
  6001. };
  6002. };
  6003. var ATTRIBUTE = domGlobals.Node.ATTRIBUTE_NODE;
  6004. var CDATA_SECTION = domGlobals.Node.CDATA_SECTION_NODE;
  6005. var COMMENT = domGlobals.Node.COMMENT_NODE;
  6006. var DOCUMENT = domGlobals.Node.DOCUMENT_NODE;
  6007. var DOCUMENT_TYPE = domGlobals.Node.DOCUMENT_TYPE_NODE;
  6008. var DOCUMENT_FRAGMENT = domGlobals.Node.DOCUMENT_FRAGMENT_NODE;
  6009. var ELEMENT = domGlobals.Node.ELEMENT_NODE;
  6010. var TEXT = domGlobals.Node.TEXT_NODE;
  6011. var PROCESSING_INSTRUCTION = domGlobals.Node.PROCESSING_INSTRUCTION_NODE;
  6012. var ENTITY_REFERENCE = domGlobals.Node.ENTITY_REFERENCE_NODE;
  6013. var ENTITY = domGlobals.Node.ENTITY_NODE;
  6014. var NOTATION = domGlobals.Node.NOTATION_NODE;
  6015. var Global = typeof domGlobals.window !== 'undefined' ? domGlobals.window : Function('return this;')();
  6016. var path = function (parts, scope) {
  6017. var o = scope !== undefined && scope !== null ? scope : Global;
  6018. for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
  6019. o = o[parts[i]];
  6020. }
  6021. return o;
  6022. };
  6023. var resolve = function (p, scope) {
  6024. var parts = p.split('.');
  6025. return path(parts, scope);
  6026. };
  6027. var unsafe = function (name, scope) {
  6028. return resolve(name, scope);
  6029. };
  6030. var getOrDie = function (name, scope) {
  6031. var actual = unsafe(name, scope);
  6032. if (actual === undefined || actual === null) {
  6033. throw new Error(name + ' not available on this browser');
  6034. }
  6035. return actual;
  6036. };
  6037. var Global$1 = { getOrDie: getOrDie };
  6038. var Immutable = function () {
  6039. var fields = [];
  6040. for (var _i = 0; _i < arguments.length; _i++) {
  6041. fields[_i] = arguments[_i];
  6042. }
  6043. return function () {
  6044. var values = [];
  6045. for (var _i = 0; _i < arguments.length; _i++) {
  6046. values[_i] = arguments[_i];
  6047. }
  6048. if (fields.length !== values.length) {
  6049. throw new Error('Wrong number of arguments to struct. Expected "[' + fields.length + ']", got ' + values.length + ' arguments');
  6050. }
  6051. var struct = {};
  6052. each(fields, function (name, i) {
  6053. struct[name] = constant(values[i]);
  6054. });
  6055. return struct;
  6056. };
  6057. };
  6058. var node = function () {
  6059. var f = Global$1.getOrDie('Node');
  6060. return f;
  6061. };
  6062. var compareDocumentPosition = function (a, b, match) {
  6063. return (a.compareDocumentPosition(b) & match) !== 0;
  6064. };
  6065. var documentPositionPreceding = function (a, b) {
  6066. return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_PRECEDING);
  6067. };
  6068. var documentPositionContainedBy = function (a, b) {
  6069. return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_CONTAINED_BY);
  6070. };
  6071. var Node = {
  6072. documentPositionPreceding: documentPositionPreceding,
  6073. documentPositionContainedBy: documentPositionContainedBy
  6074. };
  6075. var firstMatch = function (regexes, s) {
  6076. for (var i = 0; i < regexes.length; i++) {
  6077. var x = regexes[i];
  6078. if (x.test(s)) {
  6079. return x;
  6080. }
  6081. }
  6082. return undefined;
  6083. };
  6084. var find$1 = function (regexes, agent) {
  6085. var r = firstMatch(regexes, agent);
  6086. if (!r) {
  6087. return {
  6088. major: 0,
  6089. minor: 0
  6090. };
  6091. }
  6092. var group = function (i) {
  6093. return Number(agent.replace(r, '$' + i));
  6094. };
  6095. return nu(group(1), group(2));
  6096. };
  6097. var detect = function (versionRegexes, agent) {
  6098. var cleanedAgent = String(agent).toLowerCase();
  6099. if (versionRegexes.length === 0) {
  6100. return unknown();
  6101. }
  6102. return find$1(versionRegexes, cleanedAgent);
  6103. };
  6104. var unknown = function () {
  6105. return nu(0, 0);
  6106. };
  6107. var nu = function (major, minor) {
  6108. return {
  6109. major: major,
  6110. minor: minor
  6111. };
  6112. };
  6113. var Version = {
  6114. nu: nu,
  6115. detect: detect,
  6116. unknown: unknown
  6117. };
  6118. var edge = 'Edge';
  6119. var chrome = 'Chrome';
  6120. var ie = 'IE';
  6121. var opera = 'Opera';
  6122. var firefox = 'Firefox';
  6123. var safari = 'Safari';
  6124. var isBrowser = function (name, current) {
  6125. return function () {
  6126. return current === name;
  6127. };
  6128. };
  6129. var unknown$1 = function () {
  6130. return nu$1({
  6131. current: undefined,
  6132. version: Version.unknown()
  6133. });
  6134. };
  6135. var nu$1 = function (info) {
  6136. var current = info.current;
  6137. var version = info.version;
  6138. return {
  6139. current: current,
  6140. version: version,
  6141. isEdge: isBrowser(edge, current),
  6142. isChrome: isBrowser(chrome, current),
  6143. isIE: isBrowser(ie, current),
  6144. isOpera: isBrowser(opera, current),
  6145. isFirefox: isBrowser(firefox, current),
  6146. isSafari: isBrowser(safari, current)
  6147. };
  6148. };
  6149. var Browser = {
  6150. unknown: unknown$1,
  6151. nu: nu$1,
  6152. edge: constant(edge),
  6153. chrome: constant(chrome),
  6154. ie: constant(ie),
  6155. opera: constant(opera),
  6156. firefox: constant(firefox),
  6157. safari: constant(safari)
  6158. };
  6159. var windows$1 = 'Windows';
  6160. var ios = 'iOS';
  6161. var android = 'Android';
  6162. var linux = 'Linux';
  6163. var osx = 'OSX';
  6164. var solaris = 'Solaris';
  6165. var freebsd = 'FreeBSD';
  6166. var isOS = function (name, current) {
  6167. return function () {
  6168. return current === name;
  6169. };
  6170. };
  6171. var unknown$2 = function () {
  6172. return nu$2({
  6173. current: undefined,
  6174. version: Version.unknown()
  6175. });
  6176. };
  6177. var nu$2 = function (info) {
  6178. var current = info.current;
  6179. var version = info.version;
  6180. return {
  6181. current: current,
  6182. version: version,
  6183. isWindows: isOS(windows$1, current),
  6184. isiOS: isOS(ios, current),
  6185. isAndroid: isOS(android, current),
  6186. isOSX: isOS(osx, current),
  6187. isLinux: isOS(linux, current),
  6188. isSolaris: isOS(solaris, current),
  6189. isFreeBSD: isOS(freebsd, current)
  6190. };
  6191. };
  6192. var OperatingSystem = {
  6193. unknown: unknown$2,
  6194. nu: nu$2,
  6195. windows: constant(windows$1),
  6196. ios: constant(ios),
  6197. android: constant(android),
  6198. linux: constant(linux),
  6199. osx: constant(osx),
  6200. solaris: constant(solaris),
  6201. freebsd: constant(freebsd)
  6202. };
  6203. var DeviceType = function (os, browser, userAgent) {
  6204. var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
  6205. var isiPhone = os.isiOS() && !isiPad;
  6206. var isAndroid3 = os.isAndroid() && os.version.major === 3;
  6207. var isAndroid4 = os.isAndroid() && os.version.major === 4;
  6208. var isTablet = isiPad || isAndroid3 || isAndroid4 && /mobile/i.test(userAgent) === true;
  6209. var isTouch = os.isiOS() || os.isAndroid();
  6210. var isPhone = isTouch && !isTablet;
  6211. var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
  6212. return {
  6213. isiPad: constant(isiPad),
  6214. isiPhone: constant(isiPhone),
  6215. isTablet: constant(isTablet),
  6216. isPhone: constant(isPhone),
  6217. isTouch: constant(isTouch),
  6218. isAndroid: os.isAndroid,
  6219. isiOS: os.isiOS,
  6220. isWebView: constant(iOSwebview)
  6221. };
  6222. };
  6223. var detect$1 = function (candidates, userAgent) {
  6224. var agent = String(userAgent).toLowerCase();
  6225. return find(candidates, function (candidate) {
  6226. return candidate.search(agent);
  6227. });
  6228. };
  6229. var detectBrowser = function (browsers, userAgent) {
  6230. return detect$1(browsers, userAgent).map(function (browser) {
  6231. var version = Version.detect(browser.versionRegexes, userAgent);
  6232. return {
  6233. current: browser.name,
  6234. version: version
  6235. };
  6236. });
  6237. };
  6238. var detectOs = function (oses, userAgent) {
  6239. return detect$1(oses, userAgent).map(function (os) {
  6240. var version = Version.detect(os.versionRegexes, userAgent);
  6241. return {
  6242. current: os.name,
  6243. version: version
  6244. };
  6245. });
  6246. };
  6247. var UaString = {
  6248. detectBrowser: detectBrowser,
  6249. detectOs: detectOs
  6250. };
  6251. var contains = function (str, substr) {
  6252. return str.indexOf(substr) !== -1;
  6253. };
  6254. var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
  6255. var checkContains = function (target) {
  6256. return function (uastring) {
  6257. return contains(uastring, target);
  6258. };
  6259. };
  6260. var browsers = [
  6261. {
  6262. name: 'Edge',
  6263. versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
  6264. search: function (uastring) {
  6265. return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit');
  6266. }
  6267. },
  6268. {
  6269. name: 'Chrome',
  6270. versionRegexes: [
  6271. /.*?chrome\/([0-9]+)\.([0-9]+).*/,
  6272. normalVersionRegex
  6273. ],
  6274. search: function (uastring) {
  6275. return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe');
  6276. }
  6277. },
  6278. {
  6279. name: 'IE',
  6280. versionRegexes: [
  6281. /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
  6282. /.*?rv:([0-9]+)\.([0-9]+).*/
  6283. ],
  6284. search: function (uastring) {
  6285. return contains(uastring, 'msie') || contains(uastring, 'trident');
  6286. }
  6287. },
  6288. {
  6289. name: 'Opera',
  6290. versionRegexes: [
  6291. normalVersionRegex,
  6292. /.*?opera\/([0-9]+)\.([0-9]+).*/
  6293. ],
  6294. search: checkContains('opera')
  6295. },
  6296. {
  6297. name: 'Firefox',
  6298. versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
  6299. search: checkContains('firefox')
  6300. },
  6301. {
  6302. name: 'Safari',
  6303. versionRegexes: [
  6304. normalVersionRegex,
  6305. /.*?cpu os ([0-9]+)_([0-9]+).*/
  6306. ],
  6307. search: function (uastring) {
  6308. return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit');
  6309. }
  6310. }
  6311. ];
  6312. var oses = [
  6313. {
  6314. name: 'Windows',
  6315. search: checkContains('win'),
  6316. versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
  6317. },
  6318. {
  6319. name: 'iOS',
  6320. search: function (uastring) {
  6321. return contains(uastring, 'iphone') || contains(uastring, 'ipad');
  6322. },
  6323. versionRegexes: [
  6324. /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
  6325. /.*cpu os ([0-9]+)_([0-9]+).*/,
  6326. /.*cpu iphone os ([0-9]+)_([0-9]+).*/
  6327. ]
  6328. },
  6329. {
  6330. name: 'Android',
  6331. search: checkContains('android'),
  6332. versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
  6333. },
  6334. {
  6335. name: 'OSX',
  6336. search: checkContains('os x'),
  6337. versionRegexes: [/.*?os\ x\ ?([0-9]+)_([0-9]+).*/]
  6338. },
  6339. {
  6340. name: 'Linux',
  6341. search: checkContains('linux'),
  6342. versionRegexes: []
  6343. },
  6344. {
  6345. name: 'Solaris',
  6346. search: checkContains('sunos'),
  6347. versionRegexes: []
  6348. },
  6349. {
  6350. name: 'FreeBSD',
  6351. search: checkContains('freebsd'),
  6352. versionRegexes: []
  6353. }
  6354. ];
  6355. var PlatformInfo = {
  6356. browsers: constant(browsers),
  6357. oses: constant(oses)
  6358. };
  6359. var detect$2 = function (userAgent) {
  6360. var browsers = PlatformInfo.browsers();
  6361. var oses = PlatformInfo.oses();
  6362. var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
  6363. var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
  6364. var deviceType = DeviceType(os, browser, userAgent);
  6365. return {
  6366. browser: browser,
  6367. os: os,
  6368. deviceType: deviceType
  6369. };
  6370. };
  6371. var PlatformDetection = { detect: detect$2 };
  6372. var detect$3 = cached(function () {
  6373. var userAgent = domGlobals.navigator.userAgent;
  6374. return PlatformDetection.detect(userAgent);
  6375. });
  6376. var PlatformDetection$1 = { detect: detect$3 };
  6377. var ELEMENT$1 = ELEMENT;
  6378. var DOCUMENT$1 = DOCUMENT;
  6379. var bypassSelector = function (dom) {
  6380. return dom.nodeType !== ELEMENT$1 && dom.nodeType !== DOCUMENT$1 || dom.childElementCount === 0;
  6381. };
  6382. var all = function (selector, scope) {
  6383. var base = scope === undefined ? domGlobals.document : scope.dom();
  6384. return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), Element.fromDom);
  6385. };
  6386. var one = function (selector, scope) {
  6387. var base = scope === undefined ? domGlobals.document : scope.dom();
  6388. return bypassSelector(base) ? Option.none() : Option.from(base.querySelector(selector)).map(Element.fromDom);
  6389. };
  6390. var regularContains = function (e1, e2) {
  6391. var d1 = e1.dom();
  6392. var d2 = e2.dom();
  6393. return d1 === d2 ? false : d1.contains(d2);
  6394. };
  6395. var ieContains = function (e1, e2) {
  6396. return Node.documentPositionContainedBy(e1.dom(), e2.dom());
  6397. };
  6398. var browser = PlatformDetection$1.detect().browser;
  6399. var contains$1 = browser.isIE() ? ieContains : regularContains;
  6400. var spot = Immutable('element', 'offset');
  6401. var descendants = function (scope, selector) {
  6402. return all(selector, scope);
  6403. };
  6404. var trim = global$2.trim;
  6405. var hasContentEditableState = function (value) {
  6406. return function (node) {
  6407. if (node && node.nodeType === 1) {
  6408. if (node.contentEditable === value) {
  6409. return true;
  6410. }
  6411. if (node.getAttribute('data-mce-contenteditable') === value) {
  6412. return true;
  6413. }
  6414. }
  6415. return false;
  6416. };
  6417. };
  6418. var isContentEditableTrue = hasContentEditableState('true');
  6419. var isContentEditableFalse = hasContentEditableState('false');
  6420. var create = function (type, title, url, level, attach) {
  6421. return {
  6422. type: type,
  6423. title: title,
  6424. url: url,
  6425. level: level,
  6426. attach: attach
  6427. };
  6428. };
  6429. var isChildOfContentEditableTrue = function (node) {
  6430. while (node = node.parentNode) {
  6431. var value = node.contentEditable;
  6432. if (value && value !== 'inherit') {
  6433. return isContentEditableTrue(node);
  6434. }
  6435. }
  6436. return false;
  6437. };
  6438. var select = function (selector, root) {
  6439. return map(descendants(Element.fromDom(root), selector), function (element) {
  6440. return element.dom();
  6441. });
  6442. };
  6443. var getElementText = function (elm) {
  6444. return elm.innerText || elm.textContent;
  6445. };
  6446. var getOrGenerateId = function (elm) {
  6447. return elm.id ? elm.id : generate('h');
  6448. };
  6449. var isAnchor = function (elm) {
  6450. return elm && elm.nodeName === 'A' && (elm.id || elm.name);
  6451. };
  6452. var isValidAnchor = function (elm) {
  6453. return isAnchor(elm) && isEditable(elm);
  6454. };
  6455. var isHeader = function (elm) {
  6456. return elm && /^(H[1-6])$/.test(elm.nodeName);
  6457. };
  6458. var isEditable = function (elm) {
  6459. return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm);
  6460. };
  6461. var isValidHeader = function (elm) {
  6462. return isHeader(elm) && isEditable(elm);
  6463. };
  6464. var getLevel = function (elm) {
  6465. return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0;
  6466. };
  6467. var headerTarget = function (elm) {
  6468. var headerId = getOrGenerateId(elm);
  6469. var attach = function () {
  6470. elm.id = headerId;
  6471. };
  6472. return create('header', getElementText(elm), '#' + headerId, getLevel(elm), attach);
  6473. };
  6474. var anchorTarget = function (elm) {
  6475. var anchorId = elm.id || elm.name;
  6476. var anchorText = getElementText(elm);
  6477. return create('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop);
  6478. };
  6479. var getHeaderTargets = function (elms) {
  6480. return map(filter(elms, isValidHeader), headerTarget);
  6481. };
  6482. var getAnchorTargets = function (elms) {
  6483. return map(filter(elms, isValidAnchor), anchorTarget);
  6484. };
  6485. var getTargetElements = function (elm) {
  6486. var elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm);
  6487. return elms;
  6488. };
  6489. var hasTitle = function (target) {
  6490. return trim(target.title).length > 0;
  6491. };
  6492. var find$2 = function (elm) {
  6493. var elms = getTargetElements(elm);
  6494. return filter(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle);
  6495. };
  6496. var LinkTargets = { find: find$2 };
  6497. var getActiveEditor = function () {
  6498. return window.tinymce ? window.tinymce.activeEditor : global$1.activeEditor;
  6499. };
  6500. var history = {};
  6501. var HISTORY_LENGTH = 5;
  6502. var clearHistory = function () {
  6503. history = {};
  6504. };
  6505. var toMenuItem = function (target) {
  6506. return {
  6507. title: target.title,
  6508. value: {
  6509. title: { raw: target.title },
  6510. url: target.url,
  6511. attach: target.attach
  6512. }
  6513. };
  6514. };
  6515. var toMenuItems = function (targets) {
  6516. return global$2.map(targets, toMenuItem);
  6517. };
  6518. var staticMenuItem = function (title, url) {
  6519. return {
  6520. title: title,
  6521. value: {
  6522. title: title,
  6523. url: url,
  6524. attach: noop
  6525. }
  6526. };
  6527. };
  6528. var isUniqueUrl = function (url, targets) {
  6529. var foundTarget = exists(targets, function (target) {
  6530. return target.url === url;
  6531. });
  6532. return !foundTarget;
  6533. };
  6534. var getSetting = function (editorSettings, name, defaultValue) {
  6535. var value = name in editorSettings ? editorSettings[name] : defaultValue;
  6536. return value === false ? null : value;
  6537. };
  6538. var createMenuItems = function (term, targets, fileType, editorSettings) {
  6539. var separator = { title: '-' };
  6540. var fromHistoryMenuItems = function (history) {
  6541. var historyItems = history.hasOwnProperty(fileType) ? history[fileType] : [];
  6542. var uniqueHistory = filter(historyItems, function (url) {
  6543. return isUniqueUrl(url, targets);
  6544. });
  6545. return global$2.map(uniqueHistory, function (url) {
  6546. return {
  6547. title: url,
  6548. value: {
  6549. title: url,
  6550. url: url,
  6551. attach: noop
  6552. }
  6553. };
  6554. });
  6555. };
  6556. var fromMenuItems = function (type) {
  6557. var filteredTargets = filter(targets, function (target) {
  6558. return target.type === type;
  6559. });
  6560. return toMenuItems(filteredTargets);
  6561. };
  6562. var anchorMenuItems = function () {
  6563. var anchorMenuItems = fromMenuItems('anchor');
  6564. var topAnchor = getSetting(editorSettings, 'anchor_top', '#top');
  6565. var bottomAchor = getSetting(editorSettings, 'anchor_bottom', '#bottom');
  6566. if (topAnchor !== null) {
  6567. anchorMenuItems.unshift(staticMenuItem('<top>', topAnchor));
  6568. }
  6569. if (bottomAchor !== null) {
  6570. anchorMenuItems.push(staticMenuItem('<bottom>', bottomAchor));
  6571. }
  6572. return anchorMenuItems;
  6573. };
  6574. var join = function (items) {
  6575. return foldl(items, function (a, b) {
  6576. var bothEmpty = a.length === 0 || b.length === 0;
  6577. return bothEmpty ? a.concat(b) : a.concat(separator, b);
  6578. }, []);
  6579. };
  6580. if (editorSettings.typeahead_urls === false) {
  6581. return [];
  6582. }
  6583. return fileType === 'file' ? join([
  6584. filterByQuery(term, fromHistoryMenuItems(history)),
  6585. filterByQuery(term, fromMenuItems('header')),
  6586. filterByQuery(term, anchorMenuItems())
  6587. ]) : filterByQuery(term, fromHistoryMenuItems(history));
  6588. };
  6589. var addToHistory = function (url, fileType) {
  6590. var items = history[fileType];
  6591. if (!/^https?/.test(url)) {
  6592. return;
  6593. }
  6594. if (items) {
  6595. if (indexOf(items, url).isNone()) {
  6596. history[fileType] = items.slice(0, HISTORY_LENGTH).concat(url);
  6597. }
  6598. } else {
  6599. history[fileType] = [url];
  6600. }
  6601. };
  6602. var filterByQuery = function (term, menuItems) {
  6603. var lowerCaseTerm = term.toLowerCase();
  6604. var result = global$2.grep(menuItems, function (item) {
  6605. return item.title.toLowerCase().indexOf(lowerCaseTerm) !== -1;
  6606. });
  6607. return result.length === 1 && result[0].title === term ? [] : result;
  6608. };
  6609. var getTitle = function (linkDetails) {
  6610. var title = linkDetails.title;
  6611. return title.raw ? title.raw : title;
  6612. };
  6613. var setupAutoCompleteHandler = function (ctrl, editorSettings, bodyElm, fileType) {
  6614. var autocomplete = function (term) {
  6615. var linkTargets = LinkTargets.find(bodyElm);
  6616. var menuItems = createMenuItems(term, linkTargets, fileType, editorSettings);
  6617. ctrl.showAutoComplete(menuItems, term);
  6618. };
  6619. ctrl.on('autocomplete', function () {
  6620. autocomplete(ctrl.value());
  6621. });
  6622. ctrl.on('selectitem', function (e) {
  6623. var linkDetails = e.value;
  6624. ctrl.value(linkDetails.url);
  6625. var title = getTitle(linkDetails);
  6626. if (fileType === 'image') {
  6627. ctrl.fire('change', {
  6628. meta: {
  6629. alt: title,
  6630. attach: linkDetails.attach
  6631. }
  6632. });
  6633. } else {
  6634. ctrl.fire('change', {
  6635. meta: {
  6636. text: title,
  6637. attach: linkDetails.attach
  6638. }
  6639. });
  6640. }
  6641. ctrl.focus();
  6642. });
  6643. ctrl.on('click', function (e) {
  6644. if (ctrl.value().length === 0 && e.target.nodeName === 'INPUT') {
  6645. autocomplete('');
  6646. }
  6647. });
  6648. ctrl.on('PostRender', function () {
  6649. ctrl.getRoot().on('submit', function (e) {
  6650. if (!e.isDefaultPrevented()) {
  6651. addToHistory(ctrl.value(), fileType);
  6652. }
  6653. });
  6654. });
  6655. };
  6656. var statusToUiState = function (result) {
  6657. var status = result.status, message = result.message;
  6658. if (status === 'valid') {
  6659. return {
  6660. status: 'ok',
  6661. message: message
  6662. };
  6663. } else if (status === 'unknown') {
  6664. return {
  6665. status: 'warn',
  6666. message: message
  6667. };
  6668. } else if (status === 'invalid') {
  6669. return {
  6670. status: 'warn',
  6671. message: message
  6672. };
  6673. } else {
  6674. return {
  6675. status: 'none',
  6676. message: ''
  6677. };
  6678. }
  6679. };
  6680. var setupLinkValidatorHandler = function (ctrl, editorSettings, fileType) {
  6681. var validatorHandler = editorSettings.filepicker_validator_handler;
  6682. if (validatorHandler) {
  6683. var validateUrl_1 = function (url) {
  6684. if (url.length === 0) {
  6685. ctrl.statusLevel('none');
  6686. return;
  6687. }
  6688. validatorHandler({
  6689. url: url,
  6690. type: fileType
  6691. }, function (result) {
  6692. var uiState = statusToUiState(result);
  6693. ctrl.statusMessage(uiState.message);
  6694. ctrl.statusLevel(uiState.status);
  6695. });
  6696. };
  6697. ctrl.state.on('change:value', function (e) {
  6698. validateUrl_1(e.value);
  6699. });
  6700. }
  6701. };
  6702. var FilePicker = ComboBox.extend({
  6703. Statics: { clearHistory: clearHistory },
  6704. init: function (settings) {
  6705. var self = this, editor = getActiveEditor(), editorSettings = editor.settings;
  6706. var actionCallback, fileBrowserCallback, fileBrowserCallbackTypes;
  6707. var fileType = settings.filetype;
  6708. settings.spellcheck = false;
  6709. fileBrowserCallbackTypes = editorSettings.file_picker_types || editorSettings.file_browser_callback_types;
  6710. if (fileBrowserCallbackTypes) {
  6711. fileBrowserCallbackTypes = global$2.makeMap(fileBrowserCallbackTypes, /[, ]/);
  6712. }
  6713. if (!fileBrowserCallbackTypes || fileBrowserCallbackTypes[fileType]) {
  6714. fileBrowserCallback = editorSettings.file_picker_callback;
  6715. if (fileBrowserCallback && (!fileBrowserCallbackTypes || fileBrowserCallbackTypes[fileType])) {
  6716. actionCallback = function () {
  6717. var meta = self.fire('beforecall').meta;
  6718. meta = global$2.extend({ filetype: fileType }, meta);
  6719. fileBrowserCallback.call(editor, function (value, meta) {
  6720. self.value(value).fire('change', { meta: meta });
  6721. }, self.value(), meta);
  6722. };
  6723. } else {
  6724. fileBrowserCallback = editorSettings.file_browser_callback;
  6725. if (fileBrowserCallback && (!fileBrowserCallbackTypes || fileBrowserCallbackTypes[fileType])) {
  6726. actionCallback = function () {
  6727. fileBrowserCallback(self.getEl('inp').id, self.value(), fileType, window);
  6728. };
  6729. }
  6730. }
  6731. }
  6732. if (actionCallback) {
  6733. settings.icon = 'browse';
  6734. settings.onaction = actionCallback;
  6735. }
  6736. self._super(settings);
  6737. self.classes.add('filepicker');
  6738. setupAutoCompleteHandler(self, editorSettings, editor.getBody(), fileType);
  6739. setupLinkValidatorHandler(self, editorSettings, fileType);
  6740. }
  6741. });
  6742. var FitLayout = AbsoluteLayout.extend({
  6743. recalc: function (container) {
  6744. var contLayoutRect = container.layoutRect(), paddingBox = container.paddingBox;
  6745. container.items().filter(':visible').each(function (ctrl) {
  6746. ctrl.layoutRect({
  6747. x: paddingBox.left,
  6748. y: paddingBox.top,
  6749. w: contLayoutRect.innerW - paddingBox.right - paddingBox.left,
  6750. h: contLayoutRect.innerH - paddingBox.top - paddingBox.bottom
  6751. });
  6752. if (ctrl.recalc) {
  6753. ctrl.recalc();
  6754. }
  6755. });
  6756. }
  6757. });
  6758. var FlexLayout = AbsoluteLayout.extend({
  6759. recalc: function (container) {
  6760. var i, l, items, contLayoutRect, contPaddingBox, contSettings, align, pack, spacing, totalFlex, availableSpace, direction;
  6761. var ctrl, ctrlLayoutRect, ctrlSettings, flex;
  6762. var maxSizeItems = [];
  6763. var size, maxSize, ratio, rect, pos, maxAlignEndPos;
  6764. var sizeName, minSizeName, posName, maxSizeName, beforeName, innerSizeName, deltaSizeName, contentSizeName;
  6765. var alignAxisName, alignInnerSizeName, alignSizeName, alignMinSizeName, alignBeforeName, alignAfterName;
  6766. var alignDeltaSizeName, alignContentSizeName;
  6767. var max = Math.max, min = Math.min;
  6768. items = container.items().filter(':visible');
  6769. contLayoutRect = container.layoutRect();
  6770. contPaddingBox = container.paddingBox;
  6771. contSettings = container.settings;
  6772. direction = container.isRtl() ? contSettings.direction || 'row-reversed' : contSettings.direction;
  6773. align = contSettings.align;
  6774. pack = container.isRtl() ? contSettings.pack || 'end' : contSettings.pack;
  6775. spacing = contSettings.spacing || 0;
  6776. if (direction === 'row-reversed' || direction === 'column-reverse') {
  6777. items = items.set(items.toArray().reverse());
  6778. direction = direction.split('-')[0];
  6779. }
  6780. if (direction === 'column') {
  6781. posName = 'y';
  6782. sizeName = 'h';
  6783. minSizeName = 'minH';
  6784. maxSizeName = 'maxH';
  6785. innerSizeName = 'innerH';
  6786. beforeName = 'top';
  6787. deltaSizeName = 'deltaH';
  6788. contentSizeName = 'contentH';
  6789. alignBeforeName = 'left';
  6790. alignSizeName = 'w';
  6791. alignAxisName = 'x';
  6792. alignInnerSizeName = 'innerW';
  6793. alignMinSizeName = 'minW';
  6794. alignAfterName = 'right';
  6795. alignDeltaSizeName = 'deltaW';
  6796. alignContentSizeName = 'contentW';
  6797. } else {
  6798. posName = 'x';
  6799. sizeName = 'w';
  6800. minSizeName = 'minW';
  6801. maxSizeName = 'maxW';
  6802. innerSizeName = 'innerW';
  6803. beforeName = 'left';
  6804. deltaSizeName = 'deltaW';
  6805. contentSizeName = 'contentW';
  6806. alignBeforeName = 'top';
  6807. alignSizeName = 'h';
  6808. alignAxisName = 'y';
  6809. alignInnerSizeName = 'innerH';
  6810. alignMinSizeName = 'minH';
  6811. alignAfterName = 'bottom';
  6812. alignDeltaSizeName = 'deltaH';
  6813. alignContentSizeName = 'contentH';
  6814. }
  6815. availableSpace = contLayoutRect[innerSizeName] - contPaddingBox[beforeName] - contPaddingBox[beforeName];
  6816. maxAlignEndPos = totalFlex = 0;
  6817. for (i = 0, l = items.length; i < l; i++) {
  6818. ctrl = items[i];
  6819. ctrlLayoutRect = ctrl.layoutRect();
  6820. ctrlSettings = ctrl.settings;
  6821. flex = ctrlSettings.flex;
  6822. availableSpace -= i < l - 1 ? spacing : 0;
  6823. if (flex > 0) {
  6824. totalFlex += flex;
  6825. if (ctrlLayoutRect[maxSizeName]) {
  6826. maxSizeItems.push(ctrl);
  6827. }
  6828. ctrlLayoutRect.flex = flex;
  6829. }
  6830. availableSpace -= ctrlLayoutRect[minSizeName];
  6831. size = contPaddingBox[alignBeforeName] + ctrlLayoutRect[alignMinSizeName] + contPaddingBox[alignAfterName];
  6832. if (size > maxAlignEndPos) {
  6833. maxAlignEndPos = size;
  6834. }
  6835. }
  6836. rect = {};
  6837. if (availableSpace < 0) {
  6838. rect[minSizeName] = contLayoutRect[minSizeName] - availableSpace + contLayoutRect[deltaSizeName];
  6839. } else {
  6840. rect[minSizeName] = contLayoutRect[innerSizeName] - availableSpace + contLayoutRect[deltaSizeName];
  6841. }
  6842. rect[alignMinSizeName] = maxAlignEndPos + contLayoutRect[alignDeltaSizeName];
  6843. rect[contentSizeName] = contLayoutRect[innerSizeName] - availableSpace;
  6844. rect[alignContentSizeName] = maxAlignEndPos;
  6845. rect.minW = min(rect.minW, contLayoutRect.maxW);
  6846. rect.minH = min(rect.minH, contLayoutRect.maxH);
  6847. rect.minW = max(rect.minW, contLayoutRect.startMinWidth);
  6848. rect.minH = max(rect.minH, contLayoutRect.startMinHeight);
  6849. if (contLayoutRect.autoResize && (rect.minW !== contLayoutRect.minW || rect.minH !== contLayoutRect.minH)) {
  6850. rect.w = rect.minW;
  6851. rect.h = rect.minH;
  6852. container.layoutRect(rect);
  6853. this.recalc(container);
  6854. if (container._lastRect === null) {
  6855. var parentCtrl = container.parent();
  6856. if (parentCtrl) {
  6857. parentCtrl._lastRect = null;
  6858. parentCtrl.recalc();
  6859. }
  6860. }
  6861. return;
  6862. }
  6863. ratio = availableSpace / totalFlex;
  6864. for (i = 0, l = maxSizeItems.length; i < l; i++) {
  6865. ctrl = maxSizeItems[i];
  6866. ctrlLayoutRect = ctrl.layoutRect();
  6867. maxSize = ctrlLayoutRect[maxSizeName];
  6868. size = ctrlLayoutRect[minSizeName] + ctrlLayoutRect.flex * ratio;
  6869. if (size > maxSize) {
  6870. availableSpace -= ctrlLayoutRect[maxSizeName] - ctrlLayoutRect[minSizeName];
  6871. totalFlex -= ctrlLayoutRect.flex;
  6872. ctrlLayoutRect.flex = 0;
  6873. ctrlLayoutRect.maxFlexSize = maxSize;
  6874. } else {
  6875. ctrlLayoutRect.maxFlexSize = 0;
  6876. }
  6877. }
  6878. ratio = availableSpace / totalFlex;
  6879. pos = contPaddingBox[beforeName];
  6880. rect = {};
  6881. if (totalFlex === 0) {
  6882. if (pack === 'end') {
  6883. pos = availableSpace + contPaddingBox[beforeName];
  6884. } else if (pack === 'center') {
  6885. pos = Math.round(contLayoutRect[innerSizeName] / 2 - (contLayoutRect[innerSizeName] - availableSpace) / 2) + contPaddingBox[beforeName];
  6886. if (pos < 0) {
  6887. pos = contPaddingBox[beforeName];
  6888. }
  6889. } else if (pack === 'justify') {
  6890. pos = contPaddingBox[beforeName];
  6891. spacing = Math.floor(availableSpace / (items.length - 1));
  6892. }
  6893. }
  6894. rect[alignAxisName] = contPaddingBox[alignBeforeName];
  6895. for (i = 0, l = items.length; i < l; i++) {
  6896. ctrl = items[i];
  6897. ctrlLayoutRect = ctrl.layoutRect();
  6898. size = ctrlLayoutRect.maxFlexSize || ctrlLayoutRect[minSizeName];
  6899. if (align === 'center') {
  6900. rect[alignAxisName] = Math.round(contLayoutRect[alignInnerSizeName] / 2 - ctrlLayoutRect[alignSizeName] / 2);
  6901. } else if (align === 'stretch') {
  6902. rect[alignSizeName] = max(ctrlLayoutRect[alignMinSizeName] || 0, contLayoutRect[alignInnerSizeName] - contPaddingBox[alignBeforeName] - contPaddingBox[alignAfterName]);
  6903. rect[alignAxisName] = contPaddingBox[alignBeforeName];
  6904. } else if (align === 'end') {
  6905. rect[alignAxisName] = contLayoutRect[alignInnerSizeName] - ctrlLayoutRect[alignSizeName] - contPaddingBox.top;
  6906. }
  6907. if (ctrlLayoutRect.flex > 0) {
  6908. size += ctrlLayoutRect.flex * ratio;
  6909. }
  6910. rect[sizeName] = size;
  6911. rect[posName] = pos;
  6912. ctrl.layoutRect(rect);
  6913. if (ctrl.recalc) {
  6914. ctrl.recalc();
  6915. }
  6916. pos += size + spacing;
  6917. }
  6918. }
  6919. });
  6920. var FlowLayout = Layout.extend({
  6921. Defaults: {
  6922. containerClass: 'flow-layout',
  6923. controlClass: 'flow-layout-item',
  6924. endClass: 'break'
  6925. },
  6926. recalc: function (container) {
  6927. container.items().filter(':visible').each(function (ctrl) {
  6928. if (ctrl.recalc) {
  6929. ctrl.recalc();
  6930. }
  6931. });
  6932. },
  6933. isNative: function () {
  6934. return true;
  6935. }
  6936. });
  6937. var descendant = function (scope, selector) {
  6938. return one(selector, scope);
  6939. };
  6940. var toggleFormat = function (editor, fmt) {
  6941. return function () {
  6942. editor.execCommand('mceToggleFormat', false, fmt);
  6943. };
  6944. };
  6945. var addFormatChangedListener = function (editor, name, changed) {
  6946. var handler = function (state) {
  6947. changed(state, name);
  6948. };
  6949. if (editor.formatter) {
  6950. editor.formatter.formatChanged(name, handler);
  6951. } else {
  6952. editor.on('init', function () {
  6953. editor.formatter.formatChanged(name, handler);
  6954. });
  6955. }
  6956. };
  6957. var postRenderFormatToggle = function (editor, name) {
  6958. return function (e) {
  6959. addFormatChangedListener(editor, name, function (state) {
  6960. e.control.active(state);
  6961. });
  6962. };
  6963. };
  6964. var register = function (editor) {
  6965. var alignFormats = [
  6966. 'alignleft',
  6967. 'aligncenter',
  6968. 'alignright',
  6969. 'alignjustify'
  6970. ];
  6971. var defaultAlign = 'alignleft';
  6972. var alignMenuItems = [
  6973. {
  6974. text: 'Left',
  6975. icon: 'alignleft',
  6976. onclick: toggleFormat(editor, 'alignleft')
  6977. },
  6978. {
  6979. text: 'Center',
  6980. icon: 'aligncenter',
  6981. onclick: toggleFormat(editor, 'aligncenter')
  6982. },
  6983. {
  6984. text: 'Right',
  6985. icon: 'alignright',
  6986. onclick: toggleFormat(editor, 'alignright')
  6987. },
  6988. {
  6989. text: 'Justify',
  6990. icon: 'alignjustify',
  6991. onclick: toggleFormat(editor, 'alignjustify')
  6992. }
  6993. ];
  6994. editor.addMenuItem('align', {
  6995. text: 'Align',
  6996. menu: alignMenuItems
  6997. });
  6998. editor.addButton('align', {
  6999. type: 'menubutton',
  7000. icon: defaultAlign,
  7001. menu: alignMenuItems,
  7002. onShowMenu: function (e) {
  7003. var menu = e.control.menu;
  7004. global$2.each(alignFormats, function (formatName, idx) {
  7005. menu.items().eq(idx).each(function (item) {
  7006. return item.active(editor.formatter.match(formatName));
  7007. });
  7008. });
  7009. },
  7010. onPostRender: function (e) {
  7011. var ctrl = e.control;
  7012. global$2.each(alignFormats, function (formatName, idx) {
  7013. addFormatChangedListener(editor, formatName, function (state) {
  7014. ctrl.icon(defaultAlign);
  7015. if (state) {
  7016. ctrl.icon(formatName);
  7017. }
  7018. });
  7019. });
  7020. }
  7021. });
  7022. global$2.each({
  7023. alignleft: [
  7024. 'Align left',
  7025. 'JustifyLeft'
  7026. ],
  7027. aligncenter: [
  7028. 'Align center',
  7029. 'JustifyCenter'
  7030. ],
  7031. alignright: [
  7032. 'Align right',
  7033. 'JustifyRight'
  7034. ],
  7035. alignjustify: [
  7036. 'Justify',
  7037. 'JustifyFull'
  7038. ],
  7039. alignnone: [
  7040. 'No alignment',
  7041. 'JustifyNone'
  7042. ]
  7043. }, function (item, name) {
  7044. editor.addButton(name, {
  7045. active: false,
  7046. tooltip: item[0],
  7047. cmd: item[1],
  7048. onPostRender: postRenderFormatToggle(editor, name)
  7049. });
  7050. });
  7051. };
  7052. var Align = { register: register };
  7053. var getFirstFont = function (fontFamily) {
  7054. return fontFamily ? fontFamily.split(',')[0] : '';
  7055. };
  7056. var findMatchingValue = function (items, fontFamily) {
  7057. var font = fontFamily ? fontFamily.toLowerCase() : '';
  7058. var value;
  7059. global$2.each(items, function (item) {
  7060. if (item.value.toLowerCase() === font) {
  7061. value = item.value;
  7062. }
  7063. });
  7064. global$2.each(items, function (item) {
  7065. if (!value && getFirstFont(item.value).toLowerCase() === getFirstFont(font).toLowerCase()) {
  7066. value = item.value;
  7067. }
  7068. });
  7069. return value;
  7070. };
  7071. var createFontNameListBoxChangeHandler = function (editor, items) {
  7072. return function () {
  7073. var self = this;
  7074. self.state.set('value', null);
  7075. editor.on('init nodeChange', function (e) {
  7076. var fontFamily = editor.queryCommandValue('FontName');
  7077. var match = findMatchingValue(items, fontFamily);
  7078. self.value(match ? match : null);
  7079. if (!match && fontFamily) {
  7080. self.text(getFirstFont(fontFamily));
  7081. }
  7082. });
  7083. };
  7084. };
  7085. var createFormats = function (formats) {
  7086. formats = formats.replace(/;$/, '').split(';');
  7087. var i = formats.length;
  7088. while (i--) {
  7089. formats[i] = formats[i].split('=');
  7090. }
  7091. return formats;
  7092. };
  7093. var getFontItems = function (editor) {
  7094. var defaultFontsFormats = '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';
  7095. var fonts = createFormats(editor.settings.font_formats || defaultFontsFormats);
  7096. return global$2.map(fonts, function (font) {
  7097. return {
  7098. text: { raw: font[0] },
  7099. value: font[1],
  7100. textStyle: font[1].indexOf('dings') === -1 ? 'font-family:' + font[1] : ''
  7101. };
  7102. });
  7103. };
  7104. var registerButtons = function (editor) {
  7105. editor.addButton('fontselect', function () {
  7106. var items = getFontItems(editor);
  7107. return {
  7108. type: 'listbox',
  7109. text: 'Font Family',
  7110. tooltip: 'Font Family',
  7111. values: items,
  7112. fixedWidth: true,
  7113. onPostRender: createFontNameListBoxChangeHandler(editor, items),
  7114. onselect: function (e) {
  7115. if (e.control.settings.value) {
  7116. editor.execCommand('FontName', false, e.control.settings.value);
  7117. }
  7118. }
  7119. };
  7120. });
  7121. };
  7122. var register$1 = function (editor) {
  7123. registerButtons(editor);
  7124. };
  7125. var FontSelect = { register: register$1 };
  7126. var round = function (number, precision) {
  7127. var factor = Math.pow(10, precision);
  7128. return Math.round(number * factor) / factor;
  7129. };
  7130. var toPt = function (fontSize, precision) {
  7131. if (/[0-9.]+px$/.test(fontSize)) {
  7132. return round(parseInt(fontSize, 10) * 72 / 96, precision || 0) + 'pt';
  7133. }
  7134. return fontSize;
  7135. };
  7136. var findMatchingValue$1 = function (items, pt, px) {
  7137. var value;
  7138. global$2.each(items, function (item) {
  7139. if (item.value === px) {
  7140. value = px;
  7141. } else if (item.value === pt) {
  7142. value = pt;
  7143. }
  7144. });
  7145. return value;
  7146. };
  7147. var createFontSizeListBoxChangeHandler = function (editor, items) {
  7148. return function () {
  7149. var self = this;
  7150. editor.on('init nodeChange', function (e) {
  7151. var px, pt, precision, match;
  7152. px = editor.queryCommandValue('FontSize');
  7153. if (px) {
  7154. for (precision = 3; !match && precision >= 0; precision--) {
  7155. pt = toPt(px, precision);
  7156. match = findMatchingValue$1(items, pt, px);
  7157. }
  7158. }
  7159. self.value(match ? match : null);
  7160. if (!match) {
  7161. self.text(pt);
  7162. }
  7163. });
  7164. };
  7165. };
  7166. var getFontSizeItems = function (editor) {
  7167. var defaultFontsizeFormats = '8pt 10pt 12pt 14pt 18pt 24pt 36pt';
  7168. var fontsizeFormats = editor.settings.fontsize_formats || defaultFontsizeFormats;
  7169. return global$2.map(fontsizeFormats.split(' '), function (item) {
  7170. var text = item, value = item;
  7171. var values = item.split('=');
  7172. if (values.length > 1) {
  7173. text = values[0];
  7174. value = values[1];
  7175. }
  7176. return {
  7177. text: text,
  7178. value: value
  7179. };
  7180. });
  7181. };
  7182. var registerButtons$1 = function (editor) {
  7183. editor.addButton('fontsizeselect', function () {
  7184. var items = getFontSizeItems(editor);
  7185. return {
  7186. type: 'listbox',
  7187. text: 'Font Sizes',
  7188. tooltip: 'Font Sizes',
  7189. values: items,
  7190. fixedWidth: true,
  7191. onPostRender: createFontSizeListBoxChangeHandler(editor, items),
  7192. onclick: function (e) {
  7193. if (e.control.settings.value) {
  7194. editor.execCommand('FontSize', false, e.control.settings.value);
  7195. }
  7196. }
  7197. };
  7198. });
  7199. };
  7200. var register$2 = function (editor) {
  7201. registerButtons$1(editor);
  7202. };
  7203. var FontSizeSelect = { register: register$2 };
  7204. var hideMenuObjects = function (editor, menu) {
  7205. var count = menu.length;
  7206. global$2.each(menu, function (item) {
  7207. if (item.menu) {
  7208. item.hidden = hideMenuObjects(editor, item.menu) === 0;
  7209. }
  7210. var formatName = item.format;
  7211. if (formatName) {
  7212. item.hidden = !editor.formatter.canApply(formatName);
  7213. }
  7214. if (item.hidden) {
  7215. count--;
  7216. }
  7217. });
  7218. return count;
  7219. };
  7220. var hideFormatMenuItems = function (editor, menu) {
  7221. var count = menu.items().length;
  7222. menu.items().each(function (item) {
  7223. if (item.menu) {
  7224. item.visible(hideFormatMenuItems(editor, item.menu) > 0);
  7225. }
  7226. if (!item.menu && item.settings.menu) {
  7227. item.visible(hideMenuObjects(editor, item.settings.menu) > 0);
  7228. }
  7229. var formatName = item.settings.format;
  7230. if (formatName) {
  7231. item.visible(editor.formatter.canApply(formatName));
  7232. }
  7233. if (!item.visible()) {
  7234. count--;
  7235. }
  7236. });
  7237. return count;
  7238. };
  7239. var createFormatMenu = function (editor) {
  7240. var count = 0;
  7241. var newFormats = [];
  7242. var defaultStyleFormats = [
  7243. {
  7244. title: 'Headings',
  7245. items: [
  7246. {
  7247. title: 'Heading 1',
  7248. format: 'h1'
  7249. },
  7250. {
  7251. title: 'Heading 2',
  7252. format: 'h2'
  7253. },
  7254. {
  7255. title: 'Heading 3',
  7256. format: 'h3'
  7257. },
  7258. {
  7259. title: 'Heading 4',
  7260. format: 'h4'
  7261. },
  7262. {
  7263. title: 'Heading 5',
  7264. format: 'h5'
  7265. },
  7266. {
  7267. title: 'Heading 6',
  7268. format: 'h6'
  7269. }
  7270. ]
  7271. },
  7272. {
  7273. title: 'Inline',
  7274. items: [
  7275. {
  7276. title: 'Bold',
  7277. icon: 'bold',
  7278. format: 'bold'
  7279. },
  7280. {
  7281. title: 'Italic',
  7282. icon: 'italic',
  7283. format: 'italic'
  7284. },
  7285. {
  7286. title: 'Underline',
  7287. icon: 'underline',
  7288. format: 'underline'
  7289. },
  7290. {
  7291. title: 'Strikethrough',
  7292. icon: 'strikethrough',
  7293. format: 'strikethrough'
  7294. },
  7295. {
  7296. title: 'Superscript',
  7297. icon: 'superscript',
  7298. format: 'superscript'
  7299. },
  7300. {
  7301. title: 'Subscript',
  7302. icon: 'subscript',
  7303. format: 'subscript'
  7304. },
  7305. {
  7306. title: 'Code',
  7307. icon: 'code',
  7308. format: 'code'
  7309. }
  7310. ]
  7311. },
  7312. {
  7313. title: 'Blocks',
  7314. items: [
  7315. {
  7316. title: 'Paragraph',
  7317. format: 'p'
  7318. },
  7319. {
  7320. title: 'Blockquote',
  7321. format: 'blockquote'
  7322. },
  7323. {
  7324. title: 'Div',
  7325. format: 'div'
  7326. },
  7327. {
  7328. title: 'Pre',
  7329. format: 'pre'
  7330. }
  7331. ]
  7332. },
  7333. {
  7334. title: 'Alignment',
  7335. items: [
  7336. {
  7337. title: 'Left',
  7338. icon: 'alignleft',
  7339. format: 'alignleft'
  7340. },
  7341. {
  7342. title: 'Center',
  7343. icon: 'aligncenter',
  7344. format: 'aligncenter'
  7345. },
  7346. {
  7347. title: 'Right',
  7348. icon: 'alignright',
  7349. format: 'alignright'
  7350. },
  7351. {
  7352. title: 'Justify',
  7353. icon: 'alignjustify',
  7354. format: 'alignjustify'
  7355. }
  7356. ]
  7357. }
  7358. ];
  7359. var createMenu = function (formats) {
  7360. var menu = [];
  7361. if (!formats) {
  7362. return;
  7363. }
  7364. global$2.each(formats, function (format) {
  7365. var menuItem = {
  7366. text: format.title,
  7367. icon: format.icon
  7368. };
  7369. if (format.items) {
  7370. menuItem.menu = createMenu(format.items);
  7371. } else {
  7372. var formatName = format.format || 'custom' + count++;
  7373. if (!format.format) {
  7374. format.name = formatName;
  7375. newFormats.push(format);
  7376. }
  7377. menuItem.format = formatName;
  7378. menuItem.cmd = format.cmd;
  7379. }
  7380. menu.push(menuItem);
  7381. });
  7382. return menu;
  7383. };
  7384. var createStylesMenu = function () {
  7385. var menu;
  7386. if (editor.settings.style_formats_merge) {
  7387. if (editor.settings.style_formats) {
  7388. menu = createMenu(defaultStyleFormats.concat(editor.settings.style_formats));
  7389. } else {
  7390. menu = createMenu(defaultStyleFormats);
  7391. }
  7392. } else {
  7393. menu = createMenu(editor.settings.style_formats || defaultStyleFormats);
  7394. }
  7395. return menu;
  7396. };
  7397. editor.on('init', function () {
  7398. global$2.each(newFormats, function (format) {
  7399. editor.formatter.register(format.name, format);
  7400. });
  7401. });
  7402. return {
  7403. type: 'menu',
  7404. items: createStylesMenu(),
  7405. onPostRender: function (e) {
  7406. editor.fire('renderFormatsMenu', { control: e.control });
  7407. },
  7408. itemDefaults: {
  7409. preview: true,
  7410. textStyle: function () {
  7411. if (this.settings.format) {
  7412. return editor.formatter.getCssText(this.settings.format);
  7413. }
  7414. },
  7415. onPostRender: function () {
  7416. var self = this;
  7417. self.parent().on('show', function () {
  7418. var formatName, command;
  7419. formatName = self.settings.format;
  7420. if (formatName) {
  7421. self.disabled(!editor.formatter.canApply(formatName));
  7422. self.active(editor.formatter.match(formatName));
  7423. }
  7424. command = self.settings.cmd;
  7425. if (command) {
  7426. self.active(editor.queryCommandState(command));
  7427. }
  7428. });
  7429. },
  7430. onclick: function () {
  7431. if (this.settings.format) {
  7432. toggleFormat(editor, this.settings.format)();
  7433. }
  7434. if (this.settings.cmd) {
  7435. editor.execCommand(this.settings.cmd);
  7436. }
  7437. }
  7438. }
  7439. };
  7440. };
  7441. var registerMenuItems = function (editor, formatMenu) {
  7442. editor.addMenuItem('formats', {
  7443. text: 'Formats',
  7444. menu: formatMenu
  7445. });
  7446. };
  7447. var registerButtons$2 = function (editor, formatMenu) {
  7448. editor.addButton('styleselect', {
  7449. type: 'menubutton',
  7450. text: 'Formats',
  7451. menu: formatMenu,
  7452. onShowMenu: function () {
  7453. if (editor.settings.style_formats_autohide) {
  7454. hideFormatMenuItems(editor, this.menu);
  7455. }
  7456. }
  7457. });
  7458. };
  7459. var register$3 = function (editor) {
  7460. var formatMenu = createFormatMenu(editor);
  7461. registerMenuItems(editor, formatMenu);
  7462. registerButtons$2(editor, formatMenu);
  7463. };
  7464. var Formats = { register: register$3 };
  7465. var defaultBlocks = 'Paragraph=p;' + 'Heading 1=h1;' + 'Heading 2=h2;' + 'Heading 3=h3;' + 'Heading 4=h4;' + 'Heading 5=h5;' + 'Heading 6=h6;' + 'Preformatted=pre';
  7466. var createFormats$1 = function (formats) {
  7467. formats = formats.replace(/;$/, '').split(';');
  7468. var i = formats.length;
  7469. while (i--) {
  7470. formats[i] = formats[i].split('=');
  7471. }
  7472. return formats;
  7473. };
  7474. var createListBoxChangeHandler = function (editor, items, formatName) {
  7475. return function () {
  7476. var self = this;
  7477. editor.on('nodeChange', function (e) {
  7478. var formatter = editor.formatter;
  7479. var value = null;
  7480. global$2.each(e.parents, function (node) {
  7481. global$2.each(items, function (item) {
  7482. if (formatName) {
  7483. if (formatter.matchNode(node, formatName, { value: item.value })) {
  7484. value = item.value;
  7485. }
  7486. } else {
  7487. if (formatter.matchNode(node, item.value)) {
  7488. value = item.value;
  7489. }
  7490. }
  7491. if (value) {
  7492. return false;
  7493. }
  7494. });
  7495. if (value) {
  7496. return false;
  7497. }
  7498. });
  7499. self.value(value);
  7500. });
  7501. };
  7502. };
  7503. var lazyFormatSelectBoxItems = function (editor, blocks) {
  7504. return function () {
  7505. var items = [];
  7506. global$2.each(blocks, function (block) {
  7507. items.push({
  7508. text: block[0],
  7509. value: block[1],
  7510. textStyle: function () {
  7511. return editor.formatter.getCssText(block[1]);
  7512. }
  7513. });
  7514. });
  7515. return {
  7516. type: 'listbox',
  7517. text: blocks[0][0],
  7518. values: items,
  7519. fixedWidth: true,
  7520. onselect: function (e) {
  7521. if (e.control) {
  7522. var fmt = e.control.value();
  7523. toggleFormat(editor, fmt)();
  7524. }
  7525. },
  7526. onPostRender: createListBoxChangeHandler(editor, items)
  7527. };
  7528. };
  7529. };
  7530. var buildMenuItems = function (editor, blocks) {
  7531. return global$2.map(blocks, function (block) {
  7532. return {
  7533. text: block[0],
  7534. onclick: toggleFormat(editor, block[1]),
  7535. textStyle: function () {
  7536. return editor.formatter.getCssText(block[1]);
  7537. }
  7538. };
  7539. });
  7540. };
  7541. var register$4 = function (editor) {
  7542. var blocks = createFormats$1(editor.settings.block_formats || defaultBlocks);
  7543. editor.addMenuItem('blockformats', {
  7544. text: 'Blocks',
  7545. menu: buildMenuItems(editor, blocks)
  7546. });
  7547. editor.addButton('formatselect', lazyFormatSelectBoxItems(editor, blocks));
  7548. };
  7549. var FormatSelect = { register: register$4 };
  7550. var createCustomMenuItems = function (editor, names) {
  7551. var items, nameList;
  7552. if (typeof names === 'string') {
  7553. nameList = names.split(' ');
  7554. } else if (global$2.isArray(names)) {
  7555. return flatten(global$2.map(names, function (names) {
  7556. return createCustomMenuItems(editor, names);
  7557. }));
  7558. }
  7559. items = global$2.grep(nameList, function (name) {
  7560. return name === '|' || name in editor.menuItems;
  7561. });
  7562. return global$2.map(items, function (name) {
  7563. return name === '|' ? { text: '-' } : editor.menuItems[name];
  7564. });
  7565. };
  7566. var isSeparator$1 = function (menuItem) {
  7567. return menuItem && menuItem.text === '-';
  7568. };
  7569. var trimMenuItems = function (menuItems) {
  7570. var menuItems2 = filter(menuItems, function (menuItem, i, menuItems) {
  7571. return !isSeparator$1(menuItem) || !isSeparator$1(menuItems[i - 1]);
  7572. });
  7573. return filter(menuItems2, function (menuItem, i, menuItems) {
  7574. return !isSeparator$1(menuItem) || i > 0 && i < menuItems.length - 1;
  7575. });
  7576. };
  7577. var createContextMenuItems = function (editor, context) {
  7578. var outputMenuItems = [{ text: '-' }];
  7579. var menuItems = global$2.grep(editor.menuItems, function (menuItem) {
  7580. return menuItem.context === context;
  7581. });
  7582. global$2.each(menuItems, function (menuItem) {
  7583. if (menuItem.separator === 'before') {
  7584. outputMenuItems.push({ text: '|' });
  7585. }
  7586. if (menuItem.prependToContext) {
  7587. outputMenuItems.unshift(menuItem);
  7588. } else {
  7589. outputMenuItems.push(menuItem);
  7590. }
  7591. if (menuItem.separator === 'after') {
  7592. outputMenuItems.push({ text: '|' });
  7593. }
  7594. });
  7595. return outputMenuItems;
  7596. };
  7597. var createInsertMenu = function (editor) {
  7598. var insertButtonItems = editor.settings.insert_button_items;
  7599. if (insertButtonItems) {
  7600. return trimMenuItems(createCustomMenuItems(editor, insertButtonItems));
  7601. } else {
  7602. return trimMenuItems(createContextMenuItems(editor, 'insert'));
  7603. }
  7604. };
  7605. var registerButtons$3 = function (editor) {
  7606. editor.addButton('insert', {
  7607. type: 'menubutton',
  7608. icon: 'insert',
  7609. menu: [],
  7610. oncreatemenu: function () {
  7611. this.menu.add(createInsertMenu(editor));
  7612. this.menu.renderNew();
  7613. }
  7614. });
  7615. };
  7616. var register$5 = function (editor) {
  7617. registerButtons$3(editor);
  7618. };
  7619. var InsertButton = { register: register$5 };
  7620. var registerFormatButtons = function (editor) {
  7621. global$2.each({
  7622. bold: 'Bold',
  7623. italic: 'Italic',
  7624. underline: 'Underline',
  7625. strikethrough: 'Strikethrough',
  7626. subscript: 'Subscript',
  7627. superscript: 'Superscript'
  7628. }, function (text, name) {
  7629. editor.addButton(name, {
  7630. active: false,
  7631. tooltip: text,
  7632. onPostRender: postRenderFormatToggle(editor, name),
  7633. onclick: toggleFormat(editor, name)
  7634. });
  7635. });
  7636. };
  7637. var registerCommandButtons = function (editor) {
  7638. global$2.each({
  7639. outdent: [
  7640. 'Decrease indent',
  7641. 'Outdent'
  7642. ],
  7643. indent: [
  7644. 'Increase indent',
  7645. 'Indent'
  7646. ],
  7647. cut: [
  7648. 'Cut',
  7649. 'Cut'
  7650. ],
  7651. copy: [
  7652. 'Copy',
  7653. 'Copy'
  7654. ],
  7655. paste: [
  7656. 'Paste',
  7657. 'Paste'
  7658. ],
  7659. help: [
  7660. 'Help',
  7661. 'mceHelp'
  7662. ],
  7663. selectall: [
  7664. 'Select all',
  7665. 'SelectAll'
  7666. ],
  7667. visualaid: [
  7668. 'Visual aids',
  7669. 'mceToggleVisualAid'
  7670. ],
  7671. newdocument: [
  7672. 'New document',
  7673. 'mceNewDocument'
  7674. ],
  7675. removeformat: [
  7676. 'Clear formatting',
  7677. 'RemoveFormat'
  7678. ],
  7679. remove: [
  7680. 'Remove',
  7681. 'Delete'
  7682. ]
  7683. }, function (item, name) {
  7684. editor.addButton(name, {
  7685. tooltip: item[0],
  7686. cmd: item[1]
  7687. });
  7688. });
  7689. };
  7690. var registerCommandToggleButtons = function (editor) {
  7691. global$2.each({
  7692. blockquote: [
  7693. 'Blockquote',
  7694. 'mceBlockQuote'
  7695. ],
  7696. subscript: [
  7697. 'Subscript',
  7698. 'Subscript'
  7699. ],
  7700. superscript: [
  7701. 'Superscript',
  7702. 'Superscript'
  7703. ]
  7704. }, function (item, name) {
  7705. editor.addButton(name, {
  7706. active: false,
  7707. tooltip: item[0],
  7708. cmd: item[1],
  7709. onPostRender: postRenderFormatToggle(editor, name)
  7710. });
  7711. });
  7712. };
  7713. var registerButtons$4 = function (editor) {
  7714. registerFormatButtons(editor);
  7715. registerCommandButtons(editor);
  7716. registerCommandToggleButtons(editor);
  7717. };
  7718. var registerMenuItems$1 = function (editor) {
  7719. global$2.each({
  7720. bold: [
  7721. 'Bold',
  7722. 'Bold',
  7723. 'Meta+B'
  7724. ],
  7725. italic: [
  7726. 'Italic',
  7727. 'Italic',
  7728. 'Meta+I'
  7729. ],
  7730. underline: [
  7731. 'Underline',
  7732. 'Underline',
  7733. 'Meta+U'
  7734. ],
  7735. strikethrough: [
  7736. 'Strikethrough',
  7737. 'Strikethrough'
  7738. ],
  7739. subscript: [
  7740. 'Subscript',
  7741. 'Subscript'
  7742. ],
  7743. superscript: [
  7744. 'Superscript',
  7745. 'Superscript'
  7746. ],
  7747. removeformat: [
  7748. 'Clear formatting',
  7749. 'RemoveFormat'
  7750. ],
  7751. newdocument: [
  7752. 'New document',
  7753. 'mceNewDocument'
  7754. ],
  7755. cut: [
  7756. 'Cut',
  7757. 'Cut',
  7758. 'Meta+X'
  7759. ],
  7760. copy: [
  7761. 'Copy',
  7762. 'Copy',
  7763. 'Meta+C'
  7764. ],
  7765. paste: [
  7766. 'Paste',
  7767. 'Paste',
  7768. 'Meta+V'
  7769. ],
  7770. selectall: [
  7771. 'Select all',
  7772. 'SelectAll',
  7773. 'Meta+A'
  7774. ]
  7775. }, function (item, name) {
  7776. editor.addMenuItem(name, {
  7777. text: item[0],
  7778. icon: name,
  7779. shortcut: item[2],
  7780. cmd: item[1]
  7781. });
  7782. });
  7783. editor.addMenuItem('codeformat', {
  7784. text: 'Code',
  7785. icon: 'code',
  7786. onclick: toggleFormat(editor, 'code')
  7787. });
  7788. };
  7789. var register$6 = function (editor) {
  7790. registerButtons$4(editor);
  7791. registerMenuItems$1(editor);
  7792. };
  7793. var SimpleControls = { register: register$6 };
  7794. var toggleUndoRedoState = function (editor, type) {
  7795. return function () {
  7796. var self = this;
  7797. var checkState = function () {
  7798. var typeFn = type === 'redo' ? 'hasRedo' : 'hasUndo';
  7799. return editor.undoManager ? editor.undoManager[typeFn]() : false;
  7800. };
  7801. self.disabled(!checkState());
  7802. editor.on('Undo Redo AddUndo TypingUndo ClearUndos SwitchMode', function () {
  7803. self.disabled(editor.readonly || !checkState());
  7804. });
  7805. };
  7806. };
  7807. var registerMenuItems$2 = function (editor) {
  7808. editor.addMenuItem('undo', {
  7809. text: 'Undo',
  7810. icon: 'undo',
  7811. shortcut: 'Meta+Z',
  7812. onPostRender: toggleUndoRedoState(editor, 'undo'),
  7813. cmd: 'undo'
  7814. });
  7815. editor.addMenuItem('redo', {
  7816. text: 'Redo',
  7817. icon: 'redo',
  7818. shortcut: 'Meta+Y',
  7819. onPostRender: toggleUndoRedoState(editor, 'redo'),
  7820. cmd: 'redo'
  7821. });
  7822. };
  7823. var registerButtons$5 = function (editor) {
  7824. editor.addButton('undo', {
  7825. tooltip: 'Undo',
  7826. onPostRender: toggleUndoRedoState(editor, 'undo'),
  7827. cmd: 'undo'
  7828. });
  7829. editor.addButton('redo', {
  7830. tooltip: 'Redo',
  7831. onPostRender: toggleUndoRedoState(editor, 'redo'),
  7832. cmd: 'redo'
  7833. });
  7834. };
  7835. var register$7 = function (editor) {
  7836. registerMenuItems$2(editor);
  7837. registerButtons$5(editor);
  7838. };
  7839. var UndoRedo = { register: register$7 };
  7840. var toggleVisualAidState = function (editor) {
  7841. return function () {
  7842. var self = this;
  7843. editor.on('VisualAid', function (e) {
  7844. self.active(e.hasVisual);
  7845. });
  7846. self.active(editor.hasVisual);
  7847. };
  7848. };
  7849. var registerMenuItems$3 = function (editor) {
  7850. editor.addMenuItem('visualaid', {
  7851. text: 'Visual aids',
  7852. selectable: true,
  7853. onPostRender: toggleVisualAidState(editor),
  7854. cmd: 'mceToggleVisualAid'
  7855. });
  7856. };
  7857. var register$8 = function (editor) {
  7858. registerMenuItems$3(editor);
  7859. };
  7860. var VisualAid = { register: register$8 };
  7861. var setupEnvironment = function () {
  7862. Widget.tooltips = !global$8.iOS;
  7863. Control$1.translate = function (text) {
  7864. return global$1.translate(text);
  7865. };
  7866. };
  7867. var setupUiContainer = function (editor) {
  7868. if (editor.settings.ui_container) {
  7869. global$8.container = descendant(Element.fromDom(domGlobals.document.body), editor.settings.ui_container).fold(constant(null), function (elm) {
  7870. return elm.dom();
  7871. });
  7872. }
  7873. };
  7874. var setupRtlMode = function (editor) {
  7875. if (editor.rtl) {
  7876. Control$1.rtl = true;
  7877. }
  7878. };
  7879. var setupHideFloatPanels = function (editor) {
  7880. editor.on('mousedown progressstate', function () {
  7881. FloatPanel.hideAll();
  7882. });
  7883. };
  7884. var setup$1 = function (editor) {
  7885. setupRtlMode(editor);
  7886. setupHideFloatPanels(editor);
  7887. setupUiContainer(editor);
  7888. setupEnvironment();
  7889. FormatSelect.register(editor);
  7890. Align.register(editor);
  7891. SimpleControls.register(editor);
  7892. UndoRedo.register(editor);
  7893. FontSizeSelect.register(editor);
  7894. FontSelect.register(editor);
  7895. Formats.register(editor);
  7896. VisualAid.register(editor);
  7897. InsertButton.register(editor);
  7898. };
  7899. var FormatControls = { setup: setup$1 };
  7900. var GridLayout = AbsoluteLayout.extend({
  7901. recalc: function (container) {
  7902. var settings, rows, cols, items, contLayoutRect, width, height, rect, ctrlLayoutRect, ctrl, x, y, posX, posY, ctrlSettings, contPaddingBox, align, spacingH, spacingV, alignH, alignV, maxX, maxY;
  7903. var colWidths = [];
  7904. var rowHeights = [];
  7905. var ctrlMinWidth, ctrlMinHeight, availableWidth, availableHeight, reverseRows, idx;
  7906. settings = container.settings;
  7907. items = container.items().filter(':visible');
  7908. contLayoutRect = container.layoutRect();
  7909. cols = settings.columns || Math.ceil(Math.sqrt(items.length));
  7910. rows = Math.ceil(items.length / cols);
  7911. spacingH = settings.spacingH || settings.spacing || 0;
  7912. spacingV = settings.spacingV || settings.spacing || 0;
  7913. alignH = settings.alignH || settings.align;
  7914. alignV = settings.alignV || settings.align;
  7915. contPaddingBox = container.paddingBox;
  7916. reverseRows = 'reverseRows' in settings ? settings.reverseRows : container.isRtl();
  7917. if (alignH && typeof alignH === 'string') {
  7918. alignH = [alignH];
  7919. }
  7920. if (alignV && typeof alignV === 'string') {
  7921. alignV = [alignV];
  7922. }
  7923. for (x = 0; x < cols; x++) {
  7924. colWidths.push(0);
  7925. }
  7926. for (y = 0; y < rows; y++) {
  7927. rowHeights.push(0);
  7928. }
  7929. for (y = 0; y < rows; y++) {
  7930. for (x = 0; x < cols; x++) {
  7931. ctrl = items[y * cols + x];
  7932. if (!ctrl) {
  7933. break;
  7934. }
  7935. ctrlLayoutRect = ctrl.layoutRect();
  7936. ctrlMinWidth = ctrlLayoutRect.minW;
  7937. ctrlMinHeight = ctrlLayoutRect.minH;
  7938. colWidths[x] = ctrlMinWidth > colWidths[x] ? ctrlMinWidth : colWidths[x];
  7939. rowHeights[y] = ctrlMinHeight > rowHeights[y] ? ctrlMinHeight : rowHeights[y];
  7940. }
  7941. }
  7942. availableWidth = contLayoutRect.innerW - contPaddingBox.left - contPaddingBox.right;
  7943. for (maxX = 0, x = 0; x < cols; x++) {
  7944. maxX += colWidths[x] + (x > 0 ? spacingH : 0);
  7945. availableWidth -= (x > 0 ? spacingH : 0) + colWidths[x];
  7946. }
  7947. availableHeight = contLayoutRect.innerH - contPaddingBox.top - contPaddingBox.bottom;
  7948. for (maxY = 0, y = 0; y < rows; y++) {
  7949. maxY += rowHeights[y] + (y > 0 ? spacingV : 0);
  7950. availableHeight -= (y > 0 ? spacingV : 0) + rowHeights[y];
  7951. }
  7952. maxX += contPaddingBox.left + contPaddingBox.right;
  7953. maxY += contPaddingBox.top + contPaddingBox.bottom;
  7954. rect = {};
  7955. rect.minW = maxX + (contLayoutRect.w - contLayoutRect.innerW);
  7956. rect.minH = maxY + (contLayoutRect.h - contLayoutRect.innerH);
  7957. rect.contentW = rect.minW - contLayoutRect.deltaW;
  7958. rect.contentH = rect.minH - contLayoutRect.deltaH;
  7959. rect.minW = Math.min(rect.minW, contLayoutRect.maxW);
  7960. rect.minH = Math.min(rect.minH, contLayoutRect.maxH);
  7961. rect.minW = Math.max(rect.minW, contLayoutRect.startMinWidth);
  7962. rect.minH = Math.max(rect.minH, contLayoutRect.startMinHeight);
  7963. if (contLayoutRect.autoResize && (rect.minW !== contLayoutRect.minW || rect.minH !== contLayoutRect.minH)) {
  7964. rect.w = rect.minW;
  7965. rect.h = rect.minH;
  7966. container.layoutRect(rect);
  7967. this.recalc(container);
  7968. if (container._lastRect === null) {
  7969. var parentCtrl = container.parent();
  7970. if (parentCtrl) {
  7971. parentCtrl._lastRect = null;
  7972. parentCtrl.recalc();
  7973. }
  7974. }
  7975. return;
  7976. }
  7977. if (contLayoutRect.autoResize) {
  7978. rect = container.layoutRect(rect);
  7979. rect.contentW = rect.minW - contLayoutRect.deltaW;
  7980. rect.contentH = rect.minH - contLayoutRect.deltaH;
  7981. }
  7982. var flexV;
  7983. if (settings.packV === 'start') {
  7984. flexV = 0;
  7985. } else {
  7986. flexV = availableHeight > 0 ? Math.floor(availableHeight / rows) : 0;
  7987. }
  7988. var totalFlex = 0;
  7989. var flexWidths = settings.flexWidths;
  7990. if (flexWidths) {
  7991. for (x = 0; x < flexWidths.length; x++) {
  7992. totalFlex += flexWidths[x];
  7993. }
  7994. } else {
  7995. totalFlex = cols;
  7996. }
  7997. var ratio = availableWidth / totalFlex;
  7998. for (x = 0; x < cols; x++) {
  7999. colWidths[x] += flexWidths ? flexWidths[x] * ratio : ratio;
  8000. }
  8001. posY = contPaddingBox.top;
  8002. for (y = 0; y < rows; y++) {
  8003. posX = contPaddingBox.left;
  8004. height = rowHeights[y] + flexV;
  8005. for (x = 0; x < cols; x++) {
  8006. if (reverseRows) {
  8007. idx = y * cols + cols - 1 - x;
  8008. } else {
  8009. idx = y * cols + x;
  8010. }
  8011. ctrl = items[idx];
  8012. if (!ctrl) {
  8013. break;
  8014. }
  8015. ctrlSettings = ctrl.settings;
  8016. ctrlLayoutRect = ctrl.layoutRect();
  8017. width = Math.max(colWidths[x], ctrlLayoutRect.startMinWidth);
  8018. ctrlLayoutRect.x = posX;
  8019. ctrlLayoutRect.y = posY;
  8020. align = ctrlSettings.alignH || (alignH ? alignH[x] || alignH[0] : null);
  8021. if (align === 'center') {
  8022. ctrlLayoutRect.x = posX + width / 2 - ctrlLayoutRect.w / 2;
  8023. } else if (align === 'right') {
  8024. ctrlLayoutRect.x = posX + width - ctrlLayoutRect.w;
  8025. } else if (align === 'stretch') {
  8026. ctrlLayoutRect.w = width;
  8027. }
  8028. align = ctrlSettings.alignV || (alignV ? alignV[x] || alignV[0] : null);
  8029. if (align === 'center') {
  8030. ctrlLayoutRect.y = posY + height / 2 - ctrlLayoutRect.h / 2;
  8031. } else if (align === 'bottom') {
  8032. ctrlLayoutRect.y = posY + height - ctrlLayoutRect.h;
  8033. } else if (align === 'stretch') {
  8034. ctrlLayoutRect.h = height;
  8035. }
  8036. ctrl.layoutRect(ctrlLayoutRect);
  8037. posX += width + spacingH;
  8038. if (ctrl.recalc) {
  8039. ctrl.recalc();
  8040. }
  8041. }
  8042. posY += height + spacingV;
  8043. }
  8044. }
  8045. });
  8046. var Iframe$1 = Widget.extend({
  8047. renderHtml: function () {
  8048. var self = this;
  8049. self.classes.add('iframe');
  8050. self.canFocus = false;
  8051. return '<iframe id="' + self._id + '" class="' + self.classes + '" tabindex="-1" src="' + (self.settings.url || 'javascript:\'\'') + '" frameborder="0"></iframe>';
  8052. },
  8053. src: function (src) {
  8054. this.getEl().src = src;
  8055. },
  8056. html: function (html, callback) {
  8057. var self = this, body = this.getEl().contentWindow.document.body;
  8058. if (!body) {
  8059. global$7.setTimeout(function () {
  8060. self.html(html);
  8061. });
  8062. } else {
  8063. body.innerHTML = html;
  8064. if (callback) {
  8065. callback();
  8066. }
  8067. }
  8068. return this;
  8069. }
  8070. });
  8071. var InfoBox = Widget.extend({
  8072. init: function (settings) {
  8073. var self = this;
  8074. self._super(settings);
  8075. self.classes.add('widget').add('infobox');
  8076. self.canFocus = false;
  8077. },
  8078. severity: function (level) {
  8079. this.classes.remove('error');
  8080. this.classes.remove('warning');
  8081. this.classes.remove('success');
  8082. this.classes.add(level);
  8083. },
  8084. help: function (state) {
  8085. this.state.set('help', state);
  8086. },
  8087. renderHtml: function () {
  8088. var self = this, prefix = self.classPrefix;
  8089. return '<div id="' + self._id + '" class="' + self.classes + '">' + '<div id="' + self._id + '-body">' + self.encode(self.state.get('text')) + '<button role="button" tabindex="-1">' + '<i class="' + prefix + 'ico ' + prefix + 'i-help"></i>' + '</button>' + '</div>' + '</div>';
  8090. },
  8091. bindStates: function () {
  8092. var self = this;
  8093. self.state.on('change:text', function (e) {
  8094. self.getEl('body').firstChild.data = self.encode(e.value);
  8095. if (self.state.get('rendered')) {
  8096. self.updateLayoutRect();
  8097. }
  8098. });
  8099. self.state.on('change:help', function (e) {
  8100. self.classes.toggle('has-help', e.value);
  8101. if (self.state.get('rendered')) {
  8102. self.updateLayoutRect();
  8103. }
  8104. });
  8105. return self._super();
  8106. }
  8107. });
  8108. var Label = Widget.extend({
  8109. init: function (settings) {
  8110. var self = this;
  8111. self._super(settings);
  8112. self.classes.add('widget').add('label');
  8113. self.canFocus = false;
  8114. if (settings.multiline) {
  8115. self.classes.add('autoscroll');
  8116. }
  8117. if (settings.strong) {
  8118. self.classes.add('strong');
  8119. }
  8120. },
  8121. initLayoutRect: function () {
  8122. var self = this, layoutRect = self._super();
  8123. if (self.settings.multiline) {
  8124. var size = funcs.getSize(self.getEl());
  8125. if (size.width > layoutRect.maxW) {
  8126. layoutRect.minW = layoutRect.maxW;
  8127. self.classes.add('multiline');
  8128. }
  8129. self.getEl().style.width = layoutRect.minW + 'px';
  8130. layoutRect.startMinH = layoutRect.h = layoutRect.minH = Math.min(layoutRect.maxH, funcs.getSize(self.getEl()).height);
  8131. }
  8132. return layoutRect;
  8133. },
  8134. repaint: function () {
  8135. var self = this;
  8136. if (!self.settings.multiline) {
  8137. self.getEl().style.lineHeight = self.layoutRect().h + 'px';
  8138. }
  8139. return self._super();
  8140. },
  8141. severity: function (level) {
  8142. this.classes.remove('error');
  8143. this.classes.remove('warning');
  8144. this.classes.remove('success');
  8145. this.classes.add(level);
  8146. },
  8147. renderHtml: function () {
  8148. var self = this;
  8149. var targetCtrl, forName, forId = self.settings.forId;
  8150. var text = self.settings.html ? self.settings.html : self.encode(self.state.get('text'));
  8151. if (!forId && (forName = self.settings.forName)) {
  8152. targetCtrl = self.getRoot().find('#' + forName)[0];
  8153. if (targetCtrl) {
  8154. forId = targetCtrl._id;
  8155. }
  8156. }
  8157. if (forId) {
  8158. return '<label id="' + self._id + '" class="' + self.classes + '"' + (forId ? ' for="' + forId + '"' : '') + '>' + text + '</label>';
  8159. }
  8160. return '<span id="' + self._id + '" class="' + self.classes + '">' + text + '</span>';
  8161. },
  8162. bindStates: function () {
  8163. var self = this;
  8164. self.state.on('change:text', function (e) {
  8165. self.innerHtml(self.encode(e.value));
  8166. if (self.state.get('rendered')) {
  8167. self.updateLayoutRect();
  8168. }
  8169. });
  8170. return self._super();
  8171. }
  8172. });
  8173. var Toolbar$1 = Container.extend({
  8174. Defaults: {
  8175. role: 'toolbar',
  8176. layout: 'flow'
  8177. },
  8178. init: function (settings) {
  8179. var self = this;
  8180. self._super(settings);
  8181. self.classes.add('toolbar');
  8182. },
  8183. postRender: function () {
  8184. var self = this;
  8185. self.items().each(function (ctrl) {
  8186. ctrl.classes.add('toolbar-item');
  8187. });
  8188. return self._super();
  8189. }
  8190. });
  8191. var MenuBar = Toolbar$1.extend({
  8192. Defaults: {
  8193. role: 'menubar',
  8194. containerCls: 'menubar',
  8195. ariaRoot: true,
  8196. defaults: { type: 'menubutton' }
  8197. }
  8198. });
  8199. function isChildOf$1(node, parent) {
  8200. while (node) {
  8201. if (parent === node) {
  8202. return true;
  8203. }
  8204. node = node.parentNode;
  8205. }
  8206. return false;
  8207. }
  8208. var MenuButton = Button.extend({
  8209. init: function (settings) {
  8210. var self = this;
  8211. self._renderOpen = true;
  8212. self._super(settings);
  8213. settings = self.settings;
  8214. self.classes.add('menubtn');
  8215. if (settings.fixedWidth) {
  8216. self.classes.add('fixed-width');
  8217. }
  8218. self.aria('haspopup', true);
  8219. self.state.set('menu', settings.menu || self.render());
  8220. },
  8221. showMenu: function (toggle) {
  8222. var self = this;
  8223. var menu;
  8224. if (self.menu && self.menu.visible() && toggle !== false) {
  8225. return self.hideMenu();
  8226. }
  8227. if (!self.menu) {
  8228. menu = self.state.get('menu') || [];
  8229. self.classes.add('opened');
  8230. if (menu.length) {
  8231. menu = {
  8232. type: 'menu',
  8233. animate: true,
  8234. items: menu
  8235. };
  8236. } else {
  8237. menu.type = menu.type || 'menu';
  8238. menu.animate = true;
  8239. }
  8240. if (!menu.renderTo) {
  8241. self.menu = global$4.create(menu).parent(self).renderTo();
  8242. } else {
  8243. self.menu = menu.parent(self).show().renderTo();
  8244. }
  8245. self.fire('createmenu');
  8246. self.menu.reflow();
  8247. self.menu.on('cancel', function (e) {
  8248. if (e.control.parent() === self.menu) {
  8249. e.stopPropagation();
  8250. self.focus();
  8251. self.hideMenu();
  8252. }
  8253. });
  8254. self.menu.on('select', function () {
  8255. self.focus();
  8256. });
  8257. self.menu.on('show hide', function (e) {
  8258. if (e.type === 'hide' && e.control.parent() === self) {
  8259. self.classes.remove('opened-under');
  8260. }
  8261. if (e.control === self.menu) {
  8262. self.activeMenu(e.type === 'show');
  8263. self.classes.toggle('opened', e.type === 'show');
  8264. }
  8265. self.aria('expanded', e.type === 'show');
  8266. }).fire('show');
  8267. }
  8268. self.menu.show();
  8269. self.menu.layoutRect({ w: self.layoutRect().w });
  8270. self.menu.repaint();
  8271. self.menu.moveRel(self.getEl(), self.isRtl() ? [
  8272. 'br-tr',
  8273. 'tr-br'
  8274. ] : [
  8275. 'bl-tl',
  8276. 'tl-bl'
  8277. ]);
  8278. var menuLayoutRect = self.menu.layoutRect();
  8279. var selfBottom = self.$el.offset().top + self.layoutRect().h;
  8280. if (selfBottom > menuLayoutRect.y && selfBottom < menuLayoutRect.y + menuLayoutRect.h) {
  8281. self.classes.add('opened-under');
  8282. }
  8283. self.fire('showmenu');
  8284. },
  8285. hideMenu: function () {
  8286. var self = this;
  8287. if (self.menu) {
  8288. self.menu.items().each(function (item) {
  8289. if (item.hideMenu) {
  8290. item.hideMenu();
  8291. }
  8292. });
  8293. self.menu.hide();
  8294. }
  8295. },
  8296. activeMenu: function (state) {
  8297. this.classes.toggle('active', state);
  8298. },
  8299. renderHtml: function () {
  8300. var self = this, id = self._id, prefix = self.classPrefix;
  8301. var icon = self.settings.icon, image;
  8302. var text = self.state.get('text');
  8303. var textHtml = '';
  8304. image = self.settings.image;
  8305. if (image) {
  8306. icon = 'none';
  8307. if (typeof image !== 'string') {
  8308. image = domGlobals.window.getSelection ? image[0] : image[1];
  8309. }
  8310. image = ' style="background-image: url(\'' + image + '\')"';
  8311. } else {
  8312. image = '';
  8313. }
  8314. if (text) {
  8315. self.classes.add('btn-has-text');
  8316. textHtml = '<span class="' + prefix + 'txt">' + self.encode(text) + '</span>';
  8317. }
  8318. icon = self.settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
  8319. self.aria('role', self.parent() instanceof MenuBar ? 'menuitem' : 'button');
  8320. return '<div id="' + id + '" class="' + self.classes + '" tabindex="-1" aria-labelledby="' + id + '">' + '<button id="' + id + '-open" role="presentation" type="button" tabindex="-1">' + (icon ? '<i class="' + icon + '"' + image + '></i>' : '') + textHtml + ' <i class="' + prefix + 'caret"></i>' + '</button>' + '</div>';
  8321. },
  8322. postRender: function () {
  8323. var self = this;
  8324. self.on('click', function (e) {
  8325. if (e.control === self && isChildOf$1(e.target, self.getEl())) {
  8326. self.focus();
  8327. self.showMenu(!e.aria);
  8328. if (e.aria) {
  8329. self.menu.items().filter(':visible')[0].focus();
  8330. }
  8331. }
  8332. });
  8333. self.on('mouseenter', function (e) {
  8334. var overCtrl = e.control;
  8335. var parent = self.parent();
  8336. var hasVisibleSiblingMenu;
  8337. if (overCtrl && parent && overCtrl instanceof MenuButton && overCtrl.parent() === parent) {
  8338. parent.items().filter('MenuButton').each(function (ctrl) {
  8339. if (ctrl.hideMenu && ctrl !== overCtrl) {
  8340. if (ctrl.menu && ctrl.menu.visible()) {
  8341. hasVisibleSiblingMenu = true;
  8342. }
  8343. ctrl.hideMenu();
  8344. }
  8345. });
  8346. if (hasVisibleSiblingMenu) {
  8347. overCtrl.focus();
  8348. overCtrl.showMenu();
  8349. }
  8350. }
  8351. });
  8352. return self._super();
  8353. },
  8354. bindStates: function () {
  8355. var self = this;
  8356. self.state.on('change:menu', function () {
  8357. if (self.menu) {
  8358. self.menu.remove();
  8359. }
  8360. self.menu = null;
  8361. });
  8362. return self._super();
  8363. },
  8364. remove: function () {
  8365. this._super();
  8366. if (this.menu) {
  8367. this.menu.remove();
  8368. }
  8369. }
  8370. });
  8371. var Menu = FloatPanel.extend({
  8372. Defaults: {
  8373. defaultType: 'menuitem',
  8374. border: 1,
  8375. layout: 'stack',
  8376. role: 'application',
  8377. bodyRole: 'menu',
  8378. ariaRoot: true
  8379. },
  8380. init: function (settings) {
  8381. var self = this;
  8382. settings.autohide = true;
  8383. settings.constrainToViewport = true;
  8384. if (typeof settings.items === 'function') {
  8385. settings.itemsFactory = settings.items;
  8386. settings.items = [];
  8387. }
  8388. if (settings.itemDefaults) {
  8389. var items = settings.items;
  8390. var i = items.length;
  8391. while (i--) {
  8392. items[i] = global$2.extend({}, settings.itemDefaults, items[i]);
  8393. }
  8394. }
  8395. self._super(settings);
  8396. self.classes.add('menu');
  8397. if (settings.animate && global$8.ie !== 11) {
  8398. self.classes.add('animate');
  8399. }
  8400. },
  8401. repaint: function () {
  8402. this.classes.toggle('menu-align', true);
  8403. this._super();
  8404. this.getEl().style.height = '';
  8405. this.getEl('body').style.height = '';
  8406. return this;
  8407. },
  8408. cancel: function () {
  8409. var self = this;
  8410. self.hideAll();
  8411. self.fire('select');
  8412. },
  8413. load: function () {
  8414. var self = this;
  8415. var time, factory;
  8416. function hideThrobber() {
  8417. if (self.throbber) {
  8418. self.throbber.hide();
  8419. self.throbber = null;
  8420. }
  8421. }
  8422. factory = self.settings.itemsFactory;
  8423. if (!factory) {
  8424. return;
  8425. }
  8426. if (!self.throbber) {
  8427. self.throbber = new Throbber(self.getEl('body'), true);
  8428. if (self.items().length === 0) {
  8429. self.throbber.show();
  8430. self.fire('loading');
  8431. } else {
  8432. self.throbber.show(100, function () {
  8433. self.items().remove();
  8434. self.fire('loading');
  8435. });
  8436. }
  8437. self.on('hide close', hideThrobber);
  8438. }
  8439. self.requestTime = time = new Date().getTime();
  8440. self.settings.itemsFactory(function (items) {
  8441. if (items.length === 0) {
  8442. self.hide();
  8443. return;
  8444. }
  8445. if (self.requestTime !== time) {
  8446. return;
  8447. }
  8448. self.getEl().style.width = '';
  8449. self.getEl('body').style.width = '';
  8450. hideThrobber();
  8451. self.items().remove();
  8452. self.getEl('body').innerHTML = '';
  8453. self.add(items);
  8454. self.renderNew();
  8455. self.fire('loaded');
  8456. });
  8457. },
  8458. hideAll: function () {
  8459. var self = this;
  8460. this.find('menuitem').exec('hideMenu');
  8461. return self._super();
  8462. },
  8463. preRender: function () {
  8464. var self = this;
  8465. self.items().each(function (ctrl) {
  8466. var settings = ctrl.settings;
  8467. if (settings.icon || settings.image || settings.selectable) {
  8468. self._hasIcons = true;
  8469. return false;
  8470. }
  8471. });
  8472. if (self.settings.itemsFactory) {
  8473. self.on('postrender', function () {
  8474. if (self.settings.itemsFactory) {
  8475. self.load();
  8476. }
  8477. });
  8478. }
  8479. self.on('show hide', function (e) {
  8480. if (e.control === self) {
  8481. if (e.type === 'show') {
  8482. global$7.setTimeout(function () {
  8483. self.classes.add('in');
  8484. }, 0);
  8485. } else {
  8486. self.classes.remove('in');
  8487. }
  8488. }
  8489. });
  8490. return self._super();
  8491. }
  8492. });
  8493. var ListBox = MenuButton.extend({
  8494. init: function (settings) {
  8495. var self = this;
  8496. var values, selected, selectedText, lastItemCtrl;
  8497. function setSelected(menuValues) {
  8498. for (var i = 0; i < menuValues.length; i++) {
  8499. selected = menuValues[i].selected || settings.value === menuValues[i].value;
  8500. if (selected) {
  8501. selectedText = selectedText || menuValues[i].text;
  8502. self.state.set('value', menuValues[i].value);
  8503. return true;
  8504. }
  8505. if (menuValues[i].menu) {
  8506. if (setSelected(menuValues[i].menu)) {
  8507. return true;
  8508. }
  8509. }
  8510. }
  8511. }
  8512. self._super(settings);
  8513. settings = self.settings;
  8514. self._values = values = settings.values;
  8515. if (values) {
  8516. if (typeof settings.value !== 'undefined') {
  8517. setSelected(values);
  8518. }
  8519. if (!selected && values.length > 0) {
  8520. selectedText = values[0].text;
  8521. self.state.set('value', values[0].value);
  8522. }
  8523. self.state.set('menu', values);
  8524. }
  8525. self.state.set('text', settings.text || selectedText);
  8526. self.classes.add('listbox');
  8527. self.on('select', function (e) {
  8528. var ctrl = e.control;
  8529. if (lastItemCtrl) {
  8530. e.lastControl = lastItemCtrl;
  8531. }
  8532. if (settings.multiple) {
  8533. ctrl.active(!ctrl.active());
  8534. } else {
  8535. self.value(e.control.value());
  8536. }
  8537. lastItemCtrl = ctrl;
  8538. });
  8539. },
  8540. value: function (value) {
  8541. if (arguments.length === 0) {
  8542. return this.state.get('value');
  8543. }
  8544. if (typeof value === 'undefined') {
  8545. return this;
  8546. }
  8547. function valueExists(values) {
  8548. return exists(values, function (a) {
  8549. return a.menu ? valueExists(a.menu) : a.value === value;
  8550. });
  8551. }
  8552. if (this.settings.values) {
  8553. if (valueExists(this.settings.values)) {
  8554. this.state.set('value', value);
  8555. } else if (value === null) {
  8556. this.state.set('value', null);
  8557. }
  8558. } else {
  8559. this.state.set('value', value);
  8560. }
  8561. return this;
  8562. },
  8563. bindStates: function () {
  8564. var self = this;
  8565. function activateMenuItemsByValue(menu, value) {
  8566. if (menu instanceof Menu) {
  8567. menu.items().each(function (ctrl) {
  8568. if (!ctrl.hasMenus()) {
  8569. ctrl.active(ctrl.value() === value);
  8570. }
  8571. });
  8572. }
  8573. }
  8574. function getSelectedItem(menuValues, value) {
  8575. var selectedItem;
  8576. if (!menuValues) {
  8577. return;
  8578. }
  8579. for (var i = 0; i < menuValues.length; i++) {
  8580. if (menuValues[i].value === value) {
  8581. return menuValues[i];
  8582. }
  8583. if (menuValues[i].menu) {
  8584. selectedItem = getSelectedItem(menuValues[i].menu, value);
  8585. if (selectedItem) {
  8586. return selectedItem;
  8587. }
  8588. }
  8589. }
  8590. }
  8591. self.on('show', function (e) {
  8592. activateMenuItemsByValue(e.control, self.value());
  8593. });
  8594. self.state.on('change:value', function (e) {
  8595. var selectedItem = getSelectedItem(self.state.get('menu'), e.value);
  8596. if (selectedItem) {
  8597. self.text(selectedItem.text);
  8598. } else {
  8599. self.text(self.settings.text);
  8600. }
  8601. });
  8602. return self._super();
  8603. }
  8604. });
  8605. var toggleTextStyle = function (ctrl, state) {
  8606. var textStyle = ctrl._textStyle;
  8607. if (textStyle) {
  8608. var textElm = ctrl.getEl('text');
  8609. textElm.setAttribute('style', textStyle);
  8610. if (state) {
  8611. textElm.style.color = '';
  8612. textElm.style.backgroundColor = '';
  8613. }
  8614. }
  8615. };
  8616. var MenuItem = Widget.extend({
  8617. Defaults: {
  8618. border: 0,
  8619. role: 'menuitem'
  8620. },
  8621. init: function (settings) {
  8622. var self = this;
  8623. var text;
  8624. self._super(settings);
  8625. settings = self.settings;
  8626. self.classes.add('menu-item');
  8627. if (settings.menu) {
  8628. self.classes.add('menu-item-expand');
  8629. }
  8630. if (settings.preview) {
  8631. self.classes.add('menu-item-preview');
  8632. }
  8633. text = self.state.get('text');
  8634. if (text === '-' || text === '|') {
  8635. self.classes.add('menu-item-sep');
  8636. self.aria('role', 'separator');
  8637. self.state.set('text', '-');
  8638. }
  8639. if (settings.selectable) {
  8640. self.aria('role', 'menuitemcheckbox');
  8641. self.classes.add('menu-item-checkbox');
  8642. settings.icon = 'selected';
  8643. }
  8644. if (!settings.preview && !settings.selectable) {
  8645. self.classes.add('menu-item-normal');
  8646. }
  8647. self.on('mousedown', function (e) {
  8648. e.preventDefault();
  8649. });
  8650. if (settings.menu && !settings.ariaHideMenu) {
  8651. self.aria('haspopup', true);
  8652. }
  8653. },
  8654. hasMenus: function () {
  8655. return !!this.settings.menu;
  8656. },
  8657. showMenu: function () {
  8658. var self = this;
  8659. var settings = self.settings;
  8660. var menu;
  8661. var parent = self.parent();
  8662. parent.items().each(function (ctrl) {
  8663. if (ctrl !== self) {
  8664. ctrl.hideMenu();
  8665. }
  8666. });
  8667. if (settings.menu) {
  8668. menu = self.menu;
  8669. if (!menu) {
  8670. menu = settings.menu;
  8671. if (menu.length) {
  8672. menu = {
  8673. type: 'menu',
  8674. items: menu
  8675. };
  8676. } else {
  8677. menu.type = menu.type || 'menu';
  8678. }
  8679. if (parent.settings.itemDefaults) {
  8680. menu.itemDefaults = parent.settings.itemDefaults;
  8681. }
  8682. menu = self.menu = global$4.create(menu).parent(self).renderTo();
  8683. menu.reflow();
  8684. menu.on('cancel', function (e) {
  8685. e.stopPropagation();
  8686. self.focus();
  8687. menu.hide();
  8688. });
  8689. menu.on('show hide', function (e) {
  8690. if (e.control.items) {
  8691. e.control.items().each(function (ctrl) {
  8692. ctrl.active(ctrl.settings.selected);
  8693. });
  8694. }
  8695. }).fire('show');
  8696. menu.on('hide', function (e) {
  8697. if (e.control === menu) {
  8698. self.classes.remove('selected');
  8699. }
  8700. });
  8701. menu.submenu = true;
  8702. } else {
  8703. menu.show();
  8704. }
  8705. menu._parentMenu = parent;
  8706. menu.classes.add('menu-sub');
  8707. var rel = menu.testMoveRel(self.getEl(), self.isRtl() ? [
  8708. 'tl-tr',
  8709. 'bl-br',
  8710. 'tr-tl',
  8711. 'br-bl'
  8712. ] : [
  8713. 'tr-tl',
  8714. 'br-bl',
  8715. 'tl-tr',
  8716. 'bl-br'
  8717. ]);
  8718. menu.moveRel(self.getEl(), rel);
  8719. menu.rel = rel;
  8720. rel = 'menu-sub-' + rel;
  8721. menu.classes.remove(menu._lastRel).add(rel);
  8722. menu._lastRel = rel;
  8723. self.classes.add('selected');
  8724. self.aria('expanded', true);
  8725. }
  8726. },
  8727. hideMenu: function () {
  8728. var self = this;
  8729. if (self.menu) {
  8730. self.menu.items().each(function (item) {
  8731. if (item.hideMenu) {
  8732. item.hideMenu();
  8733. }
  8734. });
  8735. self.menu.hide();
  8736. self.aria('expanded', false);
  8737. }
  8738. return self;
  8739. },
  8740. renderHtml: function () {
  8741. var self = this;
  8742. var id = self._id;
  8743. var settings = self.settings;
  8744. var prefix = self.classPrefix;
  8745. var text = self.state.get('text');
  8746. var icon = self.settings.icon, image = '', shortcut = settings.shortcut;
  8747. var url = self.encode(settings.url), iconHtml = '';
  8748. function convertShortcut(shortcut) {
  8749. var i, value, replace = {};
  8750. if (global$8.mac) {
  8751. replace = {
  8752. alt: '&#x2325;',
  8753. ctrl: '&#x2318;',
  8754. shift: '&#x21E7;',
  8755. meta: '&#x2318;'
  8756. };
  8757. } else {
  8758. replace = { meta: 'Ctrl' };
  8759. }
  8760. shortcut = shortcut.split('+');
  8761. for (i = 0; i < shortcut.length; i++) {
  8762. value = replace[shortcut[i].toLowerCase()];
  8763. if (value) {
  8764. shortcut[i] = value;
  8765. }
  8766. }
  8767. return shortcut.join('+');
  8768. }
  8769. function escapeRegExp(str) {
  8770. return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
  8771. }
  8772. function markMatches(text) {
  8773. var match = settings.match || '';
  8774. return match ? text.replace(new RegExp(escapeRegExp(match), 'gi'), function (match) {
  8775. return '!mce~match[' + match + ']mce~match!';
  8776. }) : text;
  8777. }
  8778. function boldMatches(text) {
  8779. return text.replace(new RegExp(escapeRegExp('!mce~match['), 'g'), '<b>').replace(new RegExp(escapeRegExp(']mce~match!'), 'g'), '</b>');
  8780. }
  8781. if (icon) {
  8782. self.parent().classes.add('menu-has-icons');
  8783. }
  8784. if (settings.image) {
  8785. image = ' style="background-image: url(\'' + settings.image + '\')"';
  8786. }
  8787. if (shortcut) {
  8788. shortcut = convertShortcut(shortcut);
  8789. }
  8790. icon = prefix + 'ico ' + prefix + 'i-' + (self.settings.icon || 'none');
  8791. iconHtml = text !== '-' ? '<i class="' + icon + '"' + image + '></i>\xA0' : '';
  8792. text = boldMatches(self.encode(markMatches(text)));
  8793. url = boldMatches(self.encode(markMatches(url)));
  8794. return '<div id="' + id + '" class="' + self.classes + '" tabindex="-1">' + iconHtml + (text !== '-' ? '<span id="' + id + '-text" class="' + prefix + 'text">' + text + '</span>' : '') + (shortcut ? '<div id="' + id + '-shortcut" class="' + prefix + 'menu-shortcut">' + shortcut + '</div>' : '') + (settings.menu ? '<div class="' + prefix + 'caret"></div>' : '') + (url ? '<div class="' + prefix + 'menu-item-link">' + url + '</div>' : '') + '</div>';
  8795. },
  8796. postRender: function () {
  8797. var self = this, settings = self.settings;
  8798. var textStyle = settings.textStyle;
  8799. if (typeof textStyle === 'function') {
  8800. textStyle = textStyle.call(this);
  8801. }
  8802. if (textStyle) {
  8803. var textElm = self.getEl('text');
  8804. if (textElm) {
  8805. textElm.setAttribute('style', textStyle);
  8806. self._textStyle = textStyle;
  8807. }
  8808. }
  8809. self.on('mouseenter click', function (e) {
  8810. if (e.control === self) {
  8811. if (!settings.menu && e.type === 'click') {
  8812. self.fire('select');
  8813. global$7.requestAnimationFrame(function () {
  8814. self.parent().hideAll();
  8815. });
  8816. } else {
  8817. self.showMenu();
  8818. if (e.aria) {
  8819. self.menu.focus(true);
  8820. }
  8821. }
  8822. }
  8823. });
  8824. self._super();
  8825. return self;
  8826. },
  8827. hover: function () {
  8828. var self = this;
  8829. self.parent().items().each(function (ctrl) {
  8830. ctrl.classes.remove('selected');
  8831. });
  8832. self.classes.toggle('selected', true);
  8833. return self;
  8834. },
  8835. active: function (state) {
  8836. toggleTextStyle(this, state);
  8837. if (typeof state !== 'undefined') {
  8838. this.aria('checked', state);
  8839. }
  8840. return this._super(state);
  8841. },
  8842. remove: function () {
  8843. this._super();
  8844. if (this.menu) {
  8845. this.menu.remove();
  8846. }
  8847. }
  8848. });
  8849. var Radio = Checkbox.extend({
  8850. Defaults: {
  8851. classes: 'radio',
  8852. role: 'radio'
  8853. }
  8854. });
  8855. var ResizeHandle = Widget.extend({
  8856. renderHtml: function () {
  8857. var self = this, prefix = self.classPrefix;
  8858. self.classes.add('resizehandle');
  8859. if (self.settings.direction === 'both') {
  8860. self.classes.add('resizehandle-both');
  8861. }
  8862. self.canFocus = false;
  8863. return '<div id="' + self._id + '" class="' + self.classes + '">' + '<i class="' + prefix + 'ico ' + prefix + 'i-resize"></i>' + '</div>';
  8864. },
  8865. postRender: function () {
  8866. var self = this;
  8867. self._super();
  8868. self.resizeDragHelper = new DragHelper(this._id, {
  8869. start: function () {
  8870. self.fire('ResizeStart');
  8871. },
  8872. drag: function (e) {
  8873. if (self.settings.direction !== 'both') {
  8874. e.deltaX = 0;
  8875. }
  8876. self.fire('Resize', e);
  8877. },
  8878. stop: function () {
  8879. self.fire('ResizeEnd');
  8880. }
  8881. });
  8882. },
  8883. remove: function () {
  8884. if (this.resizeDragHelper) {
  8885. this.resizeDragHelper.destroy();
  8886. }
  8887. return this._super();
  8888. }
  8889. });
  8890. function createOptions(options) {
  8891. var strOptions = '';
  8892. if (options) {
  8893. for (var i = 0; i < options.length; i++) {
  8894. strOptions += '<option value="' + options[i] + '">' + options[i] + '</option>';
  8895. }
  8896. }
  8897. return strOptions;
  8898. }
  8899. var SelectBox = Widget.extend({
  8900. Defaults: {
  8901. classes: 'selectbox',
  8902. role: 'selectbox',
  8903. options: []
  8904. },
  8905. init: function (settings) {
  8906. var self = this;
  8907. self._super(settings);
  8908. if (self.settings.size) {
  8909. self.size = self.settings.size;
  8910. }
  8911. if (self.settings.options) {
  8912. self._options = self.settings.options;
  8913. }
  8914. self.on('keydown', function (e) {
  8915. var rootControl;
  8916. if (e.keyCode === 13) {
  8917. e.preventDefault();
  8918. self.parents().reverse().each(function (ctrl) {
  8919. if (ctrl.toJSON) {
  8920. rootControl = ctrl;
  8921. return false;
  8922. }
  8923. });
  8924. self.fire('submit', { data: rootControl.toJSON() });
  8925. }
  8926. });
  8927. },
  8928. options: function (state) {
  8929. if (!arguments.length) {
  8930. return this.state.get('options');
  8931. }
  8932. this.state.set('options', state);
  8933. return this;
  8934. },
  8935. renderHtml: function () {
  8936. var self = this;
  8937. var options, size = '';
  8938. options = createOptions(self._options);
  8939. if (self.size) {
  8940. size = ' size = "' + self.size + '"';
  8941. }
  8942. return '<select id="' + self._id + '" class="' + self.classes + '"' + size + '>' + options + '</select>';
  8943. },
  8944. bindStates: function () {
  8945. var self = this;
  8946. self.state.on('change:options', function (e) {
  8947. self.getEl().innerHTML = createOptions(e.value);
  8948. });
  8949. return self._super();
  8950. }
  8951. });
  8952. function constrain(value, minVal, maxVal) {
  8953. if (value < minVal) {
  8954. value = minVal;
  8955. }
  8956. if (value > maxVal) {
  8957. value = maxVal;
  8958. }
  8959. return value;
  8960. }
  8961. function setAriaProp(el, name, value) {
  8962. el.setAttribute('aria-' + name, value);
  8963. }
  8964. function updateSliderHandle(ctrl, value) {
  8965. var maxHandlePos, shortSizeName, sizeName, stylePosName, styleValue, handleEl;
  8966. if (ctrl.settings.orientation === 'v') {
  8967. stylePosName = 'top';
  8968. sizeName = 'height';
  8969. shortSizeName = 'h';
  8970. } else {
  8971. stylePosName = 'left';
  8972. sizeName = 'width';
  8973. shortSizeName = 'w';
  8974. }
  8975. handleEl = ctrl.getEl('handle');
  8976. maxHandlePos = (ctrl.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName];
  8977. styleValue = maxHandlePos * ((value - ctrl._minValue) / (ctrl._maxValue - ctrl._minValue)) + 'px';
  8978. handleEl.style[stylePosName] = styleValue;
  8979. handleEl.style.height = ctrl.layoutRect().h + 'px';
  8980. setAriaProp(handleEl, 'valuenow', value);
  8981. setAriaProp(handleEl, 'valuetext', '' + ctrl.settings.previewFilter(value));
  8982. setAriaProp(handleEl, 'valuemin', ctrl._minValue);
  8983. setAriaProp(handleEl, 'valuemax', ctrl._maxValue);
  8984. }
  8985. var Slider = Widget.extend({
  8986. init: function (settings) {
  8987. var self = this;
  8988. if (!settings.previewFilter) {
  8989. settings.previewFilter = function (value) {
  8990. return Math.round(value * 100) / 100;
  8991. };
  8992. }
  8993. self._super(settings);
  8994. self.classes.add('slider');
  8995. if (settings.orientation === 'v') {
  8996. self.classes.add('vertical');
  8997. }
  8998. self._minValue = isNumber(settings.minValue) ? settings.minValue : 0;
  8999. self._maxValue = isNumber(settings.maxValue) ? settings.maxValue : 100;
  9000. self._initValue = self.state.get('value');
  9001. },
  9002. renderHtml: function () {
  9003. var self = this, id = self._id, prefix = self.classPrefix;
  9004. return '<div id="' + id + '" class="' + self.classes + '">' + '<div id="' + id + '-handle" class="' + prefix + 'slider-handle" role="slider" tabindex="-1"></div>' + '</div>';
  9005. },
  9006. reset: function () {
  9007. this.value(this._initValue).repaint();
  9008. },
  9009. postRender: function () {
  9010. var self = this;
  9011. var minValue, maxValue, screenCordName, stylePosName, sizeName, shortSizeName;
  9012. function toFraction(min, max, val) {
  9013. return (val + min) / (max - min);
  9014. }
  9015. function fromFraction(min, max, val) {
  9016. return val * (max - min) - min;
  9017. }
  9018. function handleKeyboard(minValue, maxValue) {
  9019. function alter(delta) {
  9020. var value;
  9021. value = self.value();
  9022. value = fromFraction(minValue, maxValue, toFraction(minValue, maxValue, value) + delta * 0.05);
  9023. value = constrain(value, minValue, maxValue);
  9024. self.value(value);
  9025. self.fire('dragstart', { value: value });
  9026. self.fire('drag', { value: value });
  9027. self.fire('dragend', { value: value });
  9028. }
  9029. self.on('keydown', function (e) {
  9030. switch (e.keyCode) {
  9031. case 37:
  9032. case 38:
  9033. alter(-1);
  9034. break;
  9035. case 39:
  9036. case 40:
  9037. alter(1);
  9038. break;
  9039. }
  9040. });
  9041. }
  9042. function handleDrag(minValue, maxValue, handleEl) {
  9043. var startPos, startHandlePos, maxHandlePos, handlePos, value;
  9044. self._dragHelper = new DragHelper(self._id, {
  9045. handle: self._id + '-handle',
  9046. start: function (e) {
  9047. startPos = e[screenCordName];
  9048. startHandlePos = parseInt(self.getEl('handle').style[stylePosName], 10);
  9049. maxHandlePos = (self.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName];
  9050. self.fire('dragstart', { value: value });
  9051. },
  9052. drag: function (e) {
  9053. var delta = e[screenCordName] - startPos;
  9054. handlePos = constrain(startHandlePos + delta, 0, maxHandlePos);
  9055. handleEl.style[stylePosName] = handlePos + 'px';
  9056. value = minValue + handlePos / maxHandlePos * (maxValue - minValue);
  9057. self.value(value);
  9058. self.tooltip().text('' + self.settings.previewFilter(value)).show().moveRel(handleEl, 'bc tc');
  9059. self.fire('drag', { value: value });
  9060. },
  9061. stop: function () {
  9062. self.tooltip().hide();
  9063. self.fire('dragend', { value: value });
  9064. }
  9065. });
  9066. }
  9067. minValue = self._minValue;
  9068. maxValue = self._maxValue;
  9069. if (self.settings.orientation === 'v') {
  9070. screenCordName = 'screenY';
  9071. stylePosName = 'top';
  9072. sizeName = 'height';
  9073. shortSizeName = 'h';
  9074. } else {
  9075. screenCordName = 'screenX';
  9076. stylePosName = 'left';
  9077. sizeName = 'width';
  9078. shortSizeName = 'w';
  9079. }
  9080. self._super();
  9081. handleKeyboard(minValue, maxValue);
  9082. handleDrag(minValue, maxValue, self.getEl('handle'));
  9083. },
  9084. repaint: function () {
  9085. this._super();
  9086. updateSliderHandle(this, this.value());
  9087. },
  9088. bindStates: function () {
  9089. var self = this;
  9090. self.state.on('change:value', function (e) {
  9091. updateSliderHandle(self, e.value);
  9092. });
  9093. return self._super();
  9094. }
  9095. });
  9096. var Spacer = Widget.extend({
  9097. renderHtml: function () {
  9098. var self = this;
  9099. self.classes.add('spacer');
  9100. self.canFocus = false;
  9101. return '<div id="' + self._id + '" class="' + self.classes + '"></div>';
  9102. }
  9103. });
  9104. var SplitButton = MenuButton.extend({
  9105. Defaults: {
  9106. classes: 'widget btn splitbtn',
  9107. role: 'button'
  9108. },
  9109. repaint: function () {
  9110. var self = this;
  9111. var elm = self.getEl();
  9112. var rect = self.layoutRect();
  9113. var mainButtonElm, menuButtonElm;
  9114. self._super();
  9115. mainButtonElm = elm.firstChild;
  9116. menuButtonElm = elm.lastChild;
  9117. global$9(mainButtonElm).css({
  9118. width: rect.w - funcs.getSize(menuButtonElm).width,
  9119. height: rect.h - 2
  9120. });
  9121. global$9(menuButtonElm).css({ height: rect.h - 2 });
  9122. return self;
  9123. },
  9124. activeMenu: function (state) {
  9125. var self = this;
  9126. global$9(self.getEl().lastChild).toggleClass(self.classPrefix + 'active', state);
  9127. },
  9128. renderHtml: function () {
  9129. var self = this;
  9130. var id = self._id;
  9131. var prefix = self.classPrefix;
  9132. var image;
  9133. var icon = self.state.get('icon');
  9134. var text = self.state.get('text');
  9135. var settings = self.settings;
  9136. var textHtml = '', ariaPressed;
  9137. image = settings.image;
  9138. if (image) {
  9139. icon = 'none';
  9140. if (typeof image !== 'string') {
  9141. image = domGlobals.window.getSelection ? image[0] : image[1];
  9142. }
  9143. image = ' style="background-image: url(\'' + image + '\')"';
  9144. } else {
  9145. image = '';
  9146. }
  9147. icon = settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
  9148. if (text) {
  9149. self.classes.add('btn-has-text');
  9150. textHtml = '<span class="' + prefix + 'txt">' + self.encode(text) + '</span>';
  9151. }
  9152. ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : '';
  9153. return '<div id="' + id + '" class="' + self.classes + '" role="button"' + ariaPressed + ' tabindex="-1">' + '<button type="button" hidefocus="1" tabindex="-1">' + (icon ? '<i class="' + icon + '"' + image + '></i>' : '') + textHtml + '</button>' + '<button type="button" class="' + prefix + 'open" hidefocus="1" tabindex="-1">' + (self._menuBtnText ? (icon ? '\xA0' : '') + self._menuBtnText : '') + ' <i class="' + prefix + 'caret"></i>' + '</button>' + '</div>';
  9154. },
  9155. postRender: function () {
  9156. var self = this, onClickHandler = self.settings.onclick;
  9157. self.on('click', function (e) {
  9158. var node = e.target;
  9159. if (e.control === this) {
  9160. while (node) {
  9161. if (e.aria && e.aria.key !== 'down' || node.nodeName === 'BUTTON' && node.className.indexOf('open') === -1) {
  9162. e.stopImmediatePropagation();
  9163. if (onClickHandler) {
  9164. onClickHandler.call(this, e);
  9165. }
  9166. return;
  9167. }
  9168. node = node.parentNode;
  9169. }
  9170. }
  9171. });
  9172. delete self.settings.onclick;
  9173. return self._super();
  9174. }
  9175. });
  9176. var StackLayout = FlowLayout.extend({
  9177. Defaults: {
  9178. containerClass: 'stack-layout',
  9179. controlClass: 'stack-layout-item',
  9180. endClass: 'break'
  9181. },
  9182. isNative: function () {
  9183. return true;
  9184. }
  9185. });
  9186. var TabPanel = Panel.extend({
  9187. Defaults: {
  9188. layout: 'absolute',
  9189. defaults: { type: 'panel' }
  9190. },
  9191. activateTab: function (idx) {
  9192. var activeTabElm;
  9193. if (this.activeTabId) {
  9194. activeTabElm = this.getEl(this.activeTabId);
  9195. global$9(activeTabElm).removeClass(this.classPrefix + 'active');
  9196. activeTabElm.setAttribute('aria-selected', 'false');
  9197. }
  9198. this.activeTabId = 't' + idx;
  9199. activeTabElm = this.getEl('t' + idx);
  9200. activeTabElm.setAttribute('aria-selected', 'true');
  9201. global$9(activeTabElm).addClass(this.classPrefix + 'active');
  9202. this.items()[idx].show().fire('showtab');
  9203. this.reflow();
  9204. this.items().each(function (item, i) {
  9205. if (idx !== i) {
  9206. item.hide();
  9207. }
  9208. });
  9209. },
  9210. renderHtml: function () {
  9211. var self = this;
  9212. var layout = self._layout;
  9213. var tabsHtml = '';
  9214. var prefix = self.classPrefix;
  9215. self.preRender();
  9216. layout.preRender(self);
  9217. self.items().each(function (ctrl, i) {
  9218. var id = self._id + '-t' + i;
  9219. ctrl.aria('role', 'tabpanel');
  9220. ctrl.aria('labelledby', id);
  9221. tabsHtml += '<div id="' + id + '" class="' + prefix + 'tab" ' + 'unselectable="on" role="tab" aria-controls="' + ctrl._id + '" aria-selected="false" tabIndex="-1">' + self.encode(ctrl.settings.title) + '</div>';
  9222. });
  9223. return '<div id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1">' + '<div id="' + self._id + '-head" class="' + prefix + 'tabs" role="tablist">' + tabsHtml + '</div>' + '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + layout.renderHtml(self) + '</div>' + '</div>';
  9224. },
  9225. postRender: function () {
  9226. var self = this;
  9227. self._super();
  9228. self.settings.activeTab = self.settings.activeTab || 0;
  9229. self.activateTab(self.settings.activeTab);
  9230. this.on('click', function (e) {
  9231. var targetParent = e.target.parentNode;
  9232. if (targetParent && targetParent.id === self._id + '-head') {
  9233. var i = targetParent.childNodes.length;
  9234. while (i--) {
  9235. if (targetParent.childNodes[i] === e.target) {
  9236. self.activateTab(i);
  9237. }
  9238. }
  9239. }
  9240. });
  9241. },
  9242. initLayoutRect: function () {
  9243. var self = this;
  9244. var rect, minW, minH;
  9245. minW = funcs.getSize(self.getEl('head')).width;
  9246. minW = minW < 0 ? 0 : minW;
  9247. minH = 0;
  9248. self.items().each(function (item) {
  9249. minW = Math.max(minW, item.layoutRect().minW);
  9250. minH = Math.max(minH, item.layoutRect().minH);
  9251. });
  9252. self.items().each(function (ctrl) {
  9253. ctrl.settings.x = 0;
  9254. ctrl.settings.y = 0;
  9255. ctrl.settings.w = minW;
  9256. ctrl.settings.h = minH;
  9257. ctrl.layoutRect({
  9258. x: 0,
  9259. y: 0,
  9260. w: minW,
  9261. h: minH
  9262. });
  9263. });
  9264. var headH = funcs.getSize(self.getEl('head')).height;
  9265. self.settings.minWidth = minW;
  9266. self.settings.minHeight = minH + headH;
  9267. rect = self._super();
  9268. rect.deltaH += headH;
  9269. rect.innerH = rect.h - rect.deltaH;
  9270. return rect;
  9271. }
  9272. });
  9273. var TextBox = Widget.extend({
  9274. init: function (settings) {
  9275. var self = this;
  9276. self._super(settings);
  9277. self.classes.add('textbox');
  9278. if (settings.multiline) {
  9279. self.classes.add('multiline');
  9280. } else {
  9281. self.on('keydown', function (e) {
  9282. var rootControl;
  9283. if (e.keyCode === 13) {
  9284. e.preventDefault();
  9285. self.parents().reverse().each(function (ctrl) {
  9286. if (ctrl.toJSON) {
  9287. rootControl = ctrl;
  9288. return false;
  9289. }
  9290. });
  9291. self.fire('submit', { data: rootControl.toJSON() });
  9292. }
  9293. });
  9294. self.on('keyup', function (e) {
  9295. self.state.set('value', e.target.value);
  9296. });
  9297. }
  9298. },
  9299. repaint: function () {
  9300. var self = this;
  9301. var style, rect, borderBox, borderW, borderH = 0, lastRepaintRect;
  9302. style = self.getEl().style;
  9303. rect = self._layoutRect;
  9304. lastRepaintRect = self._lastRepaintRect || {};
  9305. var doc = domGlobals.document;
  9306. if (!self.settings.multiline && doc.all && (!doc.documentMode || doc.documentMode <= 8)) {
  9307. style.lineHeight = rect.h - borderH + 'px';
  9308. }
  9309. borderBox = self.borderBox;
  9310. borderW = borderBox.left + borderBox.right + 8;
  9311. borderH = borderBox.top + borderBox.bottom + (self.settings.multiline ? 8 : 0);
  9312. if (rect.x !== lastRepaintRect.x) {
  9313. style.left = rect.x + 'px';
  9314. lastRepaintRect.x = rect.x;
  9315. }
  9316. if (rect.y !== lastRepaintRect.y) {
  9317. style.top = rect.y + 'px';
  9318. lastRepaintRect.y = rect.y;
  9319. }
  9320. if (rect.w !== lastRepaintRect.w) {
  9321. style.width = rect.w - borderW + 'px';
  9322. lastRepaintRect.w = rect.w;
  9323. }
  9324. if (rect.h !== lastRepaintRect.h) {
  9325. style.height = rect.h - borderH + 'px';
  9326. lastRepaintRect.h = rect.h;
  9327. }
  9328. self._lastRepaintRect = lastRepaintRect;
  9329. self.fire('repaint', {}, false);
  9330. return self;
  9331. },
  9332. renderHtml: function () {
  9333. var self = this;
  9334. var settings = self.settings;
  9335. var attrs, elm;
  9336. attrs = {
  9337. id: self._id,
  9338. hidefocus: '1'
  9339. };
  9340. global$2.each([
  9341. 'rows',
  9342. 'spellcheck',
  9343. 'maxLength',
  9344. 'size',
  9345. 'readonly',
  9346. 'min',
  9347. 'max',
  9348. 'step',
  9349. 'list',
  9350. 'pattern',
  9351. 'placeholder',
  9352. 'required',
  9353. 'multiple'
  9354. ], function (name) {
  9355. attrs[name] = settings[name];
  9356. });
  9357. if (self.disabled()) {
  9358. attrs.disabled = 'disabled';
  9359. }
  9360. if (settings.subtype) {
  9361. attrs.type = settings.subtype;
  9362. }
  9363. elm = funcs.create(settings.multiline ? 'textarea' : 'input', attrs);
  9364. elm.value = self.state.get('value');
  9365. elm.className = self.classes.toString();
  9366. return elm.outerHTML;
  9367. },
  9368. value: function (value) {
  9369. if (arguments.length) {
  9370. this.state.set('value', value);
  9371. return this;
  9372. }
  9373. if (this.state.get('rendered')) {
  9374. this.state.set('value', this.getEl().value);
  9375. }
  9376. return this.state.get('value');
  9377. },
  9378. postRender: function () {
  9379. var self = this;
  9380. self.getEl().value = self.state.get('value');
  9381. self._super();
  9382. self.$el.on('change', function (e) {
  9383. self.state.set('value', e.target.value);
  9384. self.fire('change', e);
  9385. });
  9386. },
  9387. bindStates: function () {
  9388. var self = this;
  9389. self.state.on('change:value', function (e) {
  9390. if (self.getEl().value !== e.value) {
  9391. self.getEl().value = e.value;
  9392. }
  9393. });
  9394. self.state.on('change:disabled', function (e) {
  9395. self.getEl().disabled = e.value;
  9396. });
  9397. return self._super();
  9398. },
  9399. remove: function () {
  9400. this.$el.off();
  9401. this._super();
  9402. }
  9403. });
  9404. var getApi = function () {
  9405. return {
  9406. Selector: Selector,
  9407. Collection: Collection$2,
  9408. ReflowQueue: ReflowQueue,
  9409. Control: Control$1,
  9410. Factory: global$4,
  9411. KeyboardNavigation: KeyboardNavigation,
  9412. Container: Container,
  9413. DragHelper: DragHelper,
  9414. Scrollable: Scrollable,
  9415. Panel: Panel,
  9416. Movable: Movable,
  9417. Resizable: Resizable,
  9418. FloatPanel: FloatPanel,
  9419. Window: Window,
  9420. MessageBox: MessageBox,
  9421. Tooltip: Tooltip,
  9422. Widget: Widget,
  9423. Progress: Progress,
  9424. Notification: Notification,
  9425. Layout: Layout,
  9426. AbsoluteLayout: AbsoluteLayout,
  9427. Button: Button,
  9428. ButtonGroup: ButtonGroup,
  9429. Checkbox: Checkbox,
  9430. ComboBox: ComboBox,
  9431. ColorBox: ColorBox,
  9432. PanelButton: PanelButton,
  9433. ColorButton: ColorButton,
  9434. ColorPicker: ColorPicker,
  9435. Path: Path,
  9436. ElementPath: ElementPath,
  9437. FormItem: FormItem,
  9438. Form: Form,
  9439. FieldSet: FieldSet,
  9440. FilePicker: FilePicker,
  9441. FitLayout: FitLayout,
  9442. FlexLayout: FlexLayout,
  9443. FlowLayout: FlowLayout,
  9444. FormatControls: FormatControls,
  9445. GridLayout: GridLayout,
  9446. Iframe: Iframe$1,
  9447. InfoBox: InfoBox,
  9448. Label: Label,
  9449. Toolbar: Toolbar$1,
  9450. MenuBar: MenuBar,
  9451. MenuButton: MenuButton,
  9452. MenuItem: MenuItem,
  9453. Throbber: Throbber,
  9454. Menu: Menu,
  9455. ListBox: ListBox,
  9456. Radio: Radio,
  9457. ResizeHandle: ResizeHandle,
  9458. SelectBox: SelectBox,
  9459. Slider: Slider,
  9460. Spacer: Spacer,
  9461. SplitButton: SplitButton,
  9462. StackLayout: StackLayout,
  9463. TabPanel: TabPanel,
  9464. TextBox: TextBox,
  9465. DropZone: DropZone,
  9466. BrowseButton: BrowseButton
  9467. };
  9468. };
  9469. var appendTo = function (target) {
  9470. if (target.ui) {
  9471. global$2.each(getApi(), function (ref, key) {
  9472. target.ui[key] = ref;
  9473. });
  9474. } else {
  9475. target.ui = getApi();
  9476. }
  9477. };
  9478. var registerToFactory = function () {
  9479. global$2.each(getApi(), function (ref, key) {
  9480. global$4.add(key, ref);
  9481. });
  9482. };
  9483. var Api = {
  9484. appendTo: appendTo,
  9485. registerToFactory: registerToFactory
  9486. };
  9487. Api.registerToFactory();
  9488. Api.appendTo(window.tinymce ? window.tinymce : {});
  9489. global.add('modern', function (editor) {
  9490. FormatControls.setup(editor);
  9491. return ThemeApi.get(editor);
  9492. });
  9493. function Theme () {
  9494. }
  9495. return Theme;
  9496. }(window));
  9497. })();